:root{--bg: #0f172a;--bg-card: #1e293b;--bg-elev: #334155;--fg: #f8fafc;--fg-muted: #94a3b8;--accent: #4f46e5;--accent-fg: #ffffff;--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--radius: 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-fg);border:0;border-radius:var(--radius);padding:.6em 1.2em;transition:opacity .2s}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg-elev)}button.danger{background:var(--danger)}input,select,textarea{font:inherit;width:100%;background:var(--bg-elev);color:var(--fg);border:1px solid #475569;border-radius:var(--radius);padding:.6em}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--bg-card);padding:1.5rem;border-radius:var(--radius);margin-bottom:1rem}.container{max-width:720px;margin:0 auto;padding:2rem 1rem}.row{display:flex;gap:.75rem;align-items:center}.spacer{flex:1}.badge{display:inline-block;background:var(--bg-elev);color:var(--fg);padding:.15em .6em;border-radius:999px;font-size:.85em}.error{background:#ef44441a;border:1px solid var(--danger);color:#fecaca;padding:.75rem;border-radius:var(--radius);margin-bottom:1rem}