:root{--color-bg: #ffffff;--color-bg-secondary: oklch(.96 0 0);--color-fg: oklch(.145 0 0);--color-fg-muted: oklch(.45 0 0);--color-fg-tertiary: oklch(.6 0 0);--color-border: oklch(.9 0 0);--color-border-hover: oklch(.85 0 0);--color-accent: #8b5cf6;--color-accent-hover: #7c3aed;--color-accent-bg: oklch(.35 .05 280 / .15);--color-accent-green: #10b981;--color-code-bg: oklch(.96 0 0);--color-code-border: oklch(.9 0 0);--color-card-bg: oklch(.98 0 0);--color-card-border: oklch(.9 0 0);--color-card-border-hover: oklch(.85 0 0);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-base: 16px;--line-height-base: 1.75;--line-height-heading: 1.35;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--content-width: 680px;--site-width: 1400px;--sidebar-width: 280px;--header-height: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.dark{--color-bg: oklch(.2 0 0);--color-bg-secondary: oklch(.24 0 0);--color-fg: oklch(.92 0 0);--color-fg-muted: oklch(.65 0 0);--color-fg-tertiary: oklch(.68 0 0);--color-border: oklch(.28 0 0);--color-border-hover: oklch(.35 0 0);--color-accent: #a78bfa;--color-accent-hover: #c4b5fd;--color-accent-green: #34d399;--color-code-bg: oklch(.24 0 0);--color-code-border: oklch(.3 0 0);--color-card-bg: oklch(.24 0 0);--color-card-border: oklch(.3 0 0);--color-card-border-hover: oklch(.35 0 0)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;tab-size:2;overflow-wrap:anywhere;line-break:strict;text-spacing-trim:trim-start;text-autospace:normal}body{font-family:var(--font-sans);font-size:1rem;line-height:var(--line-height-base);color:var(--color-fg);background-color:var(--color-bg);overflow-y:scroll;min-height:100vh}::selection{background-color:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-fg);font-kerning:normal;font-feature-settings:"palt";word-break:auto-phrase}h1{font-size:2.25rem;letter-spacing:-.02em}h2{font-size:1.5rem;letter-spacing:-.01em}h3{font-size:1.25rem;letter-spacing:-.01em}h4{font-size:1.125rem}p{color:var(--color-fg);line-height:var(--line-height-base)}p,li,dd{word-break:normal;overflow-wrap:anywhere}pre,code{text-spacing-trim:space-all;text-autospace:no-autospace}time{text-autospace:no-autospace}input,textarea,[contenteditable]{text-autospace:no-autospace}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0}.container{width:100%;max-width:var(--site-width);margin:0 auto;padding:0 var(--spacing-lg)}.content-width{max-width:var(--content-width);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prose{max-width:var(--content-width);line-height:var(--line-height-base);color:var(--color-fg)}.prose>*+*{margin-top:1.5rem}.prose>*{max-width:100%}.prose h2{position:relative;font-size:1.875rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-top:5rem;margin-bottom:1.5rem;padding-left:1rem;letter-spacing:-.015em;scroll-margin-top:5rem}.prose h2>a,.prose h3>a,.prose h4>a{color:inherit;text-decoration:none}.prose h2>a:hover,.prose h3>a:hover,.prose h4>a:hover{text-decoration:underline;text-underline-offset:4px}.prose h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-accent);border-radius:2px}.prose h3{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:var(--font-weight-semibold);line-height:1.4;margin-top:4rem;margin-bottom:1rem;scroll-margin-top:5rem}.prose h3:before{content:"";display:inline-block;width:6px;height:6px;background-color:var(--color-accent);border-radius:50%;flex-shrink:0}.prose h4{font-size:1.125rem;font-weight:var(--font-weight-semibold);line-height:1.5;margin-top:3rem;margin-bottom:.75rem;scroll-margin-top:5rem}.prose p{line-height:1.8;margin-bottom:1.5rem}.prose strong{font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.prose a:hover{text-decoration-color:var(--color-accent)}.prose ul,.prose ol{margin-left:1.5rem;margin-bottom:1.5rem}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{line-height:1.75;margin-bottom:.5rem}.prose li:last-child{margin-bottom:0}.prose li>ul,.prose li>ol{margin-top:.5rem;margin-bottom:0}.prose blockquote{border-left:4px solid var(--color-border);padding-left:1rem;margin-left:0;margin-right:0;color:var(--color-fg-muted);font-style:italic}.prose blockquote p{margin-bottom:0}.prose pre,.prose .expressive-code,.prose figure.expressive-code{margin:2.5rem 0;max-width:100%;overflow-x:auto}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-code-bg);color:#8f81d3;padding:.125rem .375rem;border-radius:var(--radius-sm)}.dark .prose :not(pre)>code{color:#ada3e9}.prose hr{border:none;border-top:1px solid var(--color-border);margin:3rem 0}.prose table{display:block;width:100%;border-collapse:separate;border-spacing:0;margin:2.5rem 0;font-size:.9375rem;border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.prose th,.prose td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums}.prose th{font-weight:var(--font-weight-semibold);background-color:var(--color-bg-secondary)}.prose tr:last-child td{border-bottom:none}.prose img{border-radius:var(--radius-md);margin:2.5rem 0;cursor:zoom-in}.prose video{border-radius:var(--radius-md);margin:2.5rem 0}.prose figure{margin:2.5rem 0}.prose figcaption{font-size:.875rem;color:var(--color-fg-muted);text-align:center;margin-top:.75rem;font-kerning:normal;word-break:auto-phrase}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.article-header h1{font-size:2.25rem;font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-.02em;margin-bottom:1rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;color:var(--color-fg-tertiary);font-size:.875rem}.article-meta time{font-variant-numeric:tabular-nums}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.article-tags a{font-size:.8125rem;color:var(--color-fg-muted);text-decoration:none;transition:color var(--transition-fast)}.article-tags a:hover{color:var(--color-accent)}.article-tags a+a:before{content:"/";margin-right:.5rem;color:var(--color-fg-tertiary)}.prose .markdown-alert{margin:1.75rem 0;padding:1.25rem;border-radius:14px;border:1px solid;background-color:#f5f5f5}.dark .prose .markdown-alert{background-color:#1f1f1f;opacity:.85}.prose .markdown-alert p{margin-bottom:0;font-size:.9375rem;line-height:1.7;color:var(--color-fg)}.dark .prose .markdown-alert p{color:#e4e4e4}.prose .markdown-alert p+p{margin-top:.75rem}.prose .markdown-alert-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:var(--font-weight-semibold);margin-bottom:.5rem}.prose .markdown-alert-title svg{width:18px;height:18px;fill:currentColor}.prose .markdown-alert-note{border-color:var(--color-accent-green)}.prose .markdown-alert-note .markdown-alert-title{color:var(--color-accent-green)}.prose .markdown-alert-tip{border-color:#0ea5e9}.prose .markdown-alert-tip .markdown-alert-title{color:#0ea5e9}.prose .markdown-alert-important{border-color:var(--color-accent)}.prose .markdown-alert-important .markdown-alert-title{color:var(--color-accent)}.prose .markdown-alert-warning{border-color:#d97706}.prose .markdown-alert-warning .markdown-alert-title{color:#d97706}.prose .markdown-alert-caution{border-color:#dc2626}.prose .markdown-alert-caution .markdown-alert-title{color:#dc2626}.prose astro-embed-tweet,.prose lite-youtube{display:block;margin:2.5rem auto;max-width:550px}.prose lite-youtube{border-radius:var(--radius-lg);overflow:hidden}.prose .twitter-tweet{margin:0 auto!important}.site-header{position:sticky;top:0;z-index:50;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);transition:transform var(--transition-slow)}.site-header.hidden{transform:translateY(-100%)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.site-nav{display:flex;align-items:center;gap:2rem}.site-logo{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-fg);transition:color var(--transition-fast)}.site-logo:hover,.site-logo.active{color:var(--color-accent)}.nav-links{display:flex;gap:1.5rem}.nav-link{font-size:.9375rem;color:var(--color-fg-muted);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-fg)}.nav-link.active{color:var(--color-accent);font-weight:var(--font-weight-medium)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-accent-green);transition:opacity var(--transition-fast)}.theme-toggle:hover{opacity:.7}.theme-toggle svg{width:20px;height:20px}.site-footer{border-top:1px solid var(--color-border);margin-top:6rem;padding:2rem 0}.site-footer .container{display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width:768px){.site-footer .container{flex-direction:row;justify-content:space-between}}.footer-copyright{font-size:.8125rem;color:var(--color-fg-tertiary)}.footer-links{display:flex;gap:1.5rem}.footer-link{font-size:.8125rem;color:var(--color-fg-tertiary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-fg-muted)}.post-card{display:block;padding:1rem;background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.post-card:hover{border-color:var(--color-card-border-hover)}.post-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.post-card-date{font-size:.8125rem;color:var(--color-fg-tertiary);font-variant-numeric:tabular-nums}.post-card-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);line-height:1.4;color:var(--color-fg);margin-bottom:.5rem;letter-spacing:-.01em;transition:color var(--transition-fast)}.post-card:hover .post-card-title{color:var(--color-accent)}.post-card-description{font-size:.875rem;line-height:1.6;color:var(--color-fg-muted)}.post-card-lg{padding:1.5rem;border-radius:var(--radius-lg)}.post-card-lg .post-card-meta{gap:.75rem;margin-bottom:.75rem}.post-card-lg .post-card-title{font-size:1.5rem;margin-bottom:.75rem}.post-card-lg .post-card-description{font-size:.9375rem;line-height:1.7;margin-bottom:1rem}.tag{display:inline-block;font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-accent);background-color:var(--color-accent-bg);padding:.125rem .5rem;border-radius:var(--radius-sm)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-muted{font-size:.8125rem;color:var(--color-fg-muted);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:.25rem .625rem;border-radius:var(--radius-sm)}:root .tag-muted{color:var(--color-fg-tertiary);border-color:transparent}.dark .tag-muted{color:#9e9e9e;background-color:#292929;border-color:#3a3a3a}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.category-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-fg-muted);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.category-btn:hover{border-color:var(--color-accent);color:var(--color-fg)}.category-btn.active{border-color:var(--color-accent);background-color:var(--color-accent-bg);color:var(--color-accent)}.page-header{margin-bottom:2rem}.page-header h1{font-size:2.25rem;font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-.02em;margin-bottom:.75rem}.page-header p{font-size:1rem;line-height:1.6;color:var(--color-fg-muted)}.section{margin-bottom:3rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.section-link{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-accent)}.section-link:hover{text-decoration:underline}.post-list{display:flex;flex-direction:column;gap:1rem}.post-list-lg{gap:2rem}.main-content{padding:3rem 0}.layout-article{display:flex;gap:4rem;position:relative}.layout-article main{flex:1;max-width:var(--content-width);margin:0 auto}.layout-article aside{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:5rem;align-self:flex-start;display:none}@media(min-width:1280px){.layout-article aside{display:block}}