*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1120;--surface:#131e30;--border:#1e2e45;--accent:#3b82f6;--success:#22c55e;--warning:#f59e0b;--text:#f1f5f9;--text-secondary:#94a3b8;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100vh;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-ui);border:none;border-radius:4px;padding:6px 12px;font-size:13px;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}input,select{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);border-radius:4px;outline:none;padding:6px 10px;font-size:13px}input:focus,select:focus{border-color:var(--accent)}input[type=range]{accent-color:var(--accent);padding:0}.page{max-width:1100px;margin:0 auto;padding:24px 20px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;font-size:11px;font-weight:500}