:root{color-scheme:light dark;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;--sp-16: 4rem;--measure: 42rem;--radius: 14px;--radius-sm: 8px;--font: ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg: #fbfbfd;--bg-elev: #ffffff;--text: #1d1d1f;--text-2: #4b4b50;--muted: #86868b;--border: rgba(0, 0, 0, .09);--border-strong: rgba(0, 0, 0, .14);--accent: #0066cc;--accent-2: #0071e3;--chip: rgba(0, 102, 204, .08);--code-bg: #f5f5f7;--scrim: rgba(255, 255, 255, .72);--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 28px rgba(0, 0, 0, .06)}@media (prefers-color-scheme: dark){:root{--bg: #000000;--bg-elev: #141416;--text: #f5f5f7;--text-2: #c7c7cc;--muted: #8e8e93;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--accent: #2997ff;--accent-2: #2997ff;--chip: rgba(41, 151, 255, .14);--code-bg: #1b1b1d;--scrim: rgba(20, 20, 22, .66);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 34px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1.0625rem;line-height:1.6;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-optical-sizing:auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}.wrap{max-width:var(--measure);margin:0 auto;padding:0 var(--sp-6)}header.site{position:sticky;top:0;z-index:20;background:var(--scrim);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;box-shadow:0 1px 0 var(--border)}header.site .wrap{display:flex;align-items:center;gap:var(--sp-4);height:52px}header.site .brand{font-weight:600;font-size:1.0625rem;letter-spacing:-.02em;color:var(--text)}header.site nav{margin-left:auto;display:flex;gap:var(--sp-6);font-size:.9375rem}header.site nav a{color:var(--text-2);padding:var(--sp-1) 0;transition:color .12s ease,transform .12s ease}header.site nav a:hover{color:var(--text);text-decoration:none}header.site nav a:active{transform:scale(.96)}main{padding:var(--sp-12) 0 var(--sp-16)}footer.site{border-top:1px solid var(--border);color:var(--muted);font-size:.875rem;padding:var(--sp-8) 0}footer.site .wrap{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:center}footer.site a{color:var(--muted)}footer.site a:hover{color:var(--text)}.foot-nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:var(--sp-4)}.copyright{font-variant-numeric:tabular-nums}h1{font-size:clamp(2rem,1.4rem + 2.6vw,2.9rem);line-height:1.08;letter-spacing:-.028em;font-weight:700;margin:0 0 var(--sp-3)}h2{font-size:1.45rem;line-height:1.2;letter-spacing:-.02em;font-weight:650;margin:var(--sp-12) 0 var(--sp-3)}h3{font-size:1.15rem;line-height:1.3;letter-spacing:-.014em;font-weight:600;margin:var(--sp-8) 0 var(--sp-2)}.meta{color:var(--muted);font-size:.9rem;letter-spacing:.004em}.meta a{color:var(--text-2);font-weight:550}.meta a:hover{color:var(--text)}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.who{display:inline-flex;align-items:center;gap:.4rem}.avatar{width:20px;height:20px;border-radius:50%;background:var(--code-bg);border:1px solid var(--border);object-fit:cover;vertical-align:middle}.avatar-lg{width:56px;height:56px}.author-head{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6)}.author-head h1{margin:0 0 var(--sp-1)}.author-head .meta{margin:0}.lede{font-size:1.15rem;line-height:1.55;color:var(--text-2);max-width:34rem}.post-list{list-style:none;padding:0;margin:var(--sp-6) 0 0}.post-list li{padding:var(--sp-6) 0;border-bottom:1px solid var(--border)}.post-list li:last-child{border-bottom:none}.post-list h2{margin:0 0 var(--sp-1);font-size:1.28rem;letter-spacing:-.018em}.post-list h2 a{color:var(--text)}.post-list h2 a:hover{color:var(--accent);text-decoration:none}.post-list .summary{color:var(--text-2);margin:var(--sp-2) 0 var(--sp-3)}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-3) 0}.tag{display:inline-block;font-size:.8rem;line-height:1.4;padding:.15rem .6rem;border-radius:980px;background:var(--chip);color:var(--accent);transition:transform .12s ease,background-color .12s ease}a.tag:hover{text-decoration:none;background:var(--chip);filter:brightness(.97)}a.tag:active{transform:scale(.95)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}.tag-count{font-size:.95rem;padding:.3rem .75rem}.tag-count span{color:var(--muted);font-variant-numeric:tabular-nums}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6) var(--sp-8);box-shadow:var(--shadow)}.prose{font-size:1.09rem;line-height:1.72;color:var(--text)}.prose>*+*{margin-top:var(--sp-4)}.prose h2,.prose h3{color:var(--text)}.prose a{color:var(--accent)}.prose img{max-width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.prose blockquote{margin:var(--sp-6) 0;padding:var(--sp-1) 0 var(--sp-1) var(--sp-4);border-left:3px solid var(--border-strong);color:var(--text-2)}.prose :not(pre)>code{font-family:var(--mono);font-size:.88em;background:var(--code-bg);padding:.12em .38em;border-radius:5px}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--sp-12) 0}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:.95rem}.prose th,.prose td{border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);text-align:left}.prose th{background:var(--code-bg);font-weight:600}.cover{width:100%;border-radius:var(--radius);margin:0 0 var(--sp-8);border:1px solid var(--border);box-shadow:var(--shadow)}.prose pre{background:var(--code-bg);border:1px solid var(--border);padding:var(--sp-4) var(--sp-6);border-radius:var(--radius-sm);overflow-x:auto;font-size:.9rem;line-height:1.6;margin:var(--sp-6) 0}.prose pre code{font-family:var(--mono);background:none;padding:0;font-size:inherit}:root{--hl-comment: #6e7781;--hl-keyword: #cf222e;--hl-string: #0a7d33;--hl-number: #0550ae;--hl-title: #6639ba;--hl-attr: #0550ae;--hl-type: #953800;--hl-built: #0550ae;--hl-meta: #6e7781}@media (prefers-color-scheme: dark){:root{--hl-comment: #8b949e;--hl-keyword: #ff7b72;--hl-string: #7ee787;--hl-number: #79c0ff;--hl-title: #d2a8ff;--hl-attr: #79c0ff;--hl-type: #ffa657;--hl-built: #79c0ff;--hl-meta: #8b949e}}.hljs-comment,.hljs-quote{color:var(--hl-comment);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-name{color:var(--hl-keyword)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta-string{color:var(--hl-string)}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-link{color:var(--hl-number)}.hljs-title,.hljs-title.function_,.hljs-section,.hljs-selector-id{color:var(--hl-title)}.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable,.hljs-property{color:var(--hl-attr)}.hljs-type,.hljs-class .hljs-title,.hljs-title.class_{color:var(--hl-type)}.hljs-built_in,.hljs-builtin-name{color:var(--hl-built)}.hljs-meta{color:var(--hl-meta)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.lint{background:color-mix(in srgb,#f5a623 12%,var(--bg-elev));border:1px solid color-mix(in srgb,#f5a623 30%,var(--border));color:var(--text);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-size:.9rem;margin:var(--sp-6) 0}.lint ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-6)}.banner{background:var(--chip);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-size:.95rem;color:var(--text-2);margin-bottom:var(--sp-6)}#search-input{width:100%;padding:var(--sp-3) var(--sp-4);font-size:1.0625rem;font-family:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .12s ease,box-shadow .12s ease}#search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--chip)}#search-results{margin-top:var(--sp-6)}section+section{margin-top:var(--sp-8)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition-duration:1ms!important;animation-duration:1ms!important}}@media (prefers-reduced-transparency: reduce){header.site{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}@media (prefers-contrast: more){:root{--border: rgba(0, 0, 0, .3);--muted: #57575c}@media (prefers-color-scheme: dark){:root{--border: rgba(255, 255, 255, .35);--muted: #a8a8ad}}a{text-decoration:underline}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}