:root{--bg: #0f1117;--bg-elev: #181b24;--bg-elev-2: #20242f;--border: #2a2f3d;--text: #e6e8ee;--text-muted: #9aa1b3;--accent: #ffb84d;--accent-fade: rgba(255, 184, 77, .15);--good: #6dd58c;--bad: #ff7a7a;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow: 0 2px 8px rgba(0, 0, 0, .25);--max-w: 880px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100vh}body{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.25}h1{font-size:1.5rem;font-weight:600}h2{font-size:1.1rem;font-weight:600;color:var(--text)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:var(--r-md);padding:var(--space-2) var(--space-4);transition:background .12s ease,border-color .12s ease}button:hover{background:var(--bg-elev);border-color:var(--accent)}input[type=range],input[type=number]{accent-color:var(--accent)}input[type=number]{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--space-2) var(--space-3);font:inherit;width:100%}input[type=number]:focus{outline:2px solid var(--accent);outline-offset:1px}.page{max-width:var(--max-w);margin:0 auto;padding:var(--space-5) var(--space-4)}