@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lora:ital,wght@0,400;0,600;1,400;1,600&family=Playfair+Display:wght@700;900&family=JetBrains+Mono:wght@400;500&display=swap");:root{--font-playfair:"Playfair Display",Georgia,serif;--font-inter:"Inter",system-ui,sans-serif;--font-lora:"Lora",Georgia,serif;--font-mono:"JetBrains Mono",monospace;--bg-primary:#f5f0e8;--bg-surface:#faf7f2;--bg-card:#ffffff;--bg-card-hover:#f0ebe0;--bg-glass:rgba(245,240,232,0.92);--border-subtle:#e0d8cc;--border-default:#c8bfb0;--border-accent:#1a3a5c;--border-glow:#1a3a5c;--accent:#1a3a5c;--accent-hover:#2a5a8c;--accent-dim:rgba(26,58,92,0.08);--accent-glow:rgba(26,58,92,0.15);--shadow-glow-accent:0 2px 12px rgba(26,58,92,0.2);--text-primary:#1a1208;--text-secondary:#4a3f2f;--text-tertiary:#8a7a6a;--text-gold:#1a3a5c;--correct:#1a6b3a;--correct-bg:rgba(26,107,58,0.08);--wrong:#8b2020;--wrong-bg:rgba(139,32,32,0.08);--locked:#c8bfb0;--subject-physics:#1a3a5c;--subject-chemistry:#1a6b3a;--subject-economics:#7a4f1a;--subject-biology:#6b1a4a;--subject-cs:#2a1a6b;--subject-history:#6b1a1a;--subject-general:#1a3a5c;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-hero:64px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--shadow-sm:0 1px 4px rgba(60,40,10,0.10);--shadow-md:0 2px 12px rgba(60,40,10,0.12);--shadow-lg:0 4px 24px rgba(60,40,10,0.15);--shadow-glow-correct:0 0 16px rgba(26,107,58,0.2);--ease-reveal:cubic-bezier(0.16,1,0.3,1);--ease-color:cubic-bezier(0.4,0,0.2,1)}html[data-theme=dark]{--bg-primary:#14110c;--bg-surface:#1c1813;--bg-card:#221d17;--bg-card-hover:#2a241d;--bg-glass:rgba(20,17,12,0.92);--border-subtle:#322b22;--border-default:#463d31;--border-accent:#5b8fc4;--border-glow:#5b8fc4;--accent:#5b8fc4;--accent-hover:#7aa9d8;--accent-dim:rgba(91,143,196,0.12);--accent-glow:rgba(91,143,196,0.22);--shadow-glow-accent:0 2px 12px rgba(91,143,196,0.28);--text-primary:#f0e8da;--text-secondary:#c4b8a4;--text-tertiary:#8a7e6c;--text-gold:#d8b878;--correct:#4caf6a;--correct-bg:rgba(76,175,106,0.12);--wrong:#d96565;--wrong-bg:rgba(217,101,101,0.12);--locked:#463d31;--shadow-sm:0 1px 4px rgba(0,0,0,0.4);--shadow-md:0 2px 12px rgba(0,0,0,0.5);--shadow-lg:0 4px 24px rgba(0,0,0,0.6)}html[data-theme=dark] .markdown-content code{background:#2a241d}html{transition:background .2s var(--ease-color)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-inter),system-ui,sans-serif}body{overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-playfair),Georgia,serif}code,pre{font-family:var(--font-mono),monospace}::selection{background:#1a3a5c;color:#faf7f2}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}::-webkit-scrollbar-track{background:var(--bg-primary)}.accent-pulse-dot{animation:pulseDot 1.6s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes accentFlash{0%{background:transparent;box-shadow:0 0 0 rgba(26,58,92,0)}40%{background:rgba(26,58,92,.12);box-shadow:0 0 40px rgba(26,58,92,.25)}to{background:transparent;box-shadow:0 0 0 rgba(26,58,92,0)}}@keyframes unlockPop{0%{transform:scale(.8)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(26,58,92,.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes loadingGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:0}}.animate-fade-up{animation:fadeUp .5s var(--ease-reveal) both}.animate-slide-bottom{animation:slideFromBottom .4s var(--ease-reveal) both}.animate-accent-flash{animation:accentFlash .8s var(--ease-reveal) both}.animate-unlock-pop{animation:unlockPop .5s var(--ease-reveal) both}.animate-shake{animation:shake .4s var(--ease-reveal) both}.animate-correct-pulse{animation:correctPulse .4s var(--ease-reveal) both}.animate-shimmer{background-image:linear-gradient(90deg,var(--bg-surface),var(--bg-card),var(--bg-surface));background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-spin{animation:spin 1s linear infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.markdown-content h2{margin:var(--space-lg) 0 var(--space-md);font-family:var(--font-playfair),Georgia,serif;font-weight:600;font-size:20px;color:var(--text-primary)}.markdown-content h3{margin:20px 0 var(--space-sm);font-weight:600;font-size:16px;color:var(--text-primary)}.markdown-content p{margin-bottom:var(--space-base);font-family:var(--font-lora);font-size:16px;line-height:1.9}.markdown-content strong{color:var(--text-primary);font-weight:600}.markdown-content em{color:var(--accent-hover);font-style:italic}.markdown-content code{font-family:var(--font-mono),monospace;font-size:var(--text-sm);background:#e8e0d0;color:var(--accent);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-default)}.markdown-content blockquote{margin:20px 0;border-left:3px solid var(--accent);background:rgba(26,58,92,.04);padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-style:italic}.markdown-content ol,.markdown-content ul{margin-left:20px;line-height:2}.app-shell{min-height:100vh}.app-main{margin-left:280px;min-width:0;transition:margin-left .24s var(--ease-reveal)}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:80;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-default);transition:transform .24s var(--ease-reveal)}.app-sidebar-backdrop,.app-sidebar-toggle{display:none}@media (max-width:900px){.app-main{margin-left:0}.app-sidebar{transform:translateX(-100%);box-shadow:var(--shadow-lg)}.app-sidebar.open{transform:translateX(0)}.app-sidebar-backdrop.open{display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.4)}.app-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:65;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;font-size:18px}}