:root{--paper:#f7f4ec;--ink:#15171c;--ink2:#383b43;--muted:#6a6d75;--c:#00a0df;--m:#e5007d;--y:#ffd400;--cut:#ff6a3c;--line:#15171c24;--head:"Bricolage Grotesque", "Lexend", system-ui, sans-serif;--body:"Lexend", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background:#e4e0d8;margin:0;overflow:hidden}#gl{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}#bar,#bar *,#explore,#explore *{pointer-events:auto}#chapterHead{top:max(18px, env(safe-area-inset-top));max-width:46vw;transition:opacity .4s;position:absolute;left:22px}.eyebrow{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.eyebrow:before{content:"";background:conic-gradient(var(--c) 0 25%, var(--m) 0 50%, var(--y) 0 75%, var(--ink) 0);border-radius:50%;width:18px;height:18px;margin-right:4px}.eyebrow .sep{opacity:.5}#chapTitle{font-family:var(--head);letter-spacing:-.01em;text-shadow:0 1px #ffffffb3,0 0 24px #f7f4ecd9;margin:4px 0 0;font-size:clamp(24px,3.1vw,42px);font-weight:800;line-height:1}#steps{top:max(20px, env(safe-area-inset-top));border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f4ece6;border-radius:999px;gap:4px;margin:0;padding:6px;list-style:none;transition:opacity .4s,transform .4s;display:flex;position:absolute;right:22px}#steps li{color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 8px;font-size:14px;font-weight:500;transition:background .3s,color .3s;display:flex}#steps li b{font-family:var(--mono);border:1.5px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:500;display:grid}#steps li.done{color:var(--ink2)}#steps li.on{background:var(--ink);color:#fff}#steps li.on b{border-color:var(--y);color:var(--y)}#steps.hide{opacity:0;transform:translateY(-8px)}#inset{opacity:0;background:var(--paper);border:1.5px solid var(--ink);border-radius:18px;width:min(420px,33vw);padding:14px 14px 12px;transition:opacity .45s,transform .45s;position:absolute;top:50%;right:22px;transform:translate(24px,-56%);box-shadow:0 18px 50px #14100a38}#inset.show{opacity:1;transform:translateY(-56%)}.insetHead{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);align-items:center;gap:8px;margin:2px 4px 10px;font-size:12.5px;display:flex}.insetHead .dot{background:var(--cut);border-radius:50%;width:9px;height:9px}#insetCanvas{aspect-ratio:4/3;background:#fff;border-radius:10px;width:100%;display:block}#insetCaption{min-height:2.7em;margin:10px 4px 2px;font-size:16.5px;font-weight:500;line-height:1.35}#subScrim{pointer-events:none;opacity:0;background:linear-gradient(#0a0c1000 0%,#0a0c1061 62%,#0a0c109e 100%);height:34vh;transition:opacity .5s;position:absolute;bottom:0;left:0;right:0}body.has-sub #subScrim{opacity:1}body.nosubs #subScrim{display:none}#subtitle{justify-content:center;width:min(880px,100vw - 40px);display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}#subText{text-align:center;color:#fff;font-weight:500;font-size:var(--subSize);letter-spacing:.01em;text-shadow:0 1px 2px #0000008c,0 0 14px #00000059;opacity:0;margin:0;line-height:1.45;transition:opacity .3s}#subText.show{opacity:1}#subText .ln{display:block}#subText i{opacity:0;filter:blur(3px);font-style:normal;transition:opacity .28s ease-out,transform .32s cubic-bezier(.2,.7,.2,1),filter .32s ease-out;display:inline-block;transform:translateY(.28em)}#subText i.on{opacity:1;filter:none;transform:none}body{--subSize:clamp(17px, 1.5vw, 23px)}body.sub-s{--subSize:clamp(15px, 1.2vw, 18px)}body.sub-l{--subSize:clamp(20px, 1.9vw, 28px)}body.nosubs #subtitle{display:none}body.video #subText i{transition:none}#settings{background:var(--paper);border:1.5px solid var(--ink);pointer-events:auto;z-index:3;border-radius:16px;width:min(360px,100vw - 28px);padding:10px 14px 12px;position:absolute;bottom:80px;right:max(14px,50vw - 540px);box-shadow:0 18px 50px #14100a47}#settings[hidden]{display:none}#settings .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:15px;font-weight:500;display:flex}#settings .row:last-of-type{border-bottom:0}#settings button{font:inherit}.sw{background:#15171c33;border:0;border-radius:999px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.sw.on{background:var(--ink)}.sw.on:after{transform:translate(18px)}.seg{background:#15171c14;border-radius:10px;gap:2px;padding:2px;display:flex}.seg button{color:var(--ink2);background:0 0;border:0;border-radius:8px;padding:5px 8px;font-weight:600;font-size:13px!important}.seg button.on{background:var(--ink);color:#fff}#settings .hint{color:var(--muted);margin:8px 0 0;font-size:12.5px;line-height:1.4}#bar .cc{border:1.8px solid var(--ink);min-width:40px;height:30px;font-family:var(--mono);letter-spacing:.04em;background:0 0;border-radius:7px;flex:none;font-size:13px;font-weight:500}#bar .cc.on{background:var(--ink);color:#fff}#bar .icon.on{background:#15171c1f}body.video #bar,body.video #start,body.video #explore,body.video #settings{display:none!important}body.video *,body.video :before,body.video :after{transition:none!important}body.video #subtitle{bottom:56px}#leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}#leaders line{stroke:var(--ink);stroke-width:1.6px}#leaders circle{fill:var(--paper);stroke:var(--ink);stroke-width:2px}#leaders .lp{stroke-dasharray:5 4}.lbl{background:var(--paper);border:1.6px solid var(--ink);color:var(--ink);white-space:nowrap;border-radius:999px;padding:5px 12px 6px;font-size:15px;font-weight:600;transition:opacity .3s;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 6px 18px #14100a2e}.lbl.sheetName{background:var(--ink);color:#fff;font-size:16px}.loupe{border:6px solid var(--ink);border-radius:50%;transition:opacity .3s;position:absolute;top:0;left:0;box-shadow:0 16px 40px #00000059,inset 0 0 0 2px #ffffff8c}.loupe span{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:15px;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%,10px)}.loupe i{font-style:normal;font-family:var(--mono);color:var(--ink2);white-space:nowrap;background:#f7f4ece6;border-radius:6px;padding:2px 7px;font-size:12px;position:absolute;top:-4px;left:50%;transform:translate(-50%,-100%)}#bar{left:50%;bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f4ecf0;border-radius:16px;align-items:center;gap:6px;width:min(1080px,100vw - 28px);height:54px;padding:0 10px;transition:opacity .4s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 26px #14100a24}#bar .icon{background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}#bar .icon:hover{background:#15171c14}#bar .icon svg{width:22px;height:22px;fill:var(--ink)}#bar .pill{border:1.5px solid var(--ink);background:0 0;border-radius:999px;flex:none;padding:5px 12px;font-size:13.5px;font-weight:600}#bar .pill.on{background:var(--ink);color:#fff}#track{cursor:pointer;flex:1;align-items:center;min-width:60px;height:38px;display:flex;position:relative}#segs{gap:3px;width:100%;height:8px;display:flex}#segs div{background:#15171c24;border-radius:4px;height:100%;position:relative;overflow:hidden}#segs div b{background:var(--ink);width:0;position:absolute;inset:0}#segs div.cur{outline:2px solid var(--m);outline-offset:1px}#tip{background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:5px 10px;font-size:13px;transition:opacity .15s;position:absolute;bottom:44px;left:0;transform:translate(-50%)}#track:hover #tip{opacity:1}#clock{font-family:var(--mono);color:var(--ink2);text-align:center;flex:none;min-width:86px;font-size:13px}#explore[hidden]{display:none}#explore{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:12px;padding:9px 10px 9px 18px;font-size:15px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}#explore .pill{color:var(--ink);background:#fff;border:0;border-radius:999px;padding:7px 14px;font-weight:600}body.noui #ui{display:none}body.idle #bar{opacity:0}body.idle #subtitle{bottom:30px}#subtitle{transition:bottom .4s}body.idle #bar:hover{opacity:1}#start{z-index:5;background:linear-gradient(100deg,#f7f4ecf7 0%,#f7f4ece6 38%,#f7f4ec26 75%,#f7f4ec00 100%);place-items:center start;padding:0 clamp(18px,7vw,120px);transition:opacity .7s;display:grid;position:fixed;inset:0}#start.gone{opacity:0;pointer-events:none}.startCard{max-width:620px}.reg{width:58px;height:58px;margin-bottom:18px;position:relative}.reg i{mix-blend-mode:multiply;border:2.5px solid;border-radius:50%;position:absolute;inset:0}.reg i:first-child{border-color:var(--c);transform:translate(-5px,-3px)}.reg i:nth-child(2){border-color:var(--m);transform:translate(5px,-3px)}.reg i:nth-child(3){border-color:var(--y);transform:translateY(5px)}.reg i:nth-child(4){border:0}.reg i:nth-child(4):before,.reg i:nth-child(4):after{content:"";background:var(--ink);width:2px;position:absolute;top:-8px;bottom:-8px;left:50%;transform:translate(-50%)}.reg i:nth-child(4):after{width:auto;height:2px;inset:50% -8px auto;transform:translateY(-50%)}.kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 12px;font-size:13.5px}#start h1{font-family:var(--head);letter-spacing:-.03em;margin:0 0 22px;font-size:clamp(58px,9.5vw,128px);font-weight:800;line-height:.88}#start h1 em{color:var(--m);font-style:normal}.lede{color:var(--ink2);max-width:44ch;margin:0 0 28px;font-size:clamp(17px,1.5vw,20px);line-height:1.5}.startRow{flex-wrap:wrap;align-items:center;gap:22px;display:flex}#bStart{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:16px 36px;font-size:19px;font-weight:600;transition:transform .15s,background .2s;box-shadow:0 10px 28px #15171c4d}#bStart:not(:disabled):hover{background:#000;transform:translateY(-2px)}#bStart:disabled{cursor:progress;background:#8d8f95}.check{cursor:pointer;align-items:center;gap:9px;font-size:16px;font-weight:500;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink)}.meta{color:var(--muted);margin:18px 0 0;font-size:14px}@media (max-width:760px){#chapterHead{max-width:70vw;top:12px;left:14px}#chapTitle{font-size:24px}#steps{display:none}#inset{grid-template-columns:46% 1fr;align-items:center;gap:10px;width:auto;padding:10px;display:grid;top:74px;left:12px;right:12px;transform:translateY(-10px)}#inset.show{transform:none}.insetHead{grid-column:1/-1;margin:0 2px}#insetCanvas{aspect-ratio:4/3}#insetCaption{min-height:0;margin:0;font-size:14px}#subtitle{width:calc(100vw - 20px);bottom:70px}body{--subSize:16px}body.sub-s{--subSize:14px}body.sub-l{--subSize:19px}#settings{bottom:66px;right:8px}#bar{width:calc(100vw - 16px);height:50px;bottom:max(8px, env(safe-area-inset-bottom));gap:2px;padding:0 6px}#bar .icon{width:34px;height:34px}#bPrev,#bNext,#bFull,#clock{display:none!important}#bar .pill{padding:4px 9px;font-size:12px}.lbl{padding:4px 9px;font-size:13px}.loupe span{font-size:13px}#start{background:linear-gradient(#f7f4ec33 0%,#f7f4eceb 40%,#f7f4ecfa 100%);place-items:end start;padding-bottom:40px}#explore{width:calc(100vw - 20px);font-size:13px;top:64px}}