.sun-icon[data-astro-cid-nen7h5rs]{display:none}.dark .sun-icon[data-astro-cid-nen7h5rs]{display:block}.dark .moon-icon[data-astro-cid-nen7h5rs]{display:none}:root{--c-bg:#fff;--c-bg-alt:#f8f9fb;--c-surface:#fff;--c-border:#e2e6ec;--c-text:#1a1d23;--c-text-muted:#64748b;--c-heading:#0f172a;--c-accent:#2563eb;--c-accent-hover:#1d4ed8;--c-accent-soft:#2563eb14;--c-tag-bg:#f1f5f9;--c-tag-text:#475569;--c-code-bg:#f4f4f5;--c-success:#16a34a;--c-warning:#d97706;--c-info:#2563eb;--font-body:"Inter", system-ui, sans-serif;--font-heading:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--max-width:72rem;--content-width:48rem;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000012;--shadow-lg:0 8px 24px #00000014}:root.dark{--c-bg:#0f1117;--c-bg-alt:#161822;--c-surface:#1c1f2e;--c-border:#2a2d3e;--c-text:#e2e8f0;--c-text-muted:#94a3b8;--c-heading:#f1f5f9;--c-accent:#60a5fa;--c-accent-hover:#93bbfd;--c-accent-soft:#60a5fa1a;--c-tag-bg:#1e293b;--c-tag-text:#cbd5e1;--c-code-bg:#1e1e2e;--c-success:#4ade80;--c-warning:#fbbf24;--c-info:#60a5fa;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--c-text);background:var(--c-bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;line-height:1.7}body{flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex}a{color:var(--c-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--c-accent-hover);text-decoration:underline}img{border-radius:var(--radius);max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--c-heading);margin-top:2em;margin-bottom:.5em;font-weight:700;line-height:1.3}h1{letter-spacing:-.03em;font-size:2.25rem}h2{letter-spacing:-.02em;font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.1rem}.heading-link{opacity:0;color:var(--c-text-muted);margin-left:.3em;text-decoration:none;transition:opacity .2s,color .2s}.heading-link:after{content:"#"}.heading-link:hover{color:var(--c-accent);text-decoration:none}h1:hover .heading-link,h2:hover .heading-link,h3:hover .heading-link,h4:hover .heading-link{opacity:1}p{margin-bottom:1.25em}ul,ol{margin-bottom:1.25em;padding-left:1.5em}li{margin-bottom:.35em}blockquote{border-left:3px solid var(--c-accent);background:var(--c-accent-soft);border-radius:0 var(--radius) var(--radius) 0;color:var(--c-text-muted);margin:1.5em 0;padding:.75em 1.25em;font-style:italic}hr{border:none;border-top:1px solid var(--c-border);margin:2.5em 0}table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.9rem}th,td{border:1px solid var(--c-border);text-align:left;padding:.65em 1em}th{background:var(--c-bg-alt);font-weight:600}code{font-family:var(--font-mono);background:var(--c-code-bg);border-radius:4px;padding:.15em .4em;font-size:.875em}pre{font-family:var(--font-mono);border-radius:var(--radius-lg);border:1px solid var(--c-border);margin:1.5em 0;padding:1.25em 1.5em;font-size:.875rem;line-height:1.6;overflow-x:auto}pre code{font-size:inherit;background:0 0;padding:0}html:not(.dark) .astro-code{color:var(--shiki-light)!important;background-color:#eee!important}html:not(.dark) .astro-code span{color:var(--shiki-light,inherit)!important}html.dark .astro-code{color:var(--shiki-dark)!important;background-color:#2d2d2d!important}html.dark .astro-code span{color:var(--shiki-dark,inherit)!important}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.content-width{max-width:var(--content-width);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag{background:var(--c-tag-bg);color:var(--c-tag-text);text-transform:lowercase;letter-spacing:.02em;border-radius:999px;padding:.2em .65em;font-size:.75rem;font-weight:500;display:inline-block}.callout{border-radius:var(--radius);border-left:4px solid;margin:1.5em 0;padding:1em 1.25em;font-size:.925rem}.callout-info{border-color:var(--c-info);background:#2563eb0f}.callout-warning{border-color:var(--c-warning);background:#d977060f}.callout-success{border-color:var(--c-success);background:#16a34a0f}.reading-time{color:var(--c-text-muted);font-size:.8rem}.mermaid{text-align:center;margin:1.5em 0}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--c-border);width:2px;position:absolute;top:0;bottom:0;left:.5rem}.timeline-entry{margin-bottom:2rem;padding-left:1rem;position:relative}.timeline-entry:before{content:"";background:var(--c-accent);border:2px solid var(--c-bg);border-radius:50%;width:12px;height:12px;position:absolute;top:.4rem;left:-1.75rem}.timeline-date{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.timeline-title{color:var(--c-heading);margin:.25em 0;font-size:1.05rem;font-weight:600}.timeline-desc{color:var(--c-text-muted);font-size:.9rem}.hero{text-align:center;padding:4rem 0 3rem}.hero h1{letter-spacing:-.04em;margin-top:0;margin-bottom:.5em;font-size:2.5rem}.hero .subtitle{color:var(--c-text-muted);max-width:36rem;margin:0 auto 2rem;font-size:1.15rem;line-height:1.7}.hero-links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;align-items:center;gap:.4em;padding:.6em 1.4em;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}.btn-primary:hover{background:var(--c-accent-hover);color:#fff;border-color:var(--c-accent-hover)}.page-header{border-bottom:1px solid var(--c-border);margin-bottom:2rem;padding:3rem 0 1.5rem}.page-header h1{margin:0;font-size:2rem}.page-header p{color:var(--c-text-muted);margin-top:.5em;margin-bottom:0}.prose h1:first-child{margin-top:0}.post-meta{color:var(--c-text-muted);border-bottom:1px solid var(--c-border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;font-size:.85rem;display:flex}.toc{background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.25rem 1.5rem}.toc-title{text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);margin-bottom:.75em;font-size:.85rem;font-weight:600}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin-bottom:.3em}.toc a{color:var(--c-text-muted);font-size:.875rem;text-decoration:none}.toc a:hover{color:var(--c-accent)}.toc ul ul{padding-left:1em}.prev-next{border-top:1px solid var(--c-border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;display:grid}.prev-next a{border:1px solid var(--c-border);border-radius:var(--radius);padding:1rem;font-size:.9rem;text-decoration:none;transition:border-color .2s;display:block}.prev-next a:hover{border-color:var(--c-accent);text-decoration:none}.prev-next .label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25em;font-size:.75rem;display:block}.prev-next .next{text-align:right}.blog-list{gap:1.25rem;display:grid}.section{padding:2.5rem 0}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);margin-top:0;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.site-footer{border-top:1px solid var(--c-border);color:var(--c-text-muted);text-align:center;margin-top:auto;padding:2rem 0;font-size:.8rem}.site-footer a{color:var(--c-text-muted)}.site-footer a:hover{color:var(--c-accent)}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.site-header{z-index:100;background:var(--c-bg);border-bottom:1px solid var(--c-border);backdrop-filter:blur(8px);background:#ffffffd9;position:sticky;top:0}:root.dark .site-header{background:#0f1117d9}.nav-inner{justify-content:space-between;align-items:center;height:3.5rem;display:flex}.nav-brand{color:var(--c-heading);letter-spacing:-.02em;font-size:1rem;font-weight:700;text-decoration:none}.nav-brand:hover{color:var(--c-accent);text-decoration:none}.nav-links{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--c-text-muted);border-radius:var(--radius);padding:.35em .7em;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--c-text);background:var(--c-accent-soft)}.theme-toggle{border:1px solid var(--c-border);border-radius:var(--radius);cursor:pointer;color:var(--c-text-muted);background:0 0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.35em;transition:color .2s;display:flex}.theme-toggle:hover{color:var(--c-accent)}.nav-toggle{cursor:pointer;color:var(--c-text);background:0 0;border:none;padding:.5em;display:none}@media (width<=768px){.nav-toggle{display:block}.nav-links{background:var(--c-bg);border-bottom:1px solid var(--c-border);flex-direction:column;gap:0;padding:.5rem 1rem 1rem;display:none;position:absolute;top:3.5rem;left:0;right:0}.nav-links.open{display:flex}.nav-links a{width:100%;padding:.6em .7em}.hero h1{font-size:1.8rem}.prev-next{grid-template-columns:1fr}}