:root{--bg:#05070d;--ink:#eef3fb;--ink-dim:#8d9cb2;--bar:#0c101880;--line:#ffffff21;--accent:#6ad6ff;--font:ui-sans-serif, system-ui, "Segoe UI", Inter, Roboto, sans-serif;--mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#bg{z-index:0;background:var(--bg);position:fixed;inset:0}.bg-layer{opacity:0;transition:opacity 6s linear;position:absolute;inset:0}.bg-layer.on{opacity:1}#bg:after{content:"";background:radial-gradient(120% 90% at 50% 45%,#0000 45%,#0000008c 100%);position:absolute;inset:0}#scene{z-index:1;touch-action:none;cursor:crosshair;display:block;position:fixed;inset:0}#ui{z-index:2;pointer-events:none;grid-template-rows:auto 1fr auto;padding:clamp(14px,2.2vw,28px);transition:opacity .4s;display:grid;position:fixed;inset:0}#ui.hidden{opacity:0}.brand{text-shadow:0 2px 18px #000000b3;grid-row:1;align-self:start;max-width:44ch;animation:.8s cubic-bezier(.2,.8,.2,1) both reveal}.brand h1{letter-spacing:-.03em;background:linear-gradient(100deg, var(--ink), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:clamp(21px,3.2vw,32px);font-weight:650}.brand p{font-family:var(--mono);letter-spacing:.01em;color:var(--ink-dim);margin:0;font-size:11.5px}.bar{pointer-events:auto;background:var(--bar);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px)saturate(130%);border-radius:12px;flex-wrap:wrap;grid-row:3;justify-content:space-between;place-self:end center;align-items:center;gap:10px 16px;width:max-content;max-width:100%;padding:10px 12px;animation:.8s cubic-bezier(.2,.8,.2,1) .12s both reveal;display:flex}.group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:9px;padding:7px 12px;font-size:12.5px;transition:background .18s,border-color .18s,transform .18s}button:hover{background:#ffffff1c;border-color:#ffffff42}button:active{transform:translateY(1px)}button[aria-pressed=true]{border-color:color-mix(in oklab, var(--accent) 55%, transparent);background:color-mix(in oklab, var(--accent) 16%, transparent)}.slider{font-family:var(--mono);color:var(--ink-dim);align-items:center;gap:8px;padding-left:4px;font-size:11px;display:inline-flex}input[type=range]{width:110px;accent-color:var(--accent)}.status{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-dim);text-transform:uppercase;gap:14px;font-size:11.5px;display:flex}.status span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=640px){.status{display:none}input[type=range]{width:90px}}@media (prefers-reduced-motion:reduce){.brand,.bar{animation:none}.bg-layer{transition:none}}