:root{--bg: #0b0f17;--bg-elev: #121826;--bg-elev-2: #1a2233;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e8edf6;--text-dim: #9aa6bd;--text-faint: #5b677e;--accent: #ffd166;--accent-2: #7c5cff;--accent-grad: linear-gradient(135deg, #ffd166 0%, #ff8a5c 100%);--violet-grad: linear-gradient(135deg, #7c5cff 0%, #4dabff 100%);--good: #3ddc97;--bad: #ff5c7c;--light-sq: #eef1f6;--dark-sq: #5b7bb0;--radius: 16px;--radius-sm: 10px;--shadow: 0 20px 60px -20px rgba(0, 0, 0, .7);--font: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(1000px 500px at 0% 10%,rgba(255,209,102,.1),transparent 55%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}::selection{background:#ffd1664d}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-grad);color:#1a1205;border:none;font-weight:700}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--surface);color:var(--text)}.input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#00000040;color:var(--text);font-size:15px;outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--accent-2)}.input::placeholder{color:var(--text-faint)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--text-dim)}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes float-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}