:root{--bg:#0b0f14;--text:#f3f6f8;--muted:#f3f6f89e;--accent:#19c3a4;--panel:#ffffff0f;--border:#ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 70% 30%,#12303a 0%,#0b0f14 60%) fixed;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#scene{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}.top,.intro,.bottom,.loader{z-index:1;position:fixed}.top{padding:max(20px, env(safe-area-inset-top)) clamp(20px, 4vw, 48px) 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;top:0;left:0;right:0}.top a{pointer-events:auto;color:var(--text);text-decoration:none}.brand{letter-spacing:-.02em;font-size:22px;font-weight:800}nav a{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 14px;font-size:15px}nav a:hover{border-color:var(--accent)}.intro{pointer-events:none;max-width:520px;top:clamp(84px,14vh,140px);left:clamp(20px,4vw,48px)}.intro h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(30px,5vw,56px);line-height:1.05}.intro h1 span{color:var(--accent)}.intro p{color:var(--muted);max-width:380px;margin:0;font-size:clamp(14px,1.6vw,17px);line-height:1.5}.loader{color:var(--muted);justify-items:center;gap:10px;font-size:14px;transition:opacity .4s;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.loader.done{opacity:0;pointer-events:none}.bar{background:var(--panel);border-radius:4px;width:180px;height:4px;overflow:hidden}.fill{background:var(--accent);width:0;height:100%;transition:width .2s}.bottom{padding:0 clamp(20px, 4vw, 48px) max(18px, env(safe-area-inset-bottom));pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex;bottom:0;left:0;right:0}#spin{pointer-events:auto;font:inherit;color:var(--text);border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px}#spin[aria-pressed=true]{border-color:var(--accent)}.credit{color:var(--muted);font-size:12px}@media (width<=640px){.intro{top:76px}.credit{font-size:11px}}