:root{--color-navy: #15253C;--color-teal: #3C768D;--color-teal-hover: #2E5D70;--color-teal-light: rgba(60, 118, 141, .15);--color-teal-medium: rgba(60, 118, 141, .4);--color-gold: #F59E0B;--color-white: #ffffff;--color-dark: #15253C;--color-slate: #706A60;--color-gray-bg: #F7F3ED;--color-stone-50: #F7F3ED;--color-stone-100: #EDE8E0;--color-stone-200: #D5CFC6;--color-stone-300: #B0A99E;--color-stone-400: #8A8379;--color-stone-500: #706A60;--color-stone-600: #524C42;--color-stone-700: #3D3830;--color-stone-800: #15253C;--color-stone-900: #0A1520;--color-sage-50: #EEF4F7;--color-sage-100: #D4E5EB;--color-sage-200: #A9CBD7;--color-sage-300: #7EB1C3;--color-sage-400: #5393A9;--color-sage-500: #3C768D;--color-sage-600: #3C768D;--color-sage-700: #2E5D70;--color-sage-800: #204453;--color-sage-900: #122B36;--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: #EDE8E0;--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: #B0A99E;--text-on-dark: var(--color-white);--accent-primary: var(--color-teal);--accent-hover: var(--color-teal-hover);--accent-light: #EEF4F7;--accent-subtle: #D4E5EB;--streak-color: var(--color-gold);--streak-bg: var(--color-amber-50);--streak-border: var(--color-amber-200);--gradient-accent: linear-gradient(90deg, #3C768D, #F59E0B);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--shadow-sm: 0 1px 2px 0 rgba(21,37,60,.05);--shadow-md: 0 4px 6px -1px rgba(21,37,60,.07), 0 2px 4px -2px rgba(21,37,60,.04);--shadow-lg: 0 4px 20px rgba(21,37,60,.07);--shadow-glow: 0 0 0 3px rgba(60, 118, 141, .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-serif);font-weight:800}.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 messageFadeIn{0%{opacity:0;transform:translateY(4px)}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-family:var(--font-serif);font-weight:800;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)}