:root{--color-navy: #152845;--color-teal: #2E7A8C;--color-teal-hover: #245f6e;--color-teal-light: rgba(46, 122, 140, .15);--color-teal-medium: rgba(46, 122, 140, .4);--color-gold: #F59E0B;--color-white: #ffffff;--color-dark: #1e293b;--color-slate: #64748b;--color-gray-bg: #f1f5f9;--color-stone-50: #f1f5f9;--color-stone-100: #e2e8f0;--color-stone-200: #cbd5e1;--color-stone-300: #94a3b8;--color-stone-400: #64748b;--color-stone-500: #475569;--color-stone-600: #334155;--color-stone-700: #1e293b;--color-stone-800: #152845;--color-stone-900: #0f172a;--color-sage-50: #e6f3f5;--color-sage-100: #cce7eb;--color-sage-200: #99cfd7;--color-sage-300: #66b7c3;--color-sage-400: #449faf;--color-sage-500: #2E7A8C;--color-sage-600: #2E7A8C;--color-sage-700: #245f6e;--color-sage-800: #1a4550;--color-sage-900: #102a32;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-400: #fbbf24;--color-amber-500: #F59E0B;--color-amber-600: #d97706;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--bg-base: var(--color-gray-bg);--bg-surface: var(--color-white);--bg-subtle: #e2e8f0;--bg-dark: var(--color-navy);--border: var(--color-teal-light);--border-strong: var(--color-teal-medium);--text-primary: var(--color-dark);--text-secondary: var(--color-slate);--text-muted: #94a3b8;--text-on-dark: var(--color-white);--accent-primary: var(--color-teal);--accent-hover: var(--color-teal-hover);--accent-light: #e6f3f5;--accent-subtle: #cce7eb;--streak-color: var(--color-gold);--streak-bg: var(--color-amber-50);--streak-border: var(--color-amber-200);--gradient-accent: linear-gradient(90deg, #2E7A8C, #F59E0B);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Lato", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(21,40,69,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 4px 20px rgba(21,40,69,.07);--shadow-glow: 0 0 0 3px rgba(46, 122, 140, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-slate);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-dark)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.font-serif{font-family:var(--font-sans);font-weight:900}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}.transition-all{transition:all var(--transition-normal)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes typingDot{0%,60%,to{transform:scale(.6);opacity:.4}30%{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #2e7a8c66}50%{opacity:.8;box-shadow:0 0 0 6px #2e7a8c00}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes fadeOut{0%{opacity:1;transform:translateY(-50%) scale(1)}70%{opacity:1;transform:translateY(-50%) scale(1.2)}to{opacity:0;transform:translateY(-50%) scale(.8)}}@keyframes checkPop{0%{transform:scale(0) rotate(-45deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.prose p{margin-bottom:.75em}.prose p:last-child{margin-bottom:0}.prose strong{font-weight:600;color:var(--text-primary)}.prose em{font-style:italic}.prose ul,.prose ol{padding-left:1.25em;margin:.5em 0}.prose li{margin-bottom:.25em}.prose code{font-family:Fira Mono,monospace;background:var(--bg-subtle);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.875em}.prose pre{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:1em;overflow-x:auto;margin:.75em 0}.prose blockquote{border-left:3px solid var(--accent-primary);padding-left:1em;color:var(--text-secondary);margin:.75em 0;font-style:italic}.prose h1,.prose h2,.prose h3{font-weight:900;margin:1em 0 .5em;line-height:1.3;color:var(--color-navy)}.prose table{width:100%;border-collapse:collapse;margin:.75em 0;font-size:.875em}.prose th{background:var(--bg-subtle);font-weight:600;text-align:left;padding:.5em .75em;border:1px solid var(--border)}.prose td{padding:.4em .75em;border:1px solid var(--border)}