:root{--bg:#0a0a0a;--panel:#141414;--border:#262626;--fg:#f5f5f5;--muted:#8a8a8a;--accent:#fff;--accent-fg:#000}body.light{--bg:#f4f4f5;--panel:#fff;--border:#e3e3e7;--fg:#18181b;--muted:#71717a;--accent:#18181b;--accent-fg:#fff}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}button:hover,select:hover{border-color:#6b7280}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.active{border-color:var(--fg);background:var(--fg);color:var(--bg)}