:root{--bg: #0a0f1e;--bg-2: #0e1526;--glass: rgba(255, 255, 255, .04);--glass-strong: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f3f5fc;--text-soft: #9ba3b8;--text-faint: #6b7286;--cyan: #22d3ee;--indigo: #6366f1;--purple: #a855f7;--grad: linear-gradient(135deg, var(--cyan) 0%, var(--indigo) 55%, var(--purple) 100%);--on-grad: #0a0f1e;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--warning: #fbbf24;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, "Courier New", monospace;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5}::selection{background:var(--purple);color:var(--on-grad)}a{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:3px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.glass{background:var(--glass);border:1px solid var(--border);border-radius:16px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-grad,.btn-ghost{display:inline-block;border-radius:10px;font-family:var(--font);font-size:.86rem;padding:11px 18px;cursor:pointer;white-space:nowrap;text-align:center;text-decoration:none}.btn-grad{border:none;background:var(--grad);color:var(--on-grad);font-weight:700}.btn-ghost{border:1px solid var(--border-strong);background:var(--glass);color:var(--text-soft)}.btn-grad:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.icon-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}