:root{--ink:#f4f5f7;--ink-dim:#9aa1ad;--edge:#ffffff24;--panel:#0a0c12b8;--accent:#ff5c1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#05060a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Helvetica,Arial,sans-serif}code{color:var(--ink);background:#ffffff14;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.stage{height:100dvh;position:relative;overflow:hidden}.stage__canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.stage__placeholder{background:radial-gradient(circle at 50% 45%,#101827 0%,#05060a 70%);position:absolute;inset:0}.stage__scrim{z-index:1;pointer-events:none;background:linear-gradient(#05060a00 60%,#05060abf 100%),linear-gradient(90deg,#05060a99 0%,#05060a00 48%);position:absolute;inset:0}.content-layer{z-index:2;overscroll-behavior:contain;overflow-anchor:none;position:absolute;inset:0;overflow-y:auto}:root{--panel-span:340dvh}.panel{height:var(--panel-span);position:relative}.panel--tall{height:calc(var(--panel-span) * 2)}.panel__pin{flex-direction:column;justify-content:center;gap:1rem;max-width:76rem;height:100dvh;padding:12vh clamp(1.5rem,8vw,8rem);display:flex;position:sticky;top:0}.panel--tall .panel__pin{justify-content:flex-end;padding-bottom:16vh}.panel--tall-end .panel__pin{padding-bottom:24vh}.panel h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:600;line-height:1.02}.panel h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2.6vw,2rem);font-weight:600}.panel p{max-width:42ch;color:var(--ink-dim);margin:0;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.65}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.lede{color:var(--ink)!important}.hint{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:.8rem!important}.hud{z-index:3;border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;flex-direction:column;gap:.85rem;width:13.5rem;padding:1rem;font-size:.75rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.hud__badge{letter-spacing:.02em;align-items:center;gap:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.hud__dot{background:var(--ink-dim);border-radius:50%;width:.5rem;height:.5rem}.hud__badge[data-backend=webgpu] .hud__dot{background:#38d39f;box-shadow:0 0 0 3px #38d39f2e}.hud__badge[data-backend=webgl2] .hud__dot{background:#ffb020;box-shadow:0 0 0 3px #ffb0202e}.hud__readout{border-top:1px solid var(--edge);grid-template-columns:1fr auto;align-items:baseline;gap:.25rem .75rem;margin:0;padding-top:.6rem;display:grid}.hud__readout dt{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.hud__readout dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.hud__control{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:.35rem;font-size:.65rem;display:flex}.hud__control input[type=range]{width:100%;height:1.25rem;accent-color:var(--accent);cursor:pointer;margin:0}.hud__button{border:1px solid var(--edge);color:var(--ink);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .6rem;transition:background-color .12s}.hud__button:hover{background:#ffffff12}@media (prefers-reduced-motion:reduce){.hud__button{transition:none}}.preloader{z-index:4;text-align:center;background:radial-gradient(circle at 50% 42%,#0c1320 0%,#05060a 72%);flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:2rem;transition:opacity .42s;display:flex;position:absolute;inset:0}.preloader[data-started]{opacity:0;pointer-events:none}.preloader__title{letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600}.preloader__readout{text-align:left;grid-template-columns:1fr auto;align-items:baseline;gap:.2rem 1rem;width:min(18rem,70vw);margin:0;font-size:.8rem;display:grid}.preloader__readout dt{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.preloader__readout dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.preloader__meter{background:#ffffff14;border-radius:999px;width:min(22rem,80vw);height:6px;overflow:hidden}.preloader__meter-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .16s linear}.preloader__option{color:var(--ink-dim);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.preloader__option input{accent-color:var(--accent);cursor:pointer;width:1rem;height:1rem}.preloader__start{border:1px solid var(--edge);background:var(--accent);color:#150a04;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:.65rem 3rem;font-weight:600;transition:filter .12s}.preloader__start:hover{filter:brightness(1.15)}@media (prefers-reduced-motion:reduce){.preloader,.preloader__meter-fill,.preloader__start{transition:none}}