@font-face{font-family:Martian Mono;font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/martian-mono-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/hanken-grotesk-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/hanken-grotesk-latin-600-normal.woff2)format("woff2")}:root{--bg:#101418;--ink:#ece9e1;--dim:#99a1a8;--line:#2c343c;--accent:#ffb454;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Hanken Grotesk,system-ui,sans-serif;line-height:1.4;overflow:hidden}#c{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#c:active{cursor:grabbing}body:after{content:"";background:linear-gradient(transparent, var(--bg) 62%);pointer-events:none;height:13rem;position:fixed;inset:auto 0 0}header,.caption,footer{z-index:1;pointer-events:none;position:fixed;left:0;right:0}header{padding:calc(.8rem + env(safe-area-inset-top)) 1rem 0;text-align:center;justify-items:center;display:grid;top:0}.mark{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:.75rem;font-weight:600}.question{text-wrap:balance;margin:.15rem 0 .1rem;font-size:.95rem}.count{align-items:baseline;gap:.5rem;display:flex}.count b{font-variant-numeric:tabular-nums;font-family:Martian Mono,ui-monospace,monospace;font-size:clamp(2.4rem,8vw,3.6rem);font-weight:600;line-height:1.1}.count b.bump{animation:.45s ease-out bump}@keyframes bump{0%{color:var(--accent);transform:scale(1.18)}}.count span{color:var(--dim);font-size:1.05rem}.sub{color:var(--dim);font-size:.85rem}.caption{bottom:calc(4.6rem + env(safe-area-inset-bottom));text-align:center;padding:0 1rem}.caption h2{margin:0 0 .2rem;font-size:1.05rem;font-weight:600}.caption p{max-width:38rem;min-height:4.2em;color:var(--dim);text-wrap:balance;margin:0 auto;font-size:.95rem}footer{max-width:46rem;padding:0 1rem calc(.9rem + env(safe-area-inset-bottom));align-items:flex-start;gap:.9rem;margin:0 auto;display:flex;bottom:0}footer>*{pointer-events:auto}#play{border:1px solid var(--line);width:4.6rem;color:var(--ink);font:inherit;cursor:pointer;background:#1a2026;border-radius:999px;flex:none;padding:.45rem 0;font-size:.9rem;font-weight:600}#play:hover{border-color:var(--dim)}.track{flex:1;min-width:0}#scrub{width:100%;height:2.2rem;accent-color:var(--accent);cursor:pointer;margin:0;display:block}#ticks{height:1.5rem;margin:-.35rem 8px 0;position:relative}#ticks button{min-width:1.5rem;height:1.5rem;color:var(--dim);cursor:pointer;background:0 0;border:0;padding:0;font-family:Martian Mono,ui-monospace,monospace;font-size:.72rem;font-weight:600;position:absolute;top:0;transform:translate(-50%)}#ticks button:before{content:"";background:var(--dim);width:1px;height:.4rem;position:absolute;top:-.3rem;left:50%}#ticks button.minor:before{opacity:.6;height:.25rem}#ticks button.on{color:var(--ink)}#ticks button:hover{color:var(--accent)}button:focus-visible,#scrub:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.count b.bump{animation:none}}#dev{top:calc(.8rem + env(safe-area-inset-top));z-index:2;border:1px solid var(--line);background:#14191eeb;border-radius:10px;width:17rem;padding:.7rem .8rem .8rem;font-size:.8rem;position:fixed;left:.8rem}#dev h2{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 .5rem;font-size:.72rem;font-weight:600}#dev p{color:var(--dim);margin:.5rem 0}#dev button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#1a2026;border-radius:999px;padding:.35rem .7rem;font-weight:600}#dev button:hover{border-color:var(--dim)}#dev button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--bg)}#dev textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);resize:none;border-radius:6px;padding:.4rem;font-family:Martian Mono,ui-monospace,monospace;font-size:.62rem;line-height:1.5;display:block}#dev .row{gap:.5rem;margin-top:.5rem;display:flex}