:root{--stage:#0e0e13;--stage-ink:#f4f4f6;--glass:#101016d1}:root[data-theme=light]{--stage:#f4f1ec;--stage-ink:#18160f;--glass:#ffffffd1}.skip{z-index:100;background:var(--acc);color:#fff;font:500 13px/1 var(--sans);border-radius:var(--r);padding:10px 14px;text-decoration:none;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}.stage{background:var(--stage);position:relative}.stick{position:relative}#cv,.wait,.callout,.ruler,.controls,.finale{display:none}.js #cv,.js .ruler,.js .controls{display:block}.js .controls{display:flex}.js .stick{top:var(--hd-h,56px);height:calc(100vh - var(--hd-h,56px));height:calc(100dvh - var(--hd-h,56px));touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;position:sticky;overflow:clip}#cv{touch-action:pan-y pinch-zoom;width:100%;height:100%;position:absolute;inset:0}.callout,.finale.live{-webkit-user-select:text;user-select:text}.intro{pointer-events:none;will-change:transform;width:min(620px,100% - 66px);position:absolute;top:0;left:clamp(16px,4vw,64px)}html:not(.js) .intro{pointer-events:auto;padding:48px 16px 24px;position:static}.intro h1{font:800 clamp(64px, 11vw, 150px) / .86 var(--sans);letter-spacing:-.035em;color:var(--stage-ink);margin:4px 0 0}.intro .pitch{max-width:34em;color:var(--muted);font:300 clamp(14px, 1.35vw, 17px) / 1.55 var(--sans);margin:14px 0 0}.intro .cue{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--acc-text);margin:16px 0 0}.cue-arrow{display:inline-block}@media (prefers-reduced-motion:no-preference){.cue-arrow{animation:1.6s ease-in-out infinite cue}@keyframes cue{50%{transform:translateY(5px)}}}.wait{font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.js .wait{display:block}.wait[hidden]{display:none}.callout{background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--acc);-webkit-backdrop-filter:blur(8px);z-index:3;width:min(360px,100% - 64px);padding:14px 16px;position:absolute;top:14px;left:clamp(12px,3vw,40px)}.js .callout{display:block}.callout[hidden]{display:none}.c-no{font:500 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--acc-text);margin:0}.c-name{font:800 clamp(22px, 3vw, 30px) / 1.05 var(--sans);letter-spacing:-.02em;color:var(--stage-ink);margin:6px 0 0}.c-tag{font:300 13.5px/1.5 var(--sans);color:var(--muted);margin:8px 0 0}.c-meta{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0;display:flex}.c-open{color:var(--acc-text);border-bottom:1px solid;padding-bottom:1px;text-decoration:none}.c-open:hover{color:var(--stage-ink)}.c-open[hidden]{display:none}.ruler{z-index:3;width:30px;position:absolute;top:96px;bottom:64px;right:6px}.rt{background:var(--muted);opacity:.6;cursor:pointer;border:0;width:14px;height:2px;padding:0;transition:width .15s,opacity .15s,background .15s;position:absolute;right:0}.rt:before{content:"";position:absolute;inset:-6px -4px}.rt.on{background:var(--acc-text);opacity:.9}.rt:hover,.rt.now{opacity:1;background:var(--acc-text);width:26px}.rt-name{font:500 10.5px/1.2 var(--mono);letter-spacing:.06em;white-space:nowrap;color:var(--stage-ink);background:var(--glass);border:1px solid var(--line);opacity:0;pointer-events:none;padding:3px 7px;transition:opacity .12s;position:absolute;top:-7px;right:34px}.rt:hover .rt-name{opacity:1}.rt-head{background:var(--acc);pointer-events:none;width:9px;height:9px;box-shadow:0 0 10px var(--acc);border-radius:50%;margin-top:-4px;position:absolute;right:-3px}.controls{z-index:3;align-items:center;gap:8px;position:absolute;bottom:12px;left:clamp(12px,3vw,40px)}.ctl{appearance:none;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--glass);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;-webkit-backdrop-filter:blur(6px);min-height:34px;padding:9px 11px}.ctl:hover{color:var(--stage-ink);border-color:var(--acc)}.ctl[data-on=true]{color:var(--acc-text);border-color:var(--acc)}.ctl[hidden]{display:none}.readout{font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--muted);min-width:13em}.readout.rev{color:var(--acc-text)}.hint{font:400 10.5px/1.3 var(--mono);letter-spacing:.04em;color:var(--muted)}.hint-touch{display:none}@media (width<=640px){.hint{display:none}.readout{min-width:0}}.finale{width:min(430px,100% - 66px);opacity:var(--f,0);pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:clamp(16px,4vw,64px)}.js .finale{display:block}.finale.live{pointer-events:auto}.finale h2{font:800 clamp(30px, 5vw, 56px) / .95 var(--sans);letter-spacing:-.03em;color:var(--stage-ink);margin:0}.finale p{font:300 15px/1.6 var(--sans);color:var(--muted);margin:12px 0 0}.finale .f-row{flex-wrap:wrap;gap:10px;display:flex}.btn.ghost{background:0 0}.all{background:linear-gradient(to bottom, var(--stage), var(--bg) 160px);padding:56px 0 72px}.all h2{font:800 var(--fs-4) / 1.1 var(--sans);letter-spacing:-.02em;margin:0}.all-note{color:var(--muted);font:300 14px/1.5 var(--sans);margin:10px 0 0}.all-note a{color:var(--acc-text)}.grab{touch-action:none;z-index:2;border-radius:50%;width:60px;height:60px;display:none;position:absolute;top:0;left:0}@media (any-pointer:coarse){.js .grab{display:block}}.ctl .lb{white-space:nowrap}.finale.dock{background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--acc);-webkit-backdrop-filter:blur(8px);width:auto;padding:14px 16px;left:12px;right:12px}.finale.dock h2{font-size:26px}.finale.dock p{margin-top:8px;font-size:13.5px}.finale.right{left:auto;right:clamp(48px,6vw,96px)}@media (width<=640px){.ctl .lb{display:none}.ctl{min-width:40px;min-height:40px;font-size:14px}.callout{border-left-width:2px;padding:10px 12px;top:10px}.c-name{margin-top:4px;font-size:20px}.c-tag{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:12.5px;display:-webkit-box;overflow:hidden}.c-meta{margin-top:7px}.ruler{top:130px;bottom:70px}}@media (pointer:coarse){.ctl{min-width:44px;min-height:44px}.c-open{position:relative}.c-open:after{content:"";position:absolute;inset:-16px -8px}.hint-touch{display:inline}.hint:not(.hint-touch){display:none}}@media (pointer:coarse) and (width<=640px){.hint-touch{display:none}}.views{display:none}.js .views{z-index:6;display:block;position:absolute;top:12px;right:14px}.views-btn{display:none}.views-list{background:var(--glass);border:1px solid var(--line2,var(--line));-webkit-backdrop-filter:blur(8px);border-radius:999px;gap:2px;padding:3px;display:flex}.views-list a{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:9px 13px;text-decoration:none}.views-list a:hover{color:var(--stage-ink)}.views-list a[aria-current]{background:var(--acc);color:#fff}@media (width<=640px){.js .views{top:8px;right:6px}.views-btn{width:44px;height:44px;color:var(--stage-ink);background:var(--glass);border:1px solid var(--line2,var(--line));cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.views-list{border-radius:14px;flex-direction:column;display:none;position:absolute;top:50px;right:0}.views.open .views-list{display:flex}.views-list a{padding:13px 18px}}.alt{position:absolute;inset:0;overflow:hidden}#b-sound>span[aria-hidden]{display:inline-block;position:relative}#b-sound[data-on=false]>span[aria-hidden]:after{content:"";background:currentColor;height:2px;position:absolute;top:50%;left:-3px;right:-3px;transform:rotate(-42deg)}#b-sound[data-wait=true]{box-shadow:0 0 0 2px var(--acc)}@media (prefers-reduced-motion:no-preference){#b-sound[data-wait=true]{animation:1.6s ease-in-out infinite sndwait}@keyframes sndwait{50%{box-shadow:0 0 0 5px #0000}}}