:root{--bg:#0a0b0f;--panel:#14161d;--panel-2:#1a1d26;--border:#262a36;--text:#e6e8ee;--muted:#8b90a0;--accent:#6366f1}body,html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px}.muted{color:var(--muted)}.btn{background:var(--accent);color:white;border-radius:10px;padding:10px 16px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5}input,select{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--accent)}.seg{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:4px;display:inline-flex;gap:2px}.seg button{padding:6px 12px;border-radius:7px;font-size:13px;color:var(--muted)}.seg button.active{background:var(--accent);color:white}