:root{--ink:#f4f1ea;--ink-dim:#f4f1ea9e;--ink-faint:#f4f1ea47;--line:#f4f1ea29;--accent:#ffb454;--sans:"Helvetica Neue", Helvetica, "Inter", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--pad:clamp(16px, 2.6vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);overscroll-behavior:none;-webkit-font-smoothing:antialiased;background:#000;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}#app{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#gl,#frames{width:100%;height:100%;display:block;position:absolute;inset:0}#frames{pointer-events:none}.scrim{pointer-events:none;background:radial-gradient(120% 90% at 0 100%,#000000b8 0%,#0000 55%),linear-gradient(#00000080 0%,#0000 16%);position:absolute;inset:0}.labels{pointer-events:none;transition:opacity .9s .2s;position:absolute;inset:0;overflow:hidden}.is-intro .labels,.is-intro #frames{opacity:0}#frames{transition:opacity .9s .2s}.label-pt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#f4f1eadb;text-shadow:0 0 6px #000,0 0 2px #000;will-change:transform, opacity;margin:-7px 0 0 12px;padding-left:22px;font-size:10.5px;position:absolute;top:0;left:0}.label-pt:before{content:"";background:var(--accent);width:16px;height:1px;position:absolute;top:50%;left:0}.top{padding:var(--pad);padding-top:max(var(--pad), env(safe-area-inset-top));grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;display:grid;position:absolute;top:0;left:0;right:0}.brand{flex-direction:column;gap:6px;display:flex}.brand-title{letter-spacing:.26em;text-transform:uppercase;font-size:12px;font-weight:600}.brand-sub{color:var(--ink-dim);font-size:12px}.modes{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#00000059;border-radius:999px;gap:2px;padding:3px;display:flex}.modes button{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border-radius:999px;padding:8px 16px;font-size:12px;transition:color .2s,background .2s}.modes button[aria-pressed=true]{background:var(--ink);color:#0a0a0a}.transport{justify-content:flex-end;gap:8px;display:flex}.t-btn{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:#00000059;border-radius:999px;padding:8px 14px;font-size:12px;transition:color .2s,border-color .2s,opacity .2s}.t-btn:hover{color:var(--ink);border-color:var(--ink-faint)}.t-play{min-width:78px;color:var(--ink)}.mode-manual .t-play,.mode-manual #speed{opacity:0;pointer-events:none}.panel{left:var(--pad);bottom:calc(var(--pad) + 64px);width:min(30rem, calc(100vw - var(--pad) * 2 - 72px));pointer-events:none;position:absolute}.power{font-variant-numeric:tabular-nums;align-items:flex-start;font-weight:200;line-height:.9;display:flex}.power .base{letter-spacing:-.04em;font-size:clamp(64px,9vw,128px)}.power sup{min-width:2.6ch;color:var(--accent);margin-top:-.06em;margin-left:.08em;font-size:clamp(34px,4.6vw,64px);font-weight:300}.power .unit{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);align-self:flex-end;margin-bottom:.9em;margin-left:4px;font-size:12px;font-weight:400}.human{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-dim);margin-top:10px;font-size:13px}.card{border-top:1px solid var(--line);will-change:opacity, transform;min-height:9.5rem;margin-top:22px;padding-top:18px}.tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);min-height:1.2em;font-size:10.5px}.card h1{letter-spacing:-.015em;text-wrap:balance;margin:8px 0 10px;font-size:clamp(22px,2.5vw,32px);font-weight:500;line-height:1.12}.card p{color:#f4f1ead1;text-wrap:pretty;margin:0;font-size:clamp(14px,1.12vw,16px);line-height:1.55}.legend{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;gap:6px 14px;margin:12px 0 0;padding:0;font-size:10.5px;list-style:none;display:flex}.legend:empty{display:none}.legend li{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:9px;height:9px}.mode-continuous .legend{display:none}.dwell{background:var(--line);opacity:0;height:1px;margin-top:16px;transition:opacity .3s}.mode-slideshow.is-playing .dwell{opacity:1}.dwell i{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.mode-continuous .card p,.mode-continuous .dwell{display:none}.mode-continuous .card{min-height:0}.rail{right:calc(var(--pad) - 8px);cursor:pointer;width:64px;position:absolute;top:96px;bottom:96px}.rail .tick{background:var(--ink-faint);width:6px;height:1px;position:absolute;right:8px}.rail .tick.major{background:var(--ink-dim);width:12px}.rail .label{font-family:var(--mono);color:var(--ink-faint);white-space:nowrap;font-size:10px;position:absolute;right:28px;transform:translateY(-50%)}.rail .marker{background:var(--accent);width:28px;height:1px;box-shadow:0 0 10px var(--accent);will-change:transform;position:absolute;right:0}.rail .hover{font-family:var(--mono);white-space:nowrap;opacity:0;pointer-events:none;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:11px;transition:opacity .15s;position:absolute;right:36px;transform:translateY(-50%)}.rail:hover .hover{opacity:1}.controls{left:var(--pad);bottom:max(var(--pad), env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute}.controls button{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:#00000059;border-radius:999px;padding:11px 16px;font-size:12px;transition:color .2s,border-color .2s}.controls button:hover{color:var(--ink);border-color:var(--ink-faint)}.controls .arrow{color:var(--accent)}.intro{padding:var(--pad);background:radial-gradient(90% 90%,#0000008c,#000000e6);place-items:center;transition:opacity .9s,visibility .9s;display:grid;position:absolute;inset:0}#app:not(.is-intro) .intro{opacity:0;visibility:hidden;pointer-events:none}.is-intro .top,.is-intro .panel,.is-intro .rail,.is-intro .controls{opacity:0;pointer-events:none}.top,.panel,.rail,.controls{transition:opacity .9s .2s}.intro-inner{text-align:center;width:min(46rem,100%)}.intro-kicker{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;font-size:11px}.intro h2{letter-spacing:-.035em;margin:0;font-size:clamp(40px,7.4vw,96px);font-weight:200;line-height:1}.intro-lede{max-width:34rem;color:var(--ink-dim);text-wrap:balance;margin:22px auto 34px;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.intro-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.intro-actions button{border:1px solid var(--line);text-align:left;background:#ffffff08;border-radius:14px;flex-direction:column;gap:6px;padding:18px 16px;transition:border-color .2s,background .2s,transform .2s;display:flex}.intro-actions button:hover{border-color:var(--accent);background:#ffb45414;transform:translateY(-2px)}.intro-actions strong{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:600}.intro-actions span{color:var(--ink-dim);font-size:13px;line-height:1.4}.intro-credit{max-width:34rem;color:var(--ink-faint);margin:30px auto 0;font-size:11.5px;line-height:1.6}@media (width<=760px){.top{grid-template-columns:1fr auto}.brand-sub{display:none}.modes{grid-area:2/1/auto/-1;justify-self:start}.modes button{padding:8px 12px;font-size:11px}.rail{width:40px;top:140px}.rail .label{display:none}.panel{width:calc(100vw - var(--pad) * 2 - 44px)}.card{min-height:0}.controls button{padding:11px 13px;font-size:11px}.intro-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.intro,.top,.panel,.rail,.controls{transition:none}}