*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0D0D12;--surface: #13131A;--surface-alt: #1A1A24;--surface-hi: #1E1E2E;--text: #E8E8F0;--text-mid: #A8A8C0;--muted: #5A5A78;--muted-dark: #2E2E44;--border: #1E1E2E;--border-mid: #2A2A3E;--accent: #7F77DD;--accent-lt: #B8B4F0;--accent-dk: #3C3489;--teal: #1D9E75;--teal-lt: #9FE1CB;--amber: #EF9F27;--amber-lt: #FAC775;--red: #D85A30;--red-lt: #F5C4B3;--font-mono: "JetBrains Mono", monospace;--font-sans: "DM Sans", sans-serif;--radius: 8px;--radius-lg: 12px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.mono{font-family:var(--font-mono)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .3s ease forwards}.math-block{background:var(--bg);border-left:2px solid var(--accent);border-radius:0 4px 4px 0;padding:10px 14px;margin:8px 0;font-family:var(--font-mono);font-size:14px;color:var(--accent-lt);letter-spacing:.3px}.divider{height:.5px;background:var(--border);margin:20px 0}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.8px;border:.5px solid}.pill-mastered{color:var(--teal-lt);background:#1d9e7522;border-color:var(--teal)}.pill-procedural{color:var(--amber-lt);background:#ef9f2722;border-color:var(--amber)}.pill-pending{color:var(--muted);background:#2e2e4422;border-color:var(--muted-dark)}.pill-correct{color:var(--teal-lt);background:#1d9e7522;border-color:var(--teal)}.pill-incorrect{color:var(--red-lt);background:#d85a3022;border-color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;font-weight:500;transition:opacity .15s,transform .1s}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-lt)}.btn-teal{background:var(--teal);color:var(--teal-lt)}.btn-amber{background:#ef9f2722;color:var(--amber-lt);border:.5px solid var(--amber)}.btn-ghost{background:transparent;color:var(--muted);border:.5px solid var(--border-mid)}.btn-danger{background:#d85a3022;color:var(--red-lt);border:.5px solid var(--red)}.input{width:100%;background:var(--surface);border:.5px solid var(--border-mid);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-family:var(--font-mono);font-size:14px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px}.spinner{width:18px;height:18px;border:2px solid var(--border-mid);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}