:root{--bg:#0f1230;--panel:#161a40;--card:#1e2352;--line:#2e3570;--text:#f3f4ff;--muted:#9aa0d6;--accent:#ffd43b;--accent-2:#ff6b6b;--radius:14px;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Fredoka,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body,html{min-height:100%;margin:0}body{background:var(--bg)}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.gradient-text{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.btn-primary{border-radius:var(--radius);color:#1a1840;background:linear-gradient(135deg,var(--accent),#ff922b);border:0;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1.35rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 6px #c2410c,0 10px 24px #ff922b44}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c2410c,0 4px 12px #ff922b44}.btn-ghost{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:10px;padding:7px 10px}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.btn-primary kbd{font:inherit;background:#1a184022;border-radius:6px;padding:2px 6px;font-size:.7rem;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.card-head{justify-content:space-between;align-items:center;display:flex}.card h2{margin:0;font-size:1rem;font-weight:600}.panel.busy .card{opacity:.6}.pill{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.8rem}.pill.big{color:var(--accent);padding:2px 14px;font-size:1.1rem;font-weight:700}