:root{--color-bg:#fafafa;--color-bg-secondary:#ffffff;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-border:#e5e5e5;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-code-bg:#f4f4f5;--color-tag-bg:#f0f0f0;--color-tag-text:#525252;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--max-width:720px;--header-height:60px;--transition-fast:150ms ease;--transition-normal:250ms ease}[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-secondary:#141414;--color-text:#e5e5e5;--color-text-muted:#a3a3a3;--color-border:#262626;--color-accent:#60a5fa;--color-accent-hover:#93c5fd;--color-code-bg:#1e1e1e;--color-tag-bg:#262626;--color-tag-text:#d4d4d4}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}strong{font-weight:600}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);width:100%}main{flex:1;padding:var(--spacing-xl)0}.header{height:var(--header-height);border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:var(--color-bg);z-index:100;backdrop-filter:blur(10px);background-color:rgba(var(--color-bg),.9)}.header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--color-text)}.logo:hover{color:var(--color-accent);text-decoration:none}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{font-size:.9rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text);text-decoration:none}.theme-toggle{background:0 0;border:1px solid var(--color-border);border-radius:6px;padding:var(--spacing-xs)var(--spacing-sm);color:var(--color-text);cursor:pointer;font-size:1rem;transition:border-color var(--transition-fast),background-color var(--transition-fast);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.theme-toggle:hover{border-color:var(--color-accent);background-color:var(--color-bg-secondary)}.footer{border-top:1px solid var(--color-border);padding:var(--spacing-xl)0;text-align:center;color:var(--color-text-muted);font-size:.875rem}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.footer-links a{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent);text-decoration:none}.hero{padding:var(--spacing-xl)0}.hero-title{font-size:2.5rem;font-weight:700;margin:0 0 var(--spacing-sm)}.hero-subtitle{color:var(--color-text-muted);font-size:1.125rem;font-family:var(--font-mono)}.section{margin-top:var(--spacing-lg)}.section-title{font-family:var(--font-mono);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.post-list{list-style:none}.post-card{padding:var(--spacing-lg)0;border-bottom:1px solid var(--color-border)}.post-card:last-child{border-bottom:none}.post-card-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.post-card-title a{color:var(--color-text)}.post-card-title a:hover{color:var(--color-accent);text-decoration:none}.post-card-meta{font-size:.875rem;color:var(--color-text-muted);font-family:var(--font-mono);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-sm)}.post-card-excerpt{color:var(--color-text-muted);font-size:.95rem;margin-top:var(--spacing-sm)}.post-card-tags{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);overflow-x:auto;margin-top:var(--spacing-sm);padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch}.post-card-tags::-webkit-scrollbar{height:4px}.post-card-tags::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.post-card-tags::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-block;background-color:var(--color-tag-bg);color:var(--color-tag-text);padding:2px 8px;border-radius:4px;font-size:.75rem;font-family:var(--font-mono);transition:background-color var(--transition-fast);white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.tag:hover{background-color:var(--color-accent);color:#fff;text-decoration:none}.post{padding-top:var(--spacing-lg)}.post-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.post-title{font-size:2rem;font-weight:700;margin:0 0 var(--spacing-md);line-height:1.2}.post-meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.875rem;display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.post-content{font-size:1.05rem}.post-content h2{margin-top:var(--spacing-2xl)}.post-content h3{margin-top:var(--spacing-xl)}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--spacing-lg)0}.post-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--spacing-lg);margin:var(--spacing-lg)0;color:var(--color-text-muted);font-style:italic}.post-content ul,.post-content ol{margin:var(--spacing-md)0;padding-left:var(--spacing-xl)}.post-content li{margin-bottom:var(--spacing-xs)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-code-bg);padding:2px 6px;border-radius:4px}pre{background-color:var(--color-code-bg);padding:var(--spacing-lg);border-radius:8px;overflow-x:auto;margin:var(--spacing-lg)0;border:1px solid var(--color-border)}pre code{background:0 0;padding:0;font-size:.875rem;line-height:1.6}.highlight{margin:var(--spacing-lg)0}.highlight pre{margin:0}.code-block-wrapper{position:relative;margin:var(--spacing-lg)0}.code-block-wrapper .highlight{margin:0}.code-block-wrapper pre{margin:0}.code-copy-btn{position:absolute;top:8px;right:8px;padding:6px 8px;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#a3a3a3;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:10}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background-color:rgba(255,255,255,.2);color:#fff}.code-copy-btn.copied{color:#50fa7b;border-color:#50fa7b}.code-copy-btn svg{width:16px;height:16px}@media(max-width:640px){.code-copy-btn{opacity:.7}.code-copy-btn:active{opacity:1}}.bg{color:#f8f8f2;background-color:#282a36}.chroma{color:#f8f8f2;background-color:#282a36}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#3d3f4a}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#ff79c6}.chroma .kc{color:#ff79c6}.chroma .kd{color:#8be9fd;font-style:italic}.chroma .kn{color:#ff79c6}.chroma .kp{color:#ff79c6}.chroma .kr{color:#ff79c6}.chroma .kt{color:#8be9fd}.chroma .na{color:#50fa7b}.chroma .nc{color:#50fa7b}.chroma .nl{color:#8be9fd;font-style:italic}.chroma .nt{color:#ff79c6}.chroma .nb{color:#8be9fd;font-style:italic}.chroma .bp{font-style:italic}.chroma .nv{color:#8be9fd;font-style:italic}.chroma .vc{color:#8be9fd;font-style:italic}.chroma .vg{color:#8be9fd;font-style:italic}.chroma .vi{color:#8be9fd;font-style:italic}.chroma .vm{color:#8be9fd;font-style:italic}.chroma .nf{color:#50fa7b}.chroma .fm{color:#50fa7b}.chroma .s{color:#f1fa8c}.chroma .sa{color:#f1fa8c}.chroma .sb{color:#f1fa8c}.chroma .sc{color:#f1fa8c}.chroma .dl{color:#f1fa8c}.chroma .sd{color:#f1fa8c}.chroma .s2{color:#f1fa8c}.chroma .se{color:#f1fa8c}.chroma .sh{color:#f1fa8c}.chroma .si{color:#f1fa8c}.chroma .sx{color:#f1fa8c}.chroma .sr{color:#f1fa8c}.chroma .s1{color:#f1fa8c}.chroma .ss{color:#f1fa8c}.chroma .m{color:#bd93f9}.chroma .mb{color:#bd93f9}.chroma .mf{color:#bd93f9}.chroma .mh{color:#bd93f9}.chroma .mi{color:#bd93f9}.chroma .il{color:#bd93f9}.chroma .mo{color:#bd93f9}.chroma .o{color:#ff79c6}.chroma .ow{color:#ff79c6}.chroma .c{color:#6272a4}.chroma .ch{color:#6272a4}.chroma .cm{color:#6272a4}.chroma .c1{color:#6272a4}.chroma .cs{color:#6272a4}.chroma .cp{color:#ff79c6}.chroma .cpf{color:#ff79c6}.chroma .gd{color:#f55}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:700}.chroma .gi{color:#50fa7b;font-weight:700}.chroma .go{color:#44475a}.chroma .gu{font-weight:700}.chroma .gl{text-decoration:underline}.toc{margin:var(--spacing-lg)0 var(--spacing-xl);border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-secondary)}.toc-title{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)var(--spacing-lg);cursor:pointer;font-family:var(--font-mono);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);list-style:none;user-select:none;transition:color var(--transition-fast)}.toc-title::-webkit-details-marker{display:none}.toc-title:hover{color:var(--color-text)}.toc-chevron{transition:transform var(--transition-fast)}.toc[open] .toc-chevron{transform:rotate(180deg)}.toc-content{padding:0 var(--spacing-lg)var(--spacing-lg);border-top:1px solid var(--color-border)}.toc-content nav>ul{list-style:none;padding-left:0;margin:0}.toc-content ul{list-style:none;padding-left:var(--spacing-lg);margin:0}.toc-content li{margin:var(--spacing-xs)0}.toc-content a{color:var(--color-text-muted);font-size:.9rem;text-decoration:none;transition:color var(--transition-fast)}.toc-content a:hover{color:var(--color-accent)}.heading-anchor{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.anchor-link{opacity:0;color:var(--color-text-muted);transition:opacity var(--transition-fast),color var(--transition-fast);display:inline-flex;align-items:center;flex-shrink:0}.heading-anchor:hover .anchor-link,.anchor-link:focus{opacity:1}.anchor-link:hover{color:var(--color-accent);text-decoration:none}.anchor-link svg{width:.75em;height:.75em}html{scroll-padding-top:calc(var(--header-height) + var(--spacing-lg))}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.875rem;margin-bottom:var(--spacing-lg)}.back-link:hover{color:var(--color-accent);text-decoration:none}.comments{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border)}.comments-title{font-family:var(--font-mono);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.search-container{margin-top:var(--spacing-xl)}.pagefind-ui{--pagefind-ui-scale:1;--pagefind-ui-primary:var(--color-accent);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-bg-secondary);--pagefind-ui-border:var(--color-border);--pagefind-ui-tag:var(--color-tag-bg);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:6px;--pagefind-ui-font:var(--font-sans)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none}.tags-list .tag{font-size:.875rem;padding:var(--spacing-xs)var(--spacing-md)}@media(max-width:640px){:root{--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem}.hero-title{font-size:2rem}.post-title{font-size:1.5rem}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.nav{gap:var(--spacing-md)}.nav-link{font-size:.85rem}.post-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.separator{color:var(--color-text-muted);margin:0 var(--spacing-xs)}