@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,input{font:inherit}button{color:inherit}img,svg{vertical-align:middle}img{block-size:auto;max-inline-size:100%}}@layer vendor;@layer base{:root{color-scheme:light;--color-page:oklch(97% .008 85);--color-surface:oklch(99% .006 85);--color-text:oklch(27% .012 210);--color-muted:oklch(49% .018 210);--color-rule:oklch(85% .012 85);--color-accent:oklch(44% .065 195)}:root[data-theme=dark]{color-scheme:dark;--color-page:oklch(21% .012 210);--color-surface:oklch(27% .015 210);--color-text:oklch(89% .009 85);--color-muted:oklch(71% .016 195);--color-rule:oklch(35% .018 210);--color-accent:oklch(76% .065 185)}.prose{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:68ch;font-size:1.0625rem;line-height:1.8}.prose:lang(zh-Hans){max-inline-size:38em;line-height:1.95}.prose>:first-child{margin-block-start:0}.prose :is(p,ul,ol,blockquote,figure){margin-block:1.5rem}.prose h2{letter-spacing:-.03em;margin-block:3.3rem 1.3rem;font-size:1.6rem}.prose h3{margin-block:2.4rem 1rem;font-size:1.2rem}.prose a{text-decoration:underline;text-decoration-color:var(--color-rule);transition:color .18s}.prose a:hover{color:var(--color-accent)}.prose strong{font-weight:600}.prose li{margin-block:.6rem;padding-inline-start:.4rem}.prose blockquote{border-inline-start:2px solid var(--color-accent);color:var(--color-muted);padding-inline-start:1.5rem}.prose :not(pre)>code{font:.85em var(--font-mono);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:3px;padding:.15em .35em}.prose>pre{border:1px solid var(--color-rule);background:var(--color-surface);max-inline-size:100%;font:.78rem/1.8 var(--font-mono);tab-size:2;border-radius:3px;padding:1.5rem;overflow-x:auto}.prose>pre code{font:inherit}.prose .expressive-code{margin-block:2rem}.prose details{border-block:1px solid var(--color-rule);margin-block:2rem;padding-block:.5rem}.prose summary{cursor:pointer;padding-block:.5rem;font-weight:500}.prose table{border-collapse:collapse;max-inline-size:100%;margin-block:2rem;font-size:.85rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:start;border-block-end:1px solid var(--color-rule);min-inline-size:7rem;padding:.8rem 1.1rem}.prose th{font-weight:550}.prose hr{border:0;border-block-start:1px solid var(--color-rule);margin-block:3rem}.prose figcaption{color:var(--color-muted);margin-block-start:.8rem;font-size:.85rem}.prose figcaption p{margin:0}.prose figure img{border:1px solid var(--color-rule);inline-size:100%}.math-display{max-inline-size:100%;margin-block:1.5rem;padding-block:.75rem;overflow-x:auto}.prose .footnotes{border-block-start:1px solid var(--color-rule);margin-block-start:3rem;padding-block-start:1rem;font-size:.85rem}.prose .footnotes h2{font-size:1rem}@media (width<36rem){.prose>pre{padding-inline:1rem}}.lucide{stroke-width:1.5px;block-size:1.25rem;inline-size:1.25rem}html{background:var(--color-page);scrollbar-gutter:stable;scroll-padding-block-start:2rem}html:has(dialog:modal){overflow:hidden}body{color:var(--color-text);font:1rem/1.6 var(--font-prose)}a{color:inherit;text-underline-offset:.22em;text-decoration:none}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}::selection{background:color-mix(in oklch, var(--color-accent) 22%, transparent)}h1,h2,h3{text-wrap:balance;font-weight:500;line-height:1.16}h1{letter-spacing:-.055em;font-size:clamp(2.6rem,4.5vw,4.5rem)}h1:lang(zh-Hans){letter-spacing:-.025em;line-height:1.3}h2{font-size:1.2rem}h3{font-size:1.75rem}main{min-inline-size:0}main:focus{outline:none}.soft-text{color:var(--color-muted)}}@layer components{.license{color:var(--color-muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin-block:2rem;font-size:.75rem;display:flex}.license a{text-decoration:underline}.diagram-renderer{visibility:hidden;pointer-events:none;position:fixed;inset:0}.prose .diagram{border-block:1px solid var(--color-rule);text-align:center;margin-block:2rem;padding:1.5rem 1rem;line-height:1.5;overflow-x:auto}.diagram>svg{block-size:auto;min-inline-size:min(28rem,100%);margin-inline:auto;display:block}.site-shell{grid-template-columns:13rem minmax(0,1fr);column-gap:clamp(3rem,6vw,7rem);max-inline-size:94rem;margin-inline:auto;padding-inline:clamp(1.5rem,5vw,5.5rem);display:grid}.author-rail{flex-direction:column;align-self:start;block-size:100svh;max-block-size:65rem;padding-block:3.5rem 2.75rem;display:flex;position:sticky;inset-block-start:0}.identity{flex-direction:column;align-items:start;gap:1.4rem;inline-size:fit-content;display:flex}.identity-name{letter-spacing:-.025em;font-size:1.05rem;font-weight:550}.motto{color:var(--color-muted);margin-block-start:.6rem;font-size:.9rem;line-height:1.65}.main-nav{gap:.55rem;margin-block-start:4rem;display:grid}.nav-link{min-block-size:2.75rem;color:var(--color-muted);align-items:center;gap:1rem;transition:color .18s;display:flex}.nav-link:is(:hover,:focus-visible),.nav-link[aria-current=page]{color:var(--color-text)}.nav-icon{flex-shrink:0;block-size:1.125rem;inline-size:1.125rem}.nav-link[aria-current=page] .nav-icon{color:var(--color-accent)}.rail-bottom{margin-block-start:auto;padding-block-start:3rem}.language-link{min-block-size:2.75rem;color:var(--color-muted);white-space:nowrap;align-items:center;gap:.5rem;font-size:.8rem;display:inline-flex}.language-link .lucide{flex-shrink:0;block-size:1rem;inline-size:1rem}.language-link:hover{color:var(--color-accent)}.rail-tools{color:var(--color-muted);align-items:center;gap:.75rem;margin-block-start:1.5rem;font-size:.75rem;display:flex}.rail-tools>a{place-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;display:grid}.page-column{min-inline-size:0;container:page/inline-size}.page-top{border-block-end:1px solid var(--color-rule);color:var(--color-muted);justify-content:space-between;align-items:center;gap:1rem;padding-block:3.1rem 1.45rem;font-size:.8rem;display:flex}.site-footer{color:var(--color-muted);align-items:center;gap:1.5rem;margin-block-start:3rem;padding-block:2.8rem;font-size:.75rem;display:flex}.site-footer>span:nth-child(2){margin-inline-start:auto}.site-footer a{place-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;font-size:1rem;display:grid}.skip-link{z-index:10;background:var(--color-surface);padding:.8rem 1.4rem;position:fixed;inset:0 auto auto 1rem;translate:0 -150%}.skip-link:focus{translate:0 1rem}@media (width>=54rem) and (height<40rem){.author-rail{block-size:auto;position:static}}@media (width<75rem){.site-shell{grid-template-columns:10rem minmax(0,1fr);gap:3rem;padding-inline:2.5rem}}@media (width<54rem){.site-shell{padding-inline:1.5rem;display:block}.author-rail{grid-template-columns:1fr auto;gap:1.2rem;block-size:auto;max-block-size:none;padding-block:1.5rem 0;display:grid;position:static}.identity{flex-direction:row;align-items:center;gap:1rem}.identity-name{font-size:.95rem}.motto{display:none}.main-nav{border-block-end:1px solid var(--color-rule);grid-area:2/1/auto/-1;gap:2rem;margin:0;padding-block-end:.5rem;display:flex}.nav-link{gap:.5rem;font-size:.85rem}.rail-bottom{align-items:center;gap:1rem;margin:0;padding:0;display:flex}.rail-tools{margin:0}.rail-tools>a{display:none}.language-link{font-size:.7rem}.page-top{border:0;padding-block:1.2rem 0;font-size:.7rem}.site-footer{margin-block-start:1.5rem}}@media (width<36rem){.page-top>a{display:none}.author-rail{column-gap:.75rem}.identity{gap:.5rem}.identity>svg{block-size:2rem;inline-size:2rem}.identity-name{white-space:nowrap}.rail-bottom{gap:.25rem}.site-footer{flex-wrap:wrap;gap:.5rem}.site-footer>span:nth-child(2){flex-basis:80%;order:2;margin:0}.site-footer a{margin-inline-start:auto}}.eyebrow{color:var(--color-muted);align-items:center;gap:.6rem;font-size:.72rem;line-height:1.6;display:flex}.text-link{border-block-end:1px solid var(--color-rule);align-items:center;gap:2rem;padding-block:.45rem;font-size:.8rem;transition:border-color .18s;display:inline-flex}.text-link:is(:hover,:focus-visible){border-color:var(--color-accent)}.section-heading{border-block-end:1px solid var(--color-rule);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:0 1.3rem;display:flex}.section-heading h2{font-size:.95rem}.section-count{color:var(--color-muted);font:.75rem var(--font-mono)}.page-heading{padding-block:5rem 4rem}.page-heading h1{margin-block:1.2rem 1.5rem}.lead{color:var(--color-muted);text-wrap:pretty;max-inline-size:44rem;font-size:1.2rem;line-height:1.8}@media (width<54rem){.page-heading{padding-block:3.5rem}}@media (width<36rem){.section-heading h2{font-size:.9rem}.lead{font-size:1.1rem}}.not-found{padding-block:6rem}.not-found h1{margin-block:2rem}.not-found p{color:var(--color-muted);max-inline-size:35rem;margin-block-end:1rem}.error-links{color:var(--color-accent);gap:3rem;margin-block-start:2.5rem;display:flex}.post-title{display:inline-block}.topic-links{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.25rem 1rem;font-size:.75rem;display:flex}nav.topic-links{margin-block:1.5rem}.post-list-container{container:articles/inline-size}.post-list{grid-template-columns:8.6rem minmax(0,1fr);display:grid}.post-row{grid-column:1/-1;grid-template-columns:subgrid;border-block-end:1px solid var(--color-rule);padding-block:2.5rem;display:grid}.post-date{color:var(--color-muted);align-content:start;gap:.7rem;padding-block-start:.12rem;font-size:.75rem;display:grid}.post-number{color:var(--color-accent);font:.62rem var(--font-mono)}.post-kind{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.25rem .8rem;font-size:.75rem;display:flex}.topic-links a,.post-kind a{align-items:center;min-block-size:2rem;display:inline-flex}.post-summary{min-inline-size:0}.post-summary :is(h2,h3){letter-spacing:-.03em;margin-block:.75rem;font-size:clamp(1.3rem,2.5cqi,1.8rem)}.post-summary :is(h2,h3) a{justify-content:space-between;align-items:start;gap:1.5rem;display:flex}.post-summary :is(h2,h3) svg{color:var(--color-muted);flex-shrink:0;margin-block-start:.3rem;transition:color .18s}.topic-links a:hover,.post-kind a:hover{color:var(--color-accent);text-decoration:underline}.post-summary :is(h2,h3) a:is(:hover,:focus-visible),.post-summary :is(h2,h3) a:is(:hover,:focus-visible) svg{color:var(--color-accent)}.post-summary p{max-inline-size:41rem;color:var(--color-muted);font-size:.9rem;line-height:1.8}.read-time{color:var(--color-muted);margin-block-start:1rem;font-size:.75rem;display:block}@container articles (width<32rem){.post-list{grid-template-columns:minmax(0,1fr)}.post-date{justify-content:space-between;padding-block-end:1rem;display:flex}.post-row{padding-block:1.8rem}.post-summary :is(h2,h3){font-size:1.45rem}}}@layer utilities{[hidden]{display:none}@media print{:root,:root[data-theme=dark]{color-scheme:light;--color-page:oklch(100% 0 0);--color-surface:oklch(100% 0 0);--color-text:oklch(20% 0 0);--color-muted:oklch(40% 0 0);--color-rule:oklch(75% 0 0);--color-accent:oklch(30% 0 0)}html{scrollbar-gutter:auto;overflow:visible}.author-rail,.page-top,.site-footer,.back-link,.toc,.related-section,.expressive-code .copy,.search-dialog,.about-mark,.spatial-figure{display:none}.site-shell,.reading-layout{padding:0;display:block}h1,h2,h3{break-after:avoid}.article-heading h1{max-inline-size:none;font-size:28pt}.prose{max-inline-size:none;font-size:11pt}.expressive-code .code,.expressive-code .code span{color:var(--color-text)}.prose pre{white-space:pre-wrap;overflow-wrap:anywhere}.prose .diagram,.math-display{overflow:visible}.diagram>svg{min-inline-size:0;max-inline-size:100%}figure,.note,.math-display{break-inside:avoid}}}::view-transition{pointer-events:none}::view-transition-group(article-title){z-index:1;animation-duration:.72s;animation-timing-function:cubic-bezier(.34,0,.16,1)}::view-transition-old(article-title),::view-transition-new(article-title){object-fit:contain;object-position:left center;mix-blend-mode:normal;block-size:100%}::view-transition-old(article-title){animation:.12s linear both title-out}::view-transition-new(article-title){animation:.12s linear both title-in}@keyframes title-out{0%{opacity:1}to{opacity:0}}@keyframes title-in{0%{opacity:0}to{opacity:1}}:root[data-title-transition]::view-transition-new(root){animation-duration:.4s;animation-delay:.32s}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}@keyframes page-leave{to{opacity:0}}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes page-return{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:0s;animation-duration:0s}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}