@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-elevated:#334155;--border-muted:#1e293b;--border-bright:#334155;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-link:#3b82f6;--status-success:#10b981;--status-success-bg:#10b9811a;--status-warning:#f59e0b;--status-warning-bg:#f59e0b1a;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-info:#3b82f6;--status-info-bg:#3b82f61a;--mastery-0:#ef4444;--mastery-1:#f59e0b;--mastery-2:#3b82f6;--mastery-3:#10b981;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}body{min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}#root{width:100%;display:flex}*{box-sizing:border-box}h1,h2,h3,h4,.font-mono{font-family:JetBrains Mono,monospace}.card{background-color:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-md);padding:1.5rem}.card-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500}.btn{background-color:var(--bg-elevated);border:1px solid var(--border-muted);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{background-color:var(--bg-elevated);border-color:var(--border-bright)}.btn-primary{color:#fff;background-color:#3b82f6;border-color:#ffffff1a}.btn-primary:hover{background-color:#2563eb}.badge{border:1px solid #0000;border-radius:999px;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600}.badge-success{background:var(--status-success-bg);color:var(--status-success);border-color:#3fb95033}.badge-error{background:var(--status-error-bg);color:var(--status-error);border-color:#f8514933}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border-color:#d2992233}.badge-info{background:var(--status-info-bg);color:var(--status-info);border-color:#58a6ff33}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out fadeIn}