:root{--bg:#0a0e14;--bg-sunken:#070a0f;--panel:#111823;--panel-2:#0d1420;--elev:#18212f;--elev-hover:#1e2939;--border:#ffffff12;--border-strong:#ffffff29;--text:#e7edf4;--text-dim:#93a1b1;--text-faint:#5f6f80;--accent:#38bdf8;--accent-strong:#0ea5e9;--accent-ink:#04263a;--accent-glow:#38bdf847;--warn:#f5a524;--warn-glow:#f5a52438;--danger:#f43f5e;--good:#34d399;--ocean:#071019;--ocean-2:#0a1622;--radius:9px;--radius-sm:6px;--radius-xs:4px;--shadow-panel:0 1px 0 #ffffff08 inset, 0 8px 30px -12px #0009;--font-display:"Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.45;overflow:hidden}@media (width<=900px){body{overflow:auto}}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}button{color:inherit;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:500}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{appearance:none;color:var(--text-dim);background:var(--elev);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.4em;padding:.4rem .7rem;font-size:12px;font-weight:500;line-height:1;transition:background .14s,color .14s,border-color .14s,box-shadow .14s;display:inline-flex}.btn:hover:not(:disabled){background:var(--elev-hover);color:var(--text);border-color:var(--border-strong)}.btn:disabled{opacity:.35;cursor:default}.btn.is-active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 18px -4px var(--accent-glow)}input[type=number],input[type=text],select{font-family:var(--font-mono);color:var(--text);background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.4rem .55rem;font-size:12px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}input[type=range]{appearance:none;background:var(--elev);cursor:pointer;border-radius:999px;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg);width:14px;height:14px;box-shadow:0 0 12px -1px var(--accent-glow);border-radius:50%}input[type=range]::-moz-range-thumb{border:2px solid var(--bg);background:var(--accent);border-radius:50%;width:14px;height:14px}.scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.scroll::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}