:root{--bg: #0b1020;--bg-elev: #131a30;--fg: #e6e9f2;--fg-mute: #8d95b3;--accent: #7c3aed;--accent-2: #22d3ee;--ok: #22c55e;--err: #ef4444;--radius: 12px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--fg);background:radial-gradient(1200px 600px at 10% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(34,211,238,.15),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:32px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-weight:700;letter-spacing:.04em}.brand .dot{color:var(--accent)}.card{background:var(--bg-elev);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card+.card{margin-top:16px}h1,h2{margin:0 0 16px;line-height:1.15}h1{font-size:28px}h2{font-size:18px;color:var(--fg-mute);font-weight:500}.muted{color:var(--fg-mute)}label{display:block;margin:12px 0 4px;font-size:13px;color:var(--fg-mute)}input{width:100%;padding:10px 12px;font-size:14px;background:#0a1024;color:var(--fg);border:1px solid rgba(255,255,255,.1);border-radius:8px;outline:none}input:focus{border-color:var(--accent-2)}button{margin-top:16px;padding:10px 16px;font-size:14px;font-weight:600;background:var(--accent);color:#fff;border:0;border-radius:8px;cursor:pointer}button.secondary{background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--fg)}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:12px;align-items:center}.row>*{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:14px}.kv:last-child{border-bottom:0}.kv .k{color:var(--fg-mute)}.alert{padding:10px 12px;border-radius:8px;font-size:13px}.alert.err{background:#ef44441f;color:#fecaca}.alert.ok{background:#22c55e1a;color:#bbf7d0}