@tailwind base;@tailwind components;@tailwind utilities;:root{--font-mono: "Noto Sans Mono", monospace;--font-sans: "Noto Sans", sans-serif;--radius: 10px;--transition: .2s ease}[data-theme=dark]{--bg: #011f38;--surface-1: #012a4a;--surface-2: #013a63;--surface-3: #01497c;--accent: #2c7da0;--accent-mid: #468faf;--accent-light: #61a5c2;--accent-pale: #89c2d9;--text-primary: #e8f6fc;--text-secondary:#a9d6e5;--text-muted: #89c2d9;--text-dim: #2c7da0;--border: rgba(97,165,194,.14);--border-bright: rgba(97,165,194,.38);--shadow: 0 4px 24px rgba(1,26,58,.5);--badge-bg: rgba(44,125,160,.18);--tag-bg: rgba(1,79,134,.35);--danger: #f87171;--success: #34d399;--warning: #fbbf24}[data-theme=light]{--bg: #f0f8ff;--surface-1: #ffffff;--surface-2: #e4f2fb;--surface-3: #cde7f5;--accent: #01497c;--accent-mid: #2a6f97;--accent-light: #2c7da0;--accent-pale: #468faf;--text-primary: #012a4a;--text-secondary:#013a63;--text-muted: #01497c;--text-dim: #2a6f97;--border: rgba(1,73,124,.14);--border-bright: rgba(1,73,124,.35);--shadow: 0 4px 24px rgba(1,42,74,.1);--badge-bg: rgba(1,73,124,.1);--tag-bg: rgba(1,73,124,.08);--danger: #dc2626;--success: #059669;--warning: #d97706}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}#root{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in-up{animation:fadeInUp .4s ease both}.cursor-blink:after{content:"▋";animation:blink 1.1s step-end infinite;color:var(--accent-light)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card-lift:hover{border-color:var(--border-bright);box-shadow:var(--shadow);transform:translateY(-3px)}.label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:7px;font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.04em;cursor:pointer;border:none;transition:all var(--transition)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#e8f6fc}.btn-primary:not(:disabled):hover{background:var(--accent-mid);box-shadow:0 0 16px #2c7da059}[data-theme=light] .btn-primary{background:var(--accent);color:#fff}[data-theme=light] .btn-primary:not(:disabled):hover{background:#013a63}.btn-ghost{background:var(--tag-bg);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:not(:disabled):hover{border-color:var(--border-bright);color:var(--text-primary)}.input{font-family:var(--font-mono);font-size:.85rem;background:var(--surface-2);border:1px solid var(--border);color:var(--text-primary);border-radius:7px;padding:.65rem .9rem;outline:none;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px #61a5c21f}[data-theme=light] .input{background:#fff}.badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;padding:.25rem .6rem;border-radius:999px;font-weight:600;white-space:nowrap}.badge-beginner{background:#34d3991f;color:var(--success);border:1px solid rgba(52,211,153,.25)}.badge-intermediate{background:#fbbf241f;color:var(--warning);border:1px solid rgba(251,191,36,.25)}.badge-advanced{background:#f871711f;color:var(--danger);border:1px solid rgba(248,113,113,.25)}.badge-coming{background:var(--tag-bg);color:var(--text-dim);border:1px solid var(--border)}.terminal{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}[data-theme=dark] .terminal{background:#011a2ed9}.terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-bottom:1px solid var(--border);background:var(--surface-3)}[data-theme=dark] .terminal-bar{background:#011426b3}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-body{padding:.9rem 1rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.8;overflow-x:auto;color:var(--text-secondary)}.flag-box{font-family:var(--font-mono);font-size:.85rem;background:#34d39914;border:1px solid rgba(52,211,153,.28);border-radius:var(--radius);padding:.9rem 1rem;color:var(--success);word-break:break-all;margin-top:.75rem}[data-theme=light] .flag-box{background:#0596690f}.topic-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--badge-bg);border:1px solid var(--border);flex-shrink:0;color:var(--accent-light)}.danger-banner{background:#f8717112;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius);color:var(--text-muted)}[data-theme=light] .danger-banner{background:#dc26260d;border-color:#dc26262e}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent-light);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.divider{height:1px;background:var(--border);border:none;margin:0}