:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}main{width:100%;overflow:hidden}.slide{position:relative;width:100%;aspect-ratio:1512/1080;overflow:hidden;background:#43a582;isolation:isolate}.scene{position:absolute;width:1512px;height:1080px;transform-origin:top left;overflow:hidden}.layer{position:absolute;transform-origin:0 0;pointer-events:none}.layer>img,.layer>video{position:absolute;inset:0;width:100%;height:100%;display:block}.layer>img{object-fit:fill}.layer>video{object-fit:fill;pointer-events:auto}.video-poster{z-index:1;transition:opacity .12s}.is-playing>.video-poster{opacity:0}.video-action{position:absolute;right:12px;bottom:12px;z-index:3;border:1px solid #ffffff70;background:#111b;color:#fff;padding:9px 12px;border-radius:24px;font-size:16px;pointer-events:auto;cursor:pointer}.video-action[hidden]{display:none}.tools{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;gap:4px;align-items:center;white-space:nowrap;padding:6px;border:1px solid #ffffff28;background:#151515e8;backdrop-filter:blur(14px);border-radius:30px;box-shadow:0 4px 24px #0003;font-size:12px}.tools button,.index-head button{border:0;background:none;color:#fff;cursor:pointer;padding:10px 13px;font:inherit;border-radius:22px}.tools button:hover,.tools button:focus-visible{background:#ffffff1c}.tools button[aria-pressed=true]{background:#f4ff26;color:#111}#counter{color:#ccc;font-variant-numeric:tabular-nums;padding:0 8px}#index{position:fixed;right:16px;bottom:88px;width:min(380px,calc(100vw - 32px));max-height:70vh;overflow:auto;z-index:1001;border:1px solid #ffffff30;border-radius:16px;background:#171717f5;padding:20px;box-shadow:0 8px 40px #0005}.index-head{display:flex;justify-content:space-between;align-items:center}.index-head strong{font-size:24px;font-style:italic;color:#f4ff26}#chapters{list-style:none;margin:16px 0 0;padding:0}#chapters a{display:flex;gap:14px;color:#eee;text-decoration:none;padding:11px 4px;border-bottom:1px solid #fff2;font-size:13px}#chapters a:hover{color:#f4ff26}#chapters span{color:#888;font-variant-numeric:tabular-nums}.skip{position:fixed;top:-100px;z-index:2000;background:#f4ff26;color:#111;padding:12px}.skip:focus{top:10px}#notice{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:1500;background:#111e;border-radius:8px;font-size:13px;padding:12px 18px;max-width:90vw;display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:pre-wrap}.slide-link{position:absolute;z-index:999;display:block}.slide-link:focus-visible{outline:3px solid #f4ff26;outline-offset:4px}@media(max-width:600px){.tools{bottom:10px;padding:4px;gap:0;font-size:10px}.tools button{padding:10px}#counter{padding:0 4px}.video-action{font-size:26px}#index{bottom:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-poster{transition:none}}
.mobile-poster,.mobile-player{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.mobile-poster{z-index:1;pointer-events:none}.mobile-player{z-index:2;opacity:0}.mobile-playing>.mobile-player{opacity:1}.mobile-video-action{position:absolute;z-index:4;bottom:12px;right:12px;padding:8px 12px;border-radius:20px;background:#111d;color:#fff;border:1px solid #fff6}.mobile-video-action[hidden]{display:none}html:has(.mobile-slide){scroll-behavior:auto}.mobile-slide{contain:layout paint}.mobile-slide .slide-link{z-index:5}@media(pointer:coarse){.tools{backdrop-filter:none;box-shadow:none}.mobile-poster{transition:none}}