@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg: #F4F2EC;--color-surface: #FCFAF5;--color-surface-hover: #EBE9E1;--color-border: #D8D3C5;--color-border-strong: #BDB7A8;--color-text: #1A1A1A;--color-text-muted: #6B6B6B;--color-text-subtle: #9B9B9B;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-accent-bg: #E4EEFC;--color-accent-border: #B0CEF5;--color-highlight-bg: #FAF1D2;--color-highlight-border: #E5CC7A;--color-success: #059669;--color-warning: #D97706;--brand-plate: #FCFAF5;--brand-ink: #2563EB;--brand-edge: rgba(26, 26, 26, .14);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--max-width: 1200px;--content-width: 68ch;--nav-height: 64px}[data-theme=dark]{--color-bg: #0E0E0E;--color-surface: #181818;--color-surface-hover: #222222;--color-border: #2A2A2A;--color-border-strong: #3A3A3A;--color-text: #F0F0EE;--color-text-muted: #888888;--color-text-subtle: #555555;--color-accent: #3B82F6;--color-accent-hover: #60A5FA;--color-accent-bg: #1E2A3A;--color-accent-border: #1E3A5F;--color-highlight-bg: #2A2010;--color-highlight-border: #92400E;--brand-plate: #181818;--brand-ink: #3B82F6;--brand-edge: rgba(255, 255, 255, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .2);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-slow),color var(--transition-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2;color:var(--color-text)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}@media(max-width:640px){.container{padding:0 var(--space-md)}}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.prose{max-width:var(--content-width)}.prose h2{font-size:var(--text-2xl);font-weight:700;margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.prose h3{font-size:var(--text-xl);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.prose p{margin-bottom:var(--space-lg);color:var(--color-text);line-height:1.6}.prose ul,.prose ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-sm);line-height:1.55}.prose strong{font-weight:600;color:var(--color-text)}.prose em{font-style:italic}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--color-accent-hover)}.prose blockquote{border-left:3px solid var(--color-accent);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;background:var(--color-accent-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--color-text-muted)}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .4em}.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin-bottom:var(--space-lg);font-size:var(--text-sm)}.prose thead th{text-align:left;font-weight:600;color:var(--color-text);background:var(--color-surface-hover);border-bottom:1px solid var(--color-border-strong)}.prose th,.prose td{padding:.6rem .8rem;border:1px solid var(--color-border);vertical-align:top;line-height:1.5}.prose tbody td:first-child{font-weight:500;color:var(--color-text);white-space:nowrap}.prose td.nowrap{white-space:nowrap}.prose tbody tr:nth-child(2n){background:var(--color-surface)}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2xl) 0}.prose img{max-width:100%;height:auto;display:block;margin:var(--space-xl) auto;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 2px 12px #00000014}.prose figure.chart{margin:var(--space-xl) 0}.highlight-box{background:var(--color-highlight-bg);border:1px solid var(--color-highlight-border);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-xl) 0}.highlight-box .highlight-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-warning);margin-bottom:var(--space-sm)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}
