:root{--bg: #0b1020;--panel: #12182b;--panel-muted: #0f1425;--text: #e6e8ef;--muted: #9aa3b2;--accent: #5b8cff;--accent-2: #22d3ee;--danger: #ef4444;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .35)}@media (prefers-color-scheme: light){:root{--bg: #f7f8fc;--panel: #ffffff;--panel-muted: #f3f4f8;--text: #0f172a;--muted: #64748b;--accent: #3b82f6;--accent-2: #0ea5e9;--danger: #ef4444;--shadow: 0 10px 24px rgba(2, 6, 23, .08)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 800px at 80% -10%,rgba(91,140,255,.25),transparent),radial-gradient(900px 600px at -10% 100%,rgba(34,211,238,.25),transparent),var(--bg)}.container{max-width:960px;margin:0 auto;padding:32px 20px 56px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.brand{font-weight:700;letter-spacing:.2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-muted));border:1px solid rgba(148,163,184,.15);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.row{display:flex;gap:12px;align-items:center}.stack{display:grid;gap:12px}.btn{appearance:none;outline:none;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:600;letter-spacing:.2px;color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 6px 16px #2563eb59;cursor:pointer;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;filter:saturate(.2) brightness(.9);box-shadow:none}.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 6px 16px #dc262659}.btn-secondary{color:#0f172a;background:linear-gradient(180deg,#e2e8f0,#cbd5e1);box-shadow:0 6px 16px #0f172a14}.btn-ghost{background:transparent;color:var(--text);border-color:#94a3b840}.status{color:var(--muted);font-size:14px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#94a3b814;color:var(--muted);font-size:13px;width:fit-content}.dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 #ef4444cc;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}pre{margin:0;background:#0206178c;border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:14px;line-height:1.6;overflow:auto}.hint{font-size:13px;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.wave{width:100%;height:80px;border-radius:10px;background:#94a3b80f;border:1px solid rgba(148,163,184,.15)}.toaster{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:50}.toast{background:var(--panel);border:1px solid rgba(148,163,184,.25);color:var(--text);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow);min-width:240px}