:root{--bg: #050509;--bg-elevated: #0c0c12;--bg-card: #0f0f18;--bg-hover: #14141f;--fg: #f5f7ff;--fg-secondary: #c5c9de;--muted: #8b90a5;--muted-dark: #5a5f73;--accent-blue: #3b82f6;--accent-blue-dim: rgba(59, 130, 246, 0.1);--accent-magenta: #a855f7;--accent-magenta-dim: rgba(168, 85, 247, 0.1);--accent-green: #22c55e;--accent-green-dim: rgba(34, 197, 94, 0.1);--accent-amber: #f97316;--accent-amber-dim: rgba(249, 115, 22, 0.1);--accent-red: #ef4444;--accent-red-dim: rgba(239, 68, 68, 0.1);--border-subtle: #1f2933;--border-medium: #2a3340;--border-bright: #3d4856;--code-bg: #0b1020;--code-border: #1a2332;--code-highlight: rgba(59, 130, 246, 0.05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, 0.2);--shadow-glow-magenta: 0 0 20px rgba(168, 85, 247, 0.2);--font-mono: "Berkeley Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-ui: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 0.75rem;--text-sm: 0.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;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-floating: 350;--z-modal: 400;--z-popover: 500;--z-tooltip: 600}[data-mode=light]{--bg: #ffffff;--bg-elevated: #f8f9fb;--bg-card: #f1f3f7;--bg-hover: #e8ebf1;--fg: #1a1d2e;--fg-secondary: #3d4456;--muted: #6b7280;--muted-dark: #9ca3af;--accent-blue: #2563eb;--accent-blue-dim: rgba(37, 99, 235, 0.08);--accent-magenta: #9333ea;--accent-magenta-dim: rgba(147, 51, 234, 0.08);--accent-green: #16a34a;--accent-green-dim: rgba(22, 163, 74, 0.08);--accent-amber: #ea580c;--accent-amber-dim: rgba(234, 88, 12, 0.08);--accent-red: #dc2626;--accent-red-dim: rgba(220, 38, 38, 0.08);--border-subtle: #e5e7eb;--border-medium: #d1d5db;--border-bright: #9ca3af;--code-bg: #f8f9fa;--code-border: #e5e7eb;--code-highlight: rgba(37, 99, 235, 0.05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-glow-blue: 0 0 20px rgba(37, 99, 235, 0.15);--shadow-glow-magenta: 0 0 20px rgba(147, 51, 234, 0.15)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg);background:var(--bg);min-height:100vh;position:relative;background-image:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.01) 2px, rgba(255, 255, 255, 0.01) 4px),repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255, 255, 255, 0.01) 2px, rgba(255, 255, 255, 0.01) 4px)}::selection{background:var(--accent-blue);color:var(--bg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--fg)}h1{font-size:var(--text-5xl);letter-spacing:-0.02em}@media(max-width: 768px){h1{font-size:var(--text-4xl)}}h2{font-size:var(--text-3xl);letter-spacing:-0.01em}@media(max-width: 768px){h2{font-size:var(--text-2xl)}}h3{font-size:var(--text-2xl)}@media(max-width: 768px){h3{font-size:var(--text-xl)}}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}p{margin-bottom:var(--space-4);color:var(--fg-secondary)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-magenta)}strong{font-weight:var(--font-bold);color:var(--fg)}em{font-style:italic}code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);padding:.2em .4em;border-radius:var(--radius-sm);border:1px solid var(--code-border);color:var(--accent-green)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--code-bg);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--code-border);overflow-x:auto;margin:var(--space-6) 0;line-height:var(--leading-relaxed)}pre code{background:none;padding:0;border:none;color:var(--fg-secondary)}blockquote{border-left:3px solid var(--accent-blue);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic;color:var(--muted)}ul,ol{margin-left:var(--space-6);margin-bottom:var(--space-4);color:var(--fg-secondary)}ul li,ol li{margin-bottom:var(--space-2)}hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-8) 0}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media(min-width: 768px){.container{padding:0 var(--space-8)}}.container-narrow{max-width:var(--container-md)}.container-wide{max-width:var(--container-2xl)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:rgba(5,5,9,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) 0}.site-header .header-content{display:flex;justify-content:space-between;align-items:center}.site-header .site-title{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--fg);margin:0}.site-header .site-title a{color:var(--fg);display:flex;align-items:center;gap:var(--space-2)}.site-header .site-title a:hover{color:var(--accent-blue)}.site-header .site-title a .cursor-blink{animation:blink 1s step-end infinite}.site-header .header-right{display:flex;align-items:center;gap:var(--space-4)}.site-header nav{display:flex;gap:var(--space-6);align-items:center}.site-header nav a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.site-header nav a:hover,.site-header nav a.active{color:var(--accent-blue);background:var(--accent-blue-dim)}.site-header .theme-toggle{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--muted)}.site-header .theme-toggle:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--accent-blue-dim);transform:translateY(-2px)}.site-header .theme-toggle .sun-icon,.site-header .theme-toggle .moon-icon{transition:transform var(--transition-base)}.site-header .theme-toggle .sun-icon{display:none}.site-header .theme-toggle .moon-icon{display:block}[data-mode=light] .site-header{background:hsla(0,0%,100%,.95)}[data-mode=light] .site-header .theme-toggle .sun-icon{display:none}[data-mode=light] .site-header .theme-toggle .moon-icon{display:block}[data-mode=dark] .site-header .theme-toggle .sun-icon{display:block}[data-mode=dark] .site-header .theme-toggle .moon-icon{display:none}.lang-switcher{display:flex;align-items:center;gap:var(--space-1);margin-right:var(--space-2)}.lang-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;opacity:.6;line-height:1}.lang-btn .flag-icon{width:1.25rem;height:.9rem;display:block;object-fit:cover;border-radius:2px}.lang-btn:hover{opacity:1;border-color:var(--accent-blue);background:var(--accent-blue-dim);transform:translateY(-2px)}.lang-btn.active{opacity:1;border-color:var(--accent-blue);background:var(--accent-blue-dim)}@media(max-width: 768px){.lang-switcher{gap:var(--space-1)}.lang-switcher .lang-btn{padding:var(--space-1)}.lang-switcher .lang-btn .flag-icon{width:1.1rem;height:.8rem}}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.i18n-block,.i18n-inline{display:none}html[lang=en] .i18n-block[data-lang=en],html[lang=pt-BR] .i18n-block[data-lang=pt-BR]{display:block}html[lang=en] .i18n-inline[data-lang=en],html[lang=pt-BR] .i18n-inline[data-lang=pt-BR]{display:inline}.hero{position:relative;padding:var(--space-24) 0 var(--space-16);overflow:hidden}.hero .hero-bg{position:absolute;inset:0;opacity:.1;pointer-events:none;z-index:0}.hero .hero-content{position:relative;z-index:1;max-width:var(--container-lg);margin:0 auto;text-align:center}.hero h1{font-size:var(--text-6xl);margin-top:0;margin-bottom:var(--space-4);background:linear-gradient(135deg, var(--fg) 0%, var(--accent-blue) 50%, var(--accent-magenta) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width: 768px){.hero h1{font-size:var(--text-4xl)}}.hero .tagline{font-size:var(--text-xl);color:var(--muted);margin-bottom:var(--space-8);font-family:var(--font-mono)}@media(max-width: 768px){.hero .tagline{font-size:var(--text-lg)}}.hero .mission{max-width:var(--container-md);margin:var(--space-12) auto 0;font-size:var(--text-lg);color:var(--fg-secondary);line-height:var(--leading-relaxed)}.hero .cta-group{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent-blue);color:var(--bg)}.btn-primary:hover{background:var(--accent-magenta);box-shadow:var(--shadow-glow-magenta)}.btn-secondary{background:var(--bg-elevated);border-color:var(--border-medium);color:var(--fg)}.btn-secondary:hover{border-color:var(--accent-blue);background:var(--accent-blue-dim);color:var(--accent-blue)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:var(--space-6);margin:var(--space-8) 0}.post-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.post-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--accent-blue), var(--accent-magenta));opacity:0;transition:opacity var(--transition-base)}.post-card:hover{border-color:var(--border-bright);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-card:hover::before{opacity:1}.post-card[data-accent=blue]::before{background:var(--accent-blue)}.post-card[data-accent=magenta]::before{background:var(--accent-magenta)}.post-card[data-accent=green]::before{background:var(--accent-green)}.post-card[data-accent=amber]::before{background:var(--accent-amber)}.post-card .post-meta{display:flex;gap:var(--space-3);align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-3)}.post-card .post-type{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:var(--font-semibold);letter-spacing:.05em}.post-card .post-type.type-defensive{background:var(--accent-blue-dim);color:var(--accent-blue)}.post-card .post-type.type-offensive{background:var(--accent-amber-dim);color:var(--accent-amber)}.post-card .post-type.type-ai_ml{background:var(--accent-magenta-dim);color:var(--accent-magenta)}.post-card .post-type.type-mixed{background:var(--accent-green-dim);color:var(--accent-green)}.post-card h3{font-size:var(--text-xl);margin-top:0;margin-bottom:var(--space-3)}.post-card h3 a{color:var(--fg)}.post-card h3 a:hover{color:var(--accent-blue)}.post-card .post-excerpt{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.post-card .post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-card .post-tags .tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--muted);transition:all var(--transition-fast)}.post-card .post-tags .tag:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.post-header{max-width:1400px;margin:var(--space-12) auto var(--space-8);padding:0 var(--space-4)}.post-header .post-title{font-size:var(--text-5xl);margin-bottom:var(--space-4);text-align:center}@media(max-width: 768px){.post-header .post-title{font-size:var(--text-3xl)}}.post-header .post-description{text-align:center;max-width:800px;margin:0 auto var(--space-6)}.post-header .post-meta-header{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-6)}.post-header .post-meta-header .meta-item{display:flex;align-items:center;gap:var(--space-2)}.post-header .post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--border-subtle)}.post-header .post-tags .tag{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--accent-blue);transition:all var(--transition-fast)}.post-header .post-tags .tag:hover{border-color:var(--accent-blue);background:var(--accent-blue-dim);transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-content-wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-16);padding:0 var(--space-4);max-width:1600px;margin-left:auto;margin-right:auto}@media(max-width: 1200px){.post-content-wrapper{flex-direction:column}}@media(max-width: 768px){.post-content-wrapper{gap:var(--space-6)}}.post-content-wrapper.toc-hidden{gap:0}.post-content-wrapper.toc-hidden .post-toc{display:none}.post-content-wrapper .post-content{flex:1 1 0;min-width:0;width:100%;max-width:100%;transition:opacity .3s ease}.post-content-wrapper .post-toc{flex:0 0 clamp(240px,22vw,320px);width:clamp(240px,22vw,320px);align-self:flex-start;padding-left:0;padding-right:0}@media(max-width: 1200px){.post-content-wrapper .post-toc{flex:0 0 auto;width:100%}}.toc-toggle{position:fixed;right:var(--space-4);top:calc(var(--space-16) + 60px);z-index:var(--z-floating);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-blue);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.toc-toggle:hover{background:var(--accent-blue-dim);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.toc-toggle svg{transition:transform var(--transition-base)}@media(max-width: 1200px){.toc-toggle{display:flex}}.toc-wrapper{position:relative}.toc{position:relative;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);width:100%;max-height:none;overflow:visible;transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateX(0);box-shadow:var(--shadow-md)}.toc.toc-fixed{position:static;top:auto;right:auto;width:100%;z-index:auto}@media(max-width: 768px){.toc{display:none}}.toc.toc-hidden{opacity:0;transform:translateX(40px);pointer-events:none}.toc::-webkit-scrollbar{width:6px}.toc::-webkit-scrollbar-track{background:var(--bg-card);border-radius:var(--radius-sm)}.toc::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.toc::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.toc:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg)}.toc .toc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.toc .toc-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-blue);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-2);margin:0}.toc .toc-title::before{content:"📑";font-size:var(--text-sm)}.toc .toc-collapse-btn{background:rgba(0,0,0,0);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--muted);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-fast);line-height:1}.toc .toc-collapse-btn:hover{background:var(--accent-blue-dim);border-color:var(--accent-blue);color:var(--accent-blue)}.toc nav{border-left:2px solid var(--border-subtle);margin-left:var(--space-2)}.toc nav ul{list-style:none;margin:0;padding:0}.toc nav ul li{margin:0;position:relative}.toc nav ul li .toc-item-wrapper{display:flex;align-items:center;gap:var(--space-1)}.toc nav ul li .toc-toggle-icon{cursor:pointer;font-size:10px;color:var(--muted);user-select:none;padding:var(--space-1);transition:all var(--transition-fast);flex-shrink:0}.toc nav ul li .toc-toggle-icon:hover{color:var(--accent-blue)}.toc nav ul li.collapsed .toc-nested{display:none;height:0;overflow:hidden}.toc nav ul li .toc-nested{list-style:none;margin:0;padding:0;margin-left:var(--space-4);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.toc nav ul li .toc-nested li a{padding-left:calc(var(--space-3) + var(--space-2));font-size:calc(var(--text-xs) - 1px)}.toc nav ul li a{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);padding:var(--space-2) var(--space-3);border-left:2px solid rgba(0,0,0,0);margin-left:-2px;transition:all var(--transition-fast);border-radius:var(--radius-sm);position:relative;flex:1}.toc nav ul li a:hover{color:var(--accent-blue);background:var(--accent-blue-dim);padding-left:calc(var(--space-3) + 4px)}.toc nav ul li a.active{color:var(--accent-blue);border-left-color:var(--accent-blue);background:var(--accent-blue-dim);font-weight:var(--font-semibold)}.toc nav ul li a.active::before{content:"▸";position:absolute;left:var(--space-1);animation:pulse 2s ease-in-out infinite}.toc nav ul li a.h3{font-size:calc(var(--text-xs) - 1px);color:var(--muted-dark)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@media(max-width: 1200px){.post-toc{display:none}.toc-toggle{display:flex}}.callout{padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-6) 0;border-left:3px solid}.callout .callout-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.callout.callout-blue{background:var(--accent-blue-dim);border-left-color:var(--accent-blue)}.callout.callout-blue .callout-title{color:var(--accent-blue)}.callout.callout-offensive{background:var(--accent-amber-dim);border-left-color:var(--accent-amber)}.callout.callout-offensive .callout-title{color:var(--accent-amber)}.callout.callout-ml{background:var(--accent-magenta-dim);border-left-color:var(--accent-magenta)}.callout.callout-ml .callout-title{color:var(--accent-magenta)}.callout.callout-implementation{background:var(--accent-green-dim);border-left-color:var(--accent-green)}.callout.callout-implementation .callout-title{color:var(--accent-green)}.site-footer{margin-top:var(--space-24);padding:var(--space-12) 0 var(--space-6);border-top:1px solid var(--border-subtle)}.site-footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.site-footer .footer-section h4{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:var(--space-3)}.site-footer .footer-section ul{list-style:none;margin:0;padding:0}.site-footer .footer-section ul li{margin-bottom:var(--space-2)}.site-footer .footer-section ul li a{font-size:var(--text-sm);color:var(--muted)}.site-footer .footer-section ul li a:hover{color:var(--accent-blue)}.site-footer .footer-section p{font-size:var(--text-sm);color:var(--muted)}.site-footer .footer-bottom{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted-dark)}.equation-box{background:var(--bg-elevated);border:1px solid var(--accent-blue);border-left:4px solid var(--accent-blue);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0;position:relative;overflow:hidden}.equation-box::before{content:"∑";position:absolute;top:-10px;right:-10px;font-size:8rem;color:var(--accent-blue);opacity:.05;font-weight:var(--font-bold)}.equation-box .equation-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-blue);font-weight:var(--font-bold);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.equation-box .mjx-math{font-size:1.2em !important}.equation-box:hover{border-color:var(--accent-magenta);box-shadow:var(--shadow-glow-blue)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-4);margin:var(--space-8) 0}.stat-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg, var(--accent-blue), transparent);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:hover::before{opacity:1}.stat-card .stat-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.stat-card .stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--accent-blue);font-family:var(--font-mono);line-height:1}.stat-card .stat-change{font-size:var(--text-xs);color:var(--accent-green);margin-top:var(--space-2)}.stat-card .stat-change.negative{color:var(--accent-red)}.code-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-8) 0}@media(max-width: 768px){.code-comparison{grid-template-columns:1fr}}.code-comparison .code-block{position:relative}.code-comparison .code-block .code-label{position:absolute;top:var(--space-2);right:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-semibold);z-index:10}.code-comparison .code-block .code-label.before{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid var(--accent-red)}.code-comparison .code-block .code-label.after{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid var(--accent-green)}.timeline{position:relative;padding:var(--space-8) 0;margin:var(--space-8) 0}.timeline::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--border-subtle)}.timeline .timeline-item{position:relative;padding-left:calc(30px + var(--space-8));padding-bottom:var(--space-8)}.timeline .timeline-item::before{content:"";position:absolute;left:24px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--accent-blue);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--border-subtle);transition:all var(--transition-base)}.timeline .timeline-item:hover::before{background:var(--accent-magenta);box-shadow:0 0 0 2px var(--accent-magenta),0 0 12px var(--accent-magenta)}.timeline .timeline-item .timeline-content{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.timeline .timeline-item .timeline-content:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.timeline .timeline-item .timeline-content .timeline-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-blue);margin-bottom:var(--space-2)}.timeline .timeline-item .timeline-content h4{margin-top:0;margin-bottom:var(--space-2)}.info-box{border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-6) 0;border-left:4px solid;display:flex;gap:var(--space-3);align-items:flex-start;transition:all var(--transition-base)}.info-box .info-icon{font-size:var(--text-2xl);line-height:1;flex-shrink:0}.info-box .info-content{flex:1}.info-box .info-content strong{display:block;margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm)}.info-box.info{background:var(--accent-blue-dim);border-left-color:var(--accent-blue)}.info-box.info .info-icon{color:var(--accent-blue)}.info-box.info strong{color:var(--accent-blue)}.info-box.warning{background:var(--accent-amber-dim);border-left-color:var(--accent-amber)}.info-box.warning .info-icon{color:var(--accent-amber)}.info-box.warning strong{color:var(--accent-amber)}.info-box.error{background:var(--accent-red-dim);border-left-color:var(--accent-red)}.info-box.error .info-icon{color:var(--accent-red)}.info-box.error strong{color:var(--accent-red)}.info-box.success{background:var(--accent-green-dim);border-left-color:var(--accent-green)}.info-box.success .info-icon{color:var(--accent-green)}.info-box.success strong{color:var(--accent-green)}.info-box:hover{transform:translateX(4px);box-shadow:var(--shadow-md)}table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--text-sm);background:var(--bg-elevated);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}table thead{background:var(--bg-card)}table thead tr{border-bottom:2px solid var(--border-medium)}table thead th{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-blue);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-bold)}table tbody tr{border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}table tbody tr:hover{background:var(--bg-hover)}table tbody tr:hover td{color:var(--fg)}table tbody tr:last-child{border-bottom:none}table tbody td{padding:var(--space-3) var(--space-4);color:var(--fg-secondary);transition:color var(--transition-fast)}table tbody td code{font-size:.85em}table.striped tbody tr:nth-child(even){background:var(--bg-card)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast)}.badge.badge-blue{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid var(--accent-blue)}.badge.badge-magenta{background:var(--accent-magenta-dim);color:var(--accent-magenta);border:1px solid var(--accent-magenta)}.badge.badge-green{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid var(--accent-green)}.badge.badge-amber{background:var(--accent-amber-dim);color:var(--accent-amber);border:1px solid var(--accent-amber)}.badge:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.grid-background{position:absolute;inset:0;opacity:.03;background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px),linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);background-size:50px 50px;pointer-events:none;animation:grid-scroll 20s linear infinite}@keyframes grid-scroll{0%{transform:translateY(0)}100%{transform:translateY(50px)}}.highlight.language-python .copy-btn::before,.highlight.language-javascript .copy-btn::before,.highlight.language-yaml .copy-btn::before{content:attr(data-lang);position:absolute;top:-20px;right:0;font-size:var(--text-xs);color:var(--muted)}.text-accent-blue{color:var(--accent-blue)}.text-accent-magenta{color:var(--accent-magenta)}.text-accent-green{color:var(--accent-green)}.text-accent-amber{color:var(--accent-amber)}.bg-accent-blue-dim{background:var(--accent-blue-dim)}.bg-accent-magenta-dim{background:var(--accent-magenta-dim)}.bg-accent-green-dim{background:var(--accent-green-dim)}.bg-accent-amber-dim{background:var(--accent-amber-dim)}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.highlight{position:relative;margin:0;background:var(--code-bg);border:none;border-radius:0;overflow:hidden}.highlight pre{margin:0;padding:0;background:rgba(0,0,0,0);border:none;border-radius:0;line-height:1.75}.highlight code{background:rgba(0,0,0,0) !important;border:none !important;padding:0 !important;color:inherit !important}.highlight table{display:table;width:100%;margin:0;border-spacing:0;border-collapse:collapse;table-layout:fixed;box-shadow:none;border-radius:0;background:rgba(0,0,0,0)}.highlight table thead{display:none}.highlight table tbody,.highlight table tr{display:table-row-group;background:rgba(0,0,0,0);border:none}.highlight table tr{display:table-row;border:none;background:rgba(0,0,0,0)}.highlight table tr:hover{background:rgba(0,0,0,0)}.highlight table td{display:table-cell;vertical-align:top;padding:0;background:rgba(0,0,0,0);border:none}.highlight table td.rouge-gutter{width:1%;min-width:2.5rem;padding:1rem .75rem;border-right:1px solid var(--code-border);background:rgba(0,0,0,.15);text-align:right}.highlight table td.rouge-gutter pre{padding:0;margin:0;border:none}.highlight table td.rouge-code{padding:1rem}.highlight table td.rouge-code pre{padding:0;margin:0;overflow-x:auto;border:none}.highlight .lineno{display:block;color:var(--muted-dark);user-select:none;opacity:.6;font-size:.8em;line-height:1.75}.highlight .rouge-table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed}.highlight:not([class*=language-] .highlight):not(div[class^=language-] .highlight):not(div[class*=" language-"] .highlight){margin:var(--space-6) 0;border:1px solid var(--code-border);border-radius:var(--radius-md)}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs,.highlight .cp{color:#6b7280;font-style:italic}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr{color:#22c55e}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il{color:#f97316}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#a855f7;font-weight:500}.highlight .n{color:var(--fg-secondary)}.highlight .na{color:#3b82f6}.highlight .nb{color:#22c55e}.highlight .nc{color:#f59e0b}.highlight .nd{color:#a855f7}.highlight .nf{color:#3b82f6}.highlight .ni{color:#ef4444}.highlight .nn{color:#f59e0b}.highlight .no{color:#ef4444}.highlight .nt{color:#ef4444}.highlight .nv{color:#3b82f6}.highlight .o,.highlight .ow{color:#a855f7}.highlight .p,.highlight .pi{color:var(--fg-secondary)}.highlight .gd{color:#ef4444;background:rgba(239,68,68,.1)}.highlight .gi{color:#22c55e;background:rgba(34,197,94,.1)}.highlight .gh{color:var(--fg);font-weight:bold}.highlight .gu{color:var(--muted)}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .err{color:#ef4444}.highlight .w{color:var(--fg-secondary)}[data-mode=light] .highlight{color:#0f172a}[data-mode=light] .highlight .c,[data-mode=light] .highlight .c1,[data-mode=light] .highlight .cm,[data-mode=light] .highlight .cs,[data-mode=light] .highlight .cp{color:#64748b;font-style:italic}[data-mode=light] .highlight .s,[data-mode=light] .highlight .s1,[data-mode=light] .highlight .s2,[data-mode=light] .highlight .sb,[data-mode=light] .highlight .sc,[data-mode=light] .highlight .sd,[data-mode=light] .highlight .se,[data-mode=light] .highlight .sh,[data-mode=light] .highlight .si,[data-mode=light] .highlight .sx,[data-mode=light] .highlight .sr{color:#15803d}[data-mode=light] .highlight .m,[data-mode=light] .highlight .mf,[data-mode=light] .highlight .mh,[data-mode=light] .highlight .mi,[data-mode=light] .highlight .mo,[data-mode=light] .highlight .il{color:#c2410c}[data-mode=light] .highlight .k,[data-mode=light] .highlight .kc,[data-mode=light] .highlight .kd,[data-mode=light] .highlight .kn,[data-mode=light] .highlight .kp,[data-mode=light] .highlight .kr,[data-mode=light] .highlight .kt{color:#6d28d9;font-weight:600}[data-mode=light] .highlight .n,[data-mode=light] .highlight .w{color:#0f172a}[data-mode=light] .highlight .na{color:#1d4ed8}[data-mode=light] .highlight .nb{color:#0f766e}[data-mode=light] .highlight .nc,[data-mode=light] .highlight .nn{color:#b45309}[data-mode=light] .highlight .nd{color:#6d28d9}[data-mode=light] .highlight .nf{color:#1d4ed8}[data-mode=light] .highlight .ni,[data-mode=light] .highlight .no,[data-mode=light] .highlight .nt{color:#b91c1c}[data-mode=light] .highlight .nv{color:#1d4ed8}[data-mode=light] .highlight .o,[data-mode=light] .highlight .ow{color:#7c3aed}[data-mode=light] .highlight .p,[data-mode=light] .highlight .pi{color:#334155}[data-mode=light] .highlight .gd{color:#b91c1c;background:rgba(185,28,28,.08)}[data-mode=light] .highlight .gi{color:#166534;background:rgba(22,101,52,.08)}[data-mode=light] .highlight .err{color:#b91c1c}[data-mode=light] .highlight .lineno{color:#94a3b8;opacity:.85}div[class^=language-],div[class*=" language-"]{position:relative;margin:var(--space-6) 0;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);overflow:hidden}div[class^=language-] .highlight,div[class*=" language-"] .highlight{margin:0;border:none;border-radius:0;background:rgba(0,0,0,0)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-bottom:1px solid var(--code-border);min-height:44px}.code-header span{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);font-weight:500;line-height:1.5}.code-header span i{margin-right:.5rem;color:var(--accent-blue)}.code-header button{padding:.375rem .75rem;background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);border-radius:.25rem;color:var(--muted);font-size:.75rem;cursor:pointer;transition:all .2s ease}.code-header button:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-blue);color:var(--accent-blue)}.code-header button[timeout]{background:rgba(46,204,113,.1);border-color:var(--accent-green);color:var(--accent-green)}.code-header button~button{display:none !important}.copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.375rem .75rem;background:rgba(0,0,0,.5);border:1px solid var(--border-subtle);border-radius:.25rem;color:var(--muted);font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all .2s ease;z-index:10}.copy-btn:hover{background:rgba(0,0,0,.7);border-color:var(--accent-blue);color:var(--accent-blue)}.code-header~.highlight .copy-btn,.code-header~.copy-btn{display:none !important}[data-mode=light] .highlight table td.rouge-gutter{background:rgba(15,23,42,.04)}[data-mode=light] .code-header{background:rgba(15,23,42,.04)}[data-mode=light] .code-header button{background:rgba(0,0,0,.03)}[data-mode=light] .code-header button:hover{background:rgba(0,0,0,.08)}[data-mode=light] .copy-btn{background:hsla(0,0%,100%,.8);border-color:var(--border-medium);color:var(--muted)}[data-mode=light] .copy-btn:hover{background:hsla(0,0%,100%,.95);border-color:var(--accent-blue);color:var(--accent-blue)}[data-mode=dark] .highlight table td.rouge-gutter{background:hsla(0,0%,100%,.03)}[data-mode=dark] .code-header{background:rgba(0,0,0,.3)}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:var(--space-2);background:rgba(0,0,0,0);border:none;cursor:pointer;z-index:calc(var(--z-modal) + 10);position:relative}.nav-toggle span{display:block;width:24px;height:2px;background:var(--fg);border-radius:2px;transition:all var(--transition-base);position:absolute}.nav-toggle span:nth-child(1){top:14px}.nav-toggle span:nth-child(2){top:21px}.nav-toggle span:nth-child(3){top:28px}.nav-toggle.active span:nth-child(1){top:21px;transform:rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;transform:translateX(-10px)}.nav-toggle.active span:nth-child(3){top:21px;transform:rotate(-45deg)}@media(max-width: 768px){.nav-toggle{display:flex}}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:var(--z-modal);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.nav-overlay.active{opacity:1;pointer-events:auto}@media(max-width: 768px){.nav-overlay{display:block}}@media(max-width: 768px){.site-header .header-content{position:relative}.site-header .header-right{gap:var(--space-2)}.site-header .theme-toggle{min-width:44px;min-height:44px}[data-mode=light] .site-header nav{background:var(--bg-elevated);border-left-color:var(--border-medium)}}@media(max-width: 768px){#main-nav{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100vh;height:100dvh;background:var(--bg-elevated);border-left:1px solid var(--border-subtle);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:calc(var(--space-16) + 20px) var(--space-6) var(--space-6);gap:var(--space-1);z-index:9999;transform:translateX(100%);transition:transform var(--transition-base);box-shadow:var(--shadow-lg);overflow-y:auto}#main-nav.active{transform:translateX(0)}#main-nav a{padding:var(--space-4) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md);min-height:48px;display:flex;align-items:center}#main-nav a:hover,#main-nav a.active{background:var(--accent-blue-dim)}.nav-overlay{z-index:9998 !important}.nav-toggle{z-index:10000 !important}}@media(max-width: 768px){.btn,button,.tag,.lang-btn,.theme-toggle{min-height:44px;min-width:44px}.btn{padding:var(--space-3) var(--space-4)}.post-tags .tag{min-height:36px;padding:var(--space-2) var(--space-3);display:inline-flex;align-items:center}}@media(max-width: 480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.hero h1{font-size:var(--text-3xl)}.hero .tagline{font-size:var(--text-base)}.post-header .post-title{font-size:var(--text-2xl)}}@media(max-width: 768px){.hero{padding:var(--space-12) 0 var(--space-8)}.hero .hero-content{padding:0 var(--space-4)}.hero .cta-group{flex-direction:column;gap:var(--space-3)}.hero .cta-group .btn{width:100%;justify-content:center}.hero .mission{margin-top:var(--space-8);font-size:var(--text-base)}}@media(max-width: 768px){.post-content-wrapper{padding:0 var(--space-4)}.post-toc{display:none !important}.toc-toggle{display:none !important}.post-header{margin:var(--space-6) auto;padding:0 var(--space-4)}.post-header .post-meta-header{flex-direction:column;gap:var(--space-2);align-items:center}}@media(max-width: 768px){div[class^=language-],div[class*=" language-"]{margin-left:calc(-1*var(--space-4));margin-right:calc(-1*var(--space-4));border-radius:0;border-left:none;border-right:none}.highlight{font-size:var(--text-xs)}.highlight table td.rouge-gutter{display:none}.highlight table td.rouge-code{padding:var(--space-3)}.highlight table td.rouge-code pre{font-size:var(--text-xs)}.code-header{padding:var(--space-2) var(--space-3)}.code-header span{font-size:.65rem}pre{font-size:var(--text-xs);padding:var(--space-3);margin:var(--space-4) 0}code{font-size:.85em}}@media(max-width: 768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:var(--text-xs)}table thead th,table tbody td{padding:var(--space-2) var(--space-3);white-space:nowrap}}@media(max-width: 768px){.site-footer{margin-top:var(--space-16);padding:var(--space-8) 0 var(--space-4)}.site-footer .footer-content{gap:var(--space-6)}.site-footer .footer-section{text-align:center}.site-footer .footer-section ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}}@media(max-width: 768px){.posts-grid{grid-template-columns:1fr;gap:var(--space-4)}.post-card{padding:var(--space-4)}.post-card h3{font-size:var(--text-lg)}.post-card .post-excerpt{font-size:var(--text-sm)}}@media(max-width: 768px){.callout{padding:var(--space-3);margin:var(--space-4) 0}.callout .callout-title{font-size:var(--text-xs)}.info-box{padding:var(--space-3);flex-direction:column;gap:var(--space-2)}.info-box .info-icon{font-size:var(--text-xl)}}@media(max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:var(--space-3)}.stat-card{padding:var(--space-3)}.stat-card .stat-value{font-size:var(--text-2xl)}}@media(max-width: 768px){.timeline{padding:var(--space-4) 0}.timeline::before{left:15px}.timeline .timeline-item{padding-left:calc(15px + var(--space-4));padding-bottom:var(--space-6)}.timeline .timeline-item::before{left:9px;width:12px;height:12px}.timeline .timeline-item .timeline-content{padding:var(--space-3)}}@media(max-width: 768px){.scroll-to-top{bottom:var(--space-4) !important;right:var(--space-4) !important;width:44px !important;height:44px !important}}@media(max-width: 768px){.reading-progress{height:2px !important}}@supports(padding: env(safe-area-inset-top)){.site-header{padding-top:max(var(--space-4),env(safe-area-inset-top));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-footer{padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-width: 768px){.site-header nav{padding-top:max(var(--space-16) + 20px,env(safe-area-inset-top) + var(--space-16));padding-right:max(var(--space-6),env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}.scroll-to-top{bottom:max(var(--space-4),env(safe-area-inset-bottom)) !important;right:max(var(--space-4),env(safe-area-inset-right)) !important}}}html,body{overflow-x:hidden;max-width:100vw}body.nav-open{overflow:hidden;position:fixed;width:100%;height:100%}/*# sourceMappingURL=main.css.map */