*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--text:#111111;--secondary:#666666;--border:#e5e5e5;--code-bg:#f5f5f5;--link:#111111;--hover:#000000}@media(prefers-color-scheme:dark){:root{--bg:#111111;--text:#e5e5e5;--secondary:#999999;--border:#2a2a2a;--code-bg:#1a1a1a;--link:#e5e5e5;--hover:#ffffff}}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:google sans,system-ui,-apple-system,sans-serif;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site{max-width:60vw;margin:0 auto;padding:0 1.5rem}.site-header nav{display:flex;align-items:center;justify-content:space-between;padding:2rem 0}.site-name{font-weight:700;font-size:.9375rem;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-links a{font-size:.875rem;color:var(--secondary);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.intro{padding:3rem 0 4rem}.intro-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.intro-avatar{width:48px;height:48px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.intro-name{font-size:1.25rem;font-weight:700;line-height:1.3}.intro-title{font-size:.875rem;color:var(--secondary);margin-top:.125rem}.intro-bio{max-width:520px}.intro-bio p{font-size:.9375rem;color:var(--secondary);line-height:1.7}.search-box{margin-bottom:2rem}.search-input{width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;color:var(--text);background:var(--code-bg);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s}.search-input::placeholder{color:var(--secondary)}.search-input:focus{border-color:var(--secondary)}.search-empty{color:var(--secondary);font-size:.875rem;padding:1rem 0}.featured-post{display:block;padding:.75rem 0;border-top:1px solid var(--border);text-decoration:none;color:var(--text);transition:opacity .15s}.featured-post:hover{opacity:.7}.featured-post-title{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.25rem}.featured-post-excerpt{font-size:.875rem;color:var(--secondary);line-height:1.6;margin-bottom:.5rem}.featured-post-meta{font-size:.8125rem;color:var(--secondary);display:flex;align-items:center;gap:.5rem}.view-all{margin-top:2rem;padding-top:1rem}.view-all a{font-size:.875rem;font-weight:500;color:var(--secondary);text-decoration:none;transition:color .15s}.view-all a:hover{color:var(--text)}.section-heading{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);margin-bottom:1rem}.page-header{padding:3rem 0 2rem}.page-header h1{font-size:1.5rem;font-weight:700}.post-year-group{margin-bottom:2rem}.post-year{font-size:.875rem;font-weight:600;color:var(--secondary);margin-bottom:.5rem}.post-item{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--border);text-decoration:none;color:var(--text);transition:opacity .15s}.post-item:hover{opacity:.7}.post-item-content{display:flex;flex-direction:column;gap:.125rem;min-width:0}.post-item-title{font-size:.9375rem;font-weight:500}.post-item-desc{font-size:.8125rem;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-item-date{font-size:.8125rem;color:var(--secondary);white-space:nowrap;flex-shrink:0}.article{padding-bottom:4rem}.article-nav{padding:1rem 0}.back-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--secondary);text-decoration:none;transition:background .15s,color .15s}.back-link:hover{background:var(--code-bg);color:var(--text)}.article-header{padding:1rem 0 2rem}.article-header h1{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.article-meta{font-size:.8125rem;color:var(--secondary);display:flex;align-items:center;gap:.5rem}.meta-sep{color:var(--border)}.article-content{font-size:.9375rem;line-height:1.8}.article-content>*+*{margin-top:1.5rem}.article-content h2{font-size:1.25rem;font-weight:700;margin-top:3rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.article-content h3{font-size:1.0625rem;font-weight:600;margin-top:2.5rem}.article-content h4{font-size:.9375rem;font-weight:600;margin-top:2rem}.article-content p{font-size:.9375rem}.article-content a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);transition:text-decoration-color .15s}.article-content a:hover{text-decoration-color:var(--text)}.article-content strong{font-weight:600}.article-content ul,.article-content ol{padding-left:1.5rem}.article-content li{margin-top:.375rem}.article-content li>ul,.article-content li>ol{margin-top:.375rem}.article-content blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--secondary);font-style:italic}.article-content code{font-family:jetbrains mono,ui-monospace,monospace;font-size:.8125rem;background:var(--code-bg);padding:.15em .35em;border-radius:4px}.article-content pre{background:var(--code-bg);border-radius:8px;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.8125rem;line-height:1.6}.article-content pre code{background:0 0;padding:0;border-radius:0;font-size:inherit}.article-content img{max-width:100%;height:auto;border-radius:8px}.article-content hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.article-content table{width:100%;border-collapse:collapse;font-size:.875rem;margin-top:1.5rem}.article-content th,.article-content td{text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--border)}.article-content th{font-weight:600;font-size:.8125rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.04em}.article-content figure{margin:2rem 0}.article-content figcaption{font-size:.8125rem;color:var(--secondary);text-align:center;margin-top:.5rem}.article-sidebar{position:fixed;left:max(1rem,calc((100vw - 60vw)/2 - 220px));top:6rem;width:200px}.toc-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);margin-bottom:.75rem}.toc ul{padding-left:0;list-style:none}.toc ul ul{padding-left:.75rem}.toc li{margin-top:.375rem}.toc a{font-size:.75rem;color:var(--secondary);text-decoration:none;transition:color .15s,font-weight .15s;line-height:1.4;display:block}.toc a:hover{color:var(--text)}.toc a.active{color:var(--text);font-weight:600}.article-nav-links{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.nav-prev,.nav-next{display:flex;flex-direction:column;gap:.25rem;max-width:45%}.nav-next{text-align:right;margin-left:auto}.nav-label{font-size:.75rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.05em}.article-nav-links a{font-size:.875rem;font-weight:500;color:var(--text);text-decoration:none;transition:opacity .15s}.article-nav-links a:hover{opacity:.7}.site-footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:4rem}.site-footer p{font-size:.8125rem;color:var(--secondary)}.not-found{text-align:center;padding:6rem 0}.not-found h1{font-size:3rem;font-weight:700;margin-bottom:.5rem}.not-found p{color:var(--secondary);margin-bottom:1.5rem}.not-found a{color:var(--text);text-decoration:underline;text-underline-offset:3px}@media(max-width:1200px){.article-sidebar{display:none}.site{max-width:90vw}}@media(max-width:768px){.site{max-width:100%;padding:0 1.25rem}.site-header nav{flex-wrap:wrap;gap:.5rem;padding:1.25rem 0}.site-name{font-size:.875rem}.nav-links{gap:1.25rem}.intro{padding:2rem 0 3rem}.intro-bio{max-width:100%}.page-header{padding:2rem 0 1.5rem}.page-header h1{font-size:1.25rem}.featured-post-title{font-size:1.125rem}.article-header h1{font-size:1.5rem}.article-content h2{margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem}.article-content pre{margin-left:-1.25rem;margin-right:-1.25rem;border-radius:0;padding:1rem 1.25rem}.article-nav-links{flex-direction:column;gap:1.5rem}.nav-prev,.nav-next{max-width:100%;text-align:left}}@media(max-width:480px){.site{padding:0 1rem}.site-header nav{padding:1rem 0}.article-header h1{font-size:1.375rem}.article-content h2{font-size:1.125rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.article-content pre{margin-left:-1rem;margin-right:-1rem;padding:1rem;font-size:.75rem}.post-item{flex-direction:column;gap:.25rem}.post-item-date{font-size:.75rem}.post-item-desc{display:none}.featured-post-title{font-size:1rem}.featured-post-excerpt{font-size:.8125rem}.intro{padding:1.5rem 0 2rem}.intro-name{font-size:1.125rem}}.chroma{background:var(--code-bg);color:var(--text)}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .ln{margin-right:.4em;padding:0 .4em;color:#6e7781}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .k{color:#cf222e;font-weight:500}.chroma .kc{color:#cf222e;font-weight:500}.chroma .kd{color:#cf222e;font-weight:500}.chroma .kn{color:#cf222e;font-weight:500}.chroma .kp{color:#cf222e}.chroma .kr{color:#cf222e;font-weight:500}.chroma .kt{color:#cf222e}.chroma .nf{color:#6639ba}.chroma .fm{color:#6639ba}.chroma .s{color:#0a3069}.chroma .sa{color:#0a3069}.chroma .sb{color:#0a3069}.chroma .sc{color:#0a3069}.chroma .dl{color:#0a3069}.chroma .sd{color:#0a3069}.chroma .s2{color:#0a3069}.chroma .se{color:#0a3069}.chroma .sh{color:#0a3069}.chroma .si{color:#0a3069}.chroma .sx{color:#0a3069}.chroma .sr{color:#0a3069}.chroma .s1{color:#0a3069}.chroma .ss{color:#0a3069}.chroma .m{color:#0550ae}.chroma .mb{color:#0550ae}.chroma .mf{color:#0550ae}.chroma .mh{color:#0550ae}.chroma .mi{color:#0550ae}.chroma .il{color:#0550ae}.chroma .mo{color:#0550ae}.chroma .c{color:#57606a;font-style:italic}.chroma .ch{color:#57606a;font-style:italic}.chroma .cm{color:#57606a;font-style:italic}.chroma .c1{color:#57606a;font-style:italic}.chroma .cs{color:#57606a;font-style:italic}.chroma .cp{color:#cf222e}.chroma .cpf{color:#0a3069}.chroma .nb{color:#6639ba}.chroma .bp{color:#6639ba}.chroma .nv{color:#953800}.chroma .vc{color:#953800}.chroma .vg{color:#953800}.chroma .vi{color:#953800}.chroma .vm{color:#953800}.chroma .na{color:#0550ae}.chroma .nc{color:#6639ba;font-weight:500}.chroma .nd{color:#6639ba}.chroma .ni{color:#0550ae}.chroma .ne{color:#6639ba}.chroma .nn{color:#953800}.chroma .nt{color:#0550ae}.chroma .o{color:#cf222e}.chroma .ow{color:#cf222e;font-weight:500}.chroma .p{color:var(--text)}.chroma .ge{font-style:italic}.chroma .gs{font-weight:700}.chroma .gl{text-decoration:underline}.chroma .w{color:#6e7781}@media(prefers-color-scheme:dark){.chroma .ln{color:#6e7681}.chroma .k{color:#ff7b72}.chroma .kc{color:#ff7b72}.chroma .kd{color:#ff7b72}.chroma .kn{color:#ff7b72}.chroma .kp{color:#ff7b72}.chroma .kr{color:#ff7b72}.chroma .kt{color:#ff7b72}.chroma .nf{color:#d2a8ff}.chroma .fm{color:#d2a8ff}.chroma .s{color:#a5d6ff}.chroma .sa{color:#a5d6ff}.chroma .sb{color:#a5d6ff}.chroma .sc{color:#a5d6ff}.chroma .dl{color:#a5d6ff}.chroma .sd{color:#a5d6ff}.chroma .s2{color:#a5d6ff}.chroma .se{color:#a5d6ff}.chroma .sh{color:#a5d6ff}.chroma .si{color:#a5d6ff}.chroma .sx{color:#a5d6ff}.chroma .sr{color:#a5d6ff}.chroma .s1{color:#a5d6ff}.chroma .ss{color:#a5d6ff}.chroma .m{color:#79c0ff}.chroma .mb{color:#79c0ff}.chroma .mf{color:#79c0ff}.chroma .mh{color:#79c0ff}.chroma .mi{color:#79c0ff}.chroma .il{color:#79c0ff}.chroma .mo{color:#79c0ff}.chroma .c{color:#8b949e;font-style:italic}.chroma .ch{color:#8b949e;font-style:italic}.chroma .cm{color:#8b949e;font-style:italic}.chroma .c1{color:#8b949e;font-style:italic}.chroma .cs{color:#8b949e;font-style:italic}.chroma .cp{color:#ff7b72}.chroma .cpf{color:#a5d6ff}.chroma .nb{color:#d2a8ff}.chroma .bp{color:#d2a8ff}.chroma .nv{color:#ffa657}.chroma .vc{color:#ffa657}.chroma .vg{color:#ffa657}.chroma .vi{color:#ffa657}.chroma .vm{color:#ffa657}.chroma .na{color:#79c0ff}.chroma .nc{color:#d2a8ff}.chroma .nd{color:#d2a8ff}.chroma .ni{color:#79c0ff}.chroma .ne{color:#d2a8ff}.chroma .nn{color:#ffa657}.chroma .nt{color:#79c0ff}.chroma .o{color:#ff7b72}.chroma .ow{color:#ff7b72}.chroma .p{color:var(--text)}.chroma .w{color:#6e7681}}