:root{--paper:#f8f8f6;--ink:#121a2b;--muted:#5c6475;--rule:#dadde3;--accent:#b45309;--accent-soft:#fbeedd;--band:#14213d;--on-band:#ffffff;--code-bg:#eff0f2;--code-str:#1e3a6b;--logo-bg:#14213d;--logo-1:#f5b544;--logo-2:#f5b544;--logo-3:#f8d48f;color-scheme:light}:root[data-active-theme=dark]{--paper:#0e131d;--ink:#e6e9ef;--muted:#9aa2b2;--rule:#222a38;--accent:#f5b544;--accent-soft:#2e2512;--band:#1c2e57;--on-band:#ffffff;--code-bg:#161d2a;--code-str:#9db8f0;--logo-bg:#1c2e57;--logo-1:#f5b544;--logo-2:#f5b544;--logo-3:#f8d48f;color-scheme:dark}@font-face{font-family:plex sans;src:url(/fonts/ibm-plex-sans-latin-wght-normal.woff2)format("woff2");font-weight:100 700;font-display:swap}@font-face{font-family:plex sans;src:url(/fonts/ibm-plex-sans-latin-wght-italic.woff2)format("woff2");font-weight:100 700;font-style:italic;font-display:swap}@font-face{font-family:plex mono;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:plex mono;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:source serif;src:url(/fonts/source-serif-4-latin-wght-normal.woff2)format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:source serif;src:url(/fonts/source-serif-4-latin-wght-italic.woff2)format("woff2");font-weight:200 900;font-style:italic;font-display:swap}@font-face{font-family:chakra petch;src:url(/fonts/chakra-petch-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}:root{--sans:"Plex Sans", system-ui, sans-serif;--serif:"Source Serif", Georgia, serif;--mono:"Plex Mono", ui-monospace, monospace;--gutter:clamp(1.25rem, 4vw, 3rem);--wide:84rem}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.55 var(--sans);font-feature-settings:"tnum" 0}a{color:inherit;text-decoration-color:var(--rule);text-underline-offset:.2em}a:hover{color:var(--accent);text-decoration-color:initial}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3{font-weight:600;letter-spacing:-.01em}.skip{position:absolute;left:-999px}.skip:focus{left:var(--gutter);top:.75rem;background:var(--paper);padding:.4rem .7rem;z-index:10}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--wide);margin:0 auto;padding:1.4rem var(--gutter)}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}.brand svg{width:1.75rem;height:1.75rem}.wordmark{font:700 1.2rem/1 chakra petch,var(--sans);letter-spacing:.02em}.topnav{display:flex;align-items:center;gap:clamp(.9rem,2.5vw,1.75rem)}.topnav a{text-decoration:none;color:var(--muted)}.topnav a:hover,.topnav a[aria-current=page]{color:var(--ink)}.topnav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.45em}.theme-toggle{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--rule);border-radius:50%;background:0 0;color:var(--muted);cursor:pointer}.theme-toggle:hover{color:var(--ink);border-color:var(--muted)}.theme-toggle svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.theme-toggle .icon-sun{display:none}:root[data-active-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-active-theme=dark] .theme-toggle .icon-moon{display:none}main{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)}.hero{padding-block:clamp(2.5rem,7vw,5.5rem)2.75rem;max-width:62rem}.hero h1{margin:0 0 1.25rem;font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;letter-spacing:-.035em;font-weight:650;text-wrap:balance}.hero-lead{margin:0;max-width:46rem;font-size:1.25rem;color:var(--muted);text-wrap:pretty}.stack{margin:1rem 0 4.5rem;display:grid;gap:0}.layer{position:relative;display:grid;grid-template-columns:minmax(0,1fr)18rem;gap:3rem;align-items:center}.layer+.layer{margin-top:2.25rem}.layer+.layer::before{content:"";position:absolute;top:-2.25rem;height:2.25rem;left:2.5rem;width:calc(100% - 18rem - 3rem - 5rem);background:linear-gradient(var(--rule),var(--rule))0/1px 100% no-repeat,linear-gradient(var(--rule),var(--rule))50%/1px 100% no-repeat,linear-gradient(var(--rule),var(--rule))100%/1px 100% no-repeat}.layer-body{border:1px solid var(--rule);border-radius:6px;padding:1.1rem 1.25rem}.layer-name{margin:0 0 .35rem;font-size:1rem;display:flex;align-items:baseline;gap:.75rem}.layer-text{margin:0;color:var(--muted)}.layer--emphasis .layer-body{background:var(--band);color:var(--on-band);border-color:var(--band);padding:1.5rem 1.5rem 1.6rem}.layer--emphasis .layer-name{font-size:1.35rem;margin-bottom:1rem}.layer--emphasis .nodes{grid-template-columns:repeat(4,minmax(0,1fr))}.nodes{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}.nodes a{display:flex;flex-direction:column;gap:.1rem;height:100%;padding:.7rem .85rem;border-radius:4px;text-decoration:none;border:1px solid var(--rule)}.nodes a span{font-weight:600}.nodes small{font-size:.85rem;color:var(--muted)}.nodes a:hover{border-color:var(--accent);color:var(--ink)}.nodes a:hover span{color:var(--accent)}.layer--emphasis .nodes a{border-color:color-mix(in srgb,var(--on-band) 35%,transparent)}.layer--emphasis .nodes small{color:inherit;opacity:.8}.layer--emphasis .nodes a:hover{background:color-mix(in srgb,var(--on-band) 12%,transparent);border-color:var(--on-band);color:var(--on-band)}.layer--emphasis .nodes a:hover span{color:inherit}.layer--emphasis .nodes a:focus-visible{outline-color:var(--on-band)}.note{margin:0;font-size:.92rem;color:var(--muted);line-height:1.45;border-left:2px solid var(--rule);padding-left:.9rem}.note strong{white-space:nowrap;display:block;font-size:1.6rem;line-height:1.1;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-bottom:.2rem}.layer--emphasis .note{border-left-color:var(--accent)}.layer--emphasis .note strong{color:var(--accent)}@media(prefers-reduced-motion:no-preference){.stack .layer{animation:rise .55s cubic-bezier(.2,.7,.2,1)both}.stack .layer--data{animation-delay:.05s}.stack .layer--emphasis{animation-delay:.25s}.stack .layer--teams{animation-delay:.45s}}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.home-lists{display:grid;grid-template-columns:minmax(0,1.7fr)minmax(0,1fr);gap:5rem;padding-bottom:4rem;border-top:1px solid var(--rule);padding-top:2.5rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.section-head h2{margin:0;font-size:1.35rem}.section-head a{color:var(--muted);font-size:.95rem}.year{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding-block:.9rem;border-top:1px solid var(--rule)}.year:first-of-type{border-top:0}.year h3{margin:.2rem 0 0;font-size:.95rem;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.posts{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.posts li{display:flex;justify-content:space-between;align-items:baseline;gap:1.25rem}.posts a{font-weight:500;text-decoration:none}.posts a:hover{text-decoration:underline}.posts time{flex:none;color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.posts p{margin:.25rem 0 0;color:var(--muted);font-size:.97rem;max-width:60ch}.projects{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}.projects a{font-weight:500;text-decoration:none}.projects a:hover{text-decoration:underline}.projects p{margin:.15rem 0 0;color:var(--muted);font-size:.95rem}.list{padding-bottom:4rem}.list .posts p{max-width:72ch}.list-head{padding-block:clamp(2rem,6vw,4rem)1.5rem;border-bottom:1px solid var(--rule);margin-bottom:.5rem}.list-head h1{margin:0 0 .5rem;font-size:clamp(2.2rem,5vw,3.25rem);letter-spacing:-.03em;line-height:1.05}.list-head p{margin:0;color:var(--muted);font-size:1.1rem}.list .year{padding-block:1.75rem;grid-template-columns:7rem minmax(0,1fr)}.list .year:first-of-type{border-top:0}.list .posts{gap:1.6rem}.list .posts a{font-size:1.3rem;font-weight:600;letter-spacing:-.01em}.list-head p{max-width:46rem}.article-wrap{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:3rem;padding-bottom:5rem}.toc{position:sticky;top:1.5rem;align-self:start;padding-top:4.4rem;font-size:.88rem}.toc summary{list-style:none;font-weight:600;margin-bottom:.6rem;cursor:default}.toc summary::-webkit-details-marker{display:none}.toc ul{list-style:none;margin:0;padding:0}.toc details>ul{border-left:1px solid var(--rule)}.toc li a{display:block;padding:.25rem 0 .25rem .85rem;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;line-height:1.35}.toc li li a{padding-left:1.6rem;font-size:.84rem}.toc li a:hover{color:var(--ink)}.toc li a[aria-current=true]{color:var(--ink);border-left-color:var(--accent)}.article{--measure:42rem;--note:16rem;max-width:calc(var(--measure) + var(--note) + 3rem)}.article-head{max-width:var(--measure);padding-top:clamp(2rem,5vw,3.5rem);margin-bottom:2.5rem}.back{color:var(--muted);font-size:.95rem;text-decoration:none}.back:hover{text-decoration:underline}.article-head h1{margin:.9rem 0 1rem;font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.article-lead{margin:0 0 1.25rem;font:1.3rem/1.45 var(--serif);color:var(--muted);text-wrap:pretty}.article-meta .metric{color:var(--accent);font-weight:500}.article-meta{display:flex;gap:1.5rem;margin:0;color:var(--muted);font-size:.92rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}.prose{max-width:var(--measure);font:1.25rem/1.65 var(--serif)}.prose>p,.prose li{text-wrap:pretty;hanging-punctuation:first}.prose a,.prose code{overflow-wrap:anywhere}.prose h2{font:600 1.55rem/1.2 var(--sans);letter-spacing:-.015em;margin:2.8rem 0 .9rem;scroll-margin-top:1.5rem}.prose h3{font:600 1.2rem/1.3 var(--sans);margin:2rem 0 .6rem;scroll-margin-top:1.5rem}.prose hr{border:0;border-top:1px solid var(--rule);margin:2.5rem 0}.prose a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}.prose ul,.prose ol{padding-left:1.3rem}.prose li+li{margin-top:.35rem}.prose strong{font-weight:650}.prose code{font:.84em var(--mono);background:var(--code-bg);padding:.1em .3em;border-radius:3px}.prose pre{font:.84rem/1.6 var(--mono);background:var(--code-bg);padding:1rem 1.15rem;border-radius:6px;overflow-x:auto;margin:1.6rem 0}.prose pre code{background:0 0;padding:0;font-size:inherit}.prose .highlight,.prose [class^=td-code]{all:unset;display:block}.prose table{display:block;overflow-x:auto;border-collapse:collapse;font:.95rem/1.45 var(--sans)}.prose th,.prose td{border-bottom:1px solid var(--rule);padding:.5rem .9rem .5rem 0;text-align:left}.chroma .k,.chroma .kd,.chroma .kt,.chroma .nb{color:var(--accent)}.chroma .s,.chroma .s1,.chroma .s2{color:var(--code-str)}.chroma .c,.chroma .c1,.chroma .cm{color:var(--muted);font-style:italic}.sidenote{float:right;clear:right;width:var(--note);margin-right:calc(-1 * (var(--note) + 3rem));margin-top:.4rem;font:.9rem/1.5 var(--sans);color:var(--muted);border-left:2px solid var(--accent);padding-left:.9rem}.sidenote strong{color:var(--ink);font-weight:600}.sidenote a{color:var(--accent)}:lang(zh){--sans:"Plex Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--serif:"Source Serif", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif}:lang(zh) .prose{line-height:1.85}:lang(zh) .hero h1,:lang(zh) .list-head h1,:lang(zh) .article-head h1{letter-spacing:0}:lang(zh) .hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.15;word-break:keep-all}.prose h4{font:600 1.05rem/1.4 var(--sans);margin:1.6rem 0 .4rem}.prose blockquote{margin:1.6rem 0;padding-left:1.1rem;border-left:2px solid var(--rule);color:var(--muted)}.prose img{max-width:100%;height:auto}.callout{margin:1.8rem 0;padding:.9rem 1.15rem;border-left:3px solid var(--muted);background:var(--code-bg);border-radius:0 6px 6px 0;font-size:1.05rem}.callout--warning,.callout--caution{border-left-color:var(--accent);background:var(--accent-soft)}.callout>p{margin:.4rem 0 0}.callout>p:first-child{margin-top:0}.callout-title{font:600 1rem/1.4 var(--sans)}.callout-title strong{font-weight:inherit}.diagram{margin:2rem 0;overflow-x:auto}.diagram pre.mermaid{margin:0;background:0 0;padding:0;font-family:var(--sans);text-align:center}.diagram svg{max-width:100%;height:auto}.article-tags{max-width:var(--measure);margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.95rem;color:var(--muted)}.article-tags a{color:var(--muted)}.article-tags a:hover{color:var(--accent)}.notice{max-width:var(--measure);margin:0 0 1.5rem;padding:.7rem .95rem;border:1px solid var(--rule);border-radius:6px;font-size:.92rem;color:var(--muted)}.notice a{color:var(--accent)}.project-list{list-style:none;margin:0;padding:0}.project-list li{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.4fr);gap:.4rem 3rem;padding-block:1.6rem;border-top:1px solid var(--rule)}.project-list li:first-child{border-top:0}.project-list a{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;text-decoration:none}.project-list a:hover{text-decoration:underline}.project-list .metric{margin:.35rem 0 0;color:var(--accent);font-weight:500}.project-list .desc{margin:0;color:var(--muted);max-width:60ch}.tag-index{list-style:none;margin:1.5rem 0 4rem;padding:0;display:flex;flex-wrap:wrap;gap:.75rem 2rem;font-size:1.1rem}.tag-index a{text-decoration:none;font-weight:500}.tag-index a:hover{text-decoration:underline}.tag-index span{color:var(--muted);font-size:.9rem;margin-left:.35rem;font-variant-numeric:tabular-nums}.lang-switch{font-size:.95rem}.footer{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)3rem;color:var(--muted);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid var(--rule)}.footer p{margin:0}@media(max-width:1360px){.article-wrap{grid-template-columns:minmax(0,1fr);gap:0}.toc{position:static;padding-top:1.5rem;order:0}.no-toc .article{margin:0}.toc details{border:1px solid var(--rule);border-radius:6px;padding:.75rem 1rem}.toc summary{cursor:pointer;margin:0}.toc details[open] summary{margin-bottom:.6rem}.article{order:1;margin:0 auto;width:100%;min-width:0}}@media(max-width:1100px){.article{max-width:var(--measure)}.sidenote{float:none;width:auto;margin:1.25rem 0}}@media(max-width:1180px){.layer--emphasis .nodes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.layer{grid-template-columns:minmax(0,1fr);gap:.75rem}.layer+.layer{margin-top:1.75rem}.layer+.layer::before{display:none}.layer--emphasis .nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.note{display:flex;align-items:baseline;gap:.6rem}.note strong{display:inline;font-size:1.15rem;margin:0}.home-lists{grid-template-columns:minmax(0,1fr);gap:2.5rem}}@media(max-width:560px){.topbar{padding-block:1rem}.topnav{gap:.9rem;font-size:.95rem}.wordmark{display:none}.year,.list .year{grid-template-columns:minmax(0,1fr);gap:.4rem}.posts li{flex-direction:column;gap:.15rem}.prose{font-size:1.125rem}.footer-inner{flex-direction:column}.project-list li{grid-template-columns:minmax(0,1fr)}.layer--emphasis .nodes{grid-template-columns:minmax(0,1fr)}}