*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0a0e1a;--bg-surface:#0d1422;--bg-elevated:#111827;--border:#1e2a3a;--border-active:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#7a8fa0;--text-faint:#566070;--accent:#22d3a5;--accent-dim:#22d3a51f;--blue:#38bdf8;--purple:#a78bfa;--orange:#fb923c;--yellow:#f59e0b;--red:#f87171;--font-mono:"DM Mono", "Courier New", monospace;--font-display:"Space Grotesk", sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}.label,.btn,nav,input,.display-mono{font-family:var(--font-mono)}.display,h1,h2{font-family:var(--font-display);letter-spacing:.01em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:2px}.label{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;font-size:10px}.display{font-family:var(--font-display);font-weight:800}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.btn{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:12px;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--border-active);color:var(--text-secondary)}.btn.active{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.toggle{background:var(--border);cursor:pointer;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle.on{background:var(--accent)}.toggle-dot{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle.on .toggle-dot{left:21px}.bar{border-radius:3px;height:6px;transition:width .6s}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}body.presentation-mode #root{overflow:hidden}