@font-face{font-family:NeoXiHei Code;src:url(/fonts/neoxihei-code-1.305.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LXGW WenKai Screen;src:url(/fonts/lxgw-wenkai-screen-1.522.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--color-accent:oklch(54% .14 35);--color-accent-hover:color-mix(in oklch, var(--color-accent), black 12%);--color-accent-soft:color-mix(in oklch, var(--color-accent), transparent 84%);--color-on-accent:oklch(99% .003 100);--color-bg:oklch(99% .003 100);--color-surface:oklch(96.5% .004 100);--color-text:oklch(25% .01 250);--color-muted:oklch(50% .012 250);--color-line:oklch(86% .008 100);--color-line-strong:oklch(72% .012 120);--color-soft:oklch(94% .006 100);--font-display:"NeoXiHei Code", "LXGW WenKai Screen", ui-monospace, monospace;--font-body:"LXGW WenKai Screen", "NeoXiHei Code", sans-serif;--font-mono:"NeoXiHei Code", "LXGW WenKai Screen", ui-monospace, monospace;--content-width:1160px;--prose-width:80ch;--page-pad:clamp(1rem, 3vw, 2rem);--card-pad:clamp(1.5rem, 3vw, 2.25rem);--baseline:1.5rem;--hairline:1px solid var(--color-line);--focus-ring:0 0 0 3px var(--color-accent-soft)}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-accent:oklch(72% .13 42);--color-accent-hover:color-mix(in oklch, var(--color-accent), white 10%);--color-accent-soft:color-mix(in oklch, var(--color-accent), transparent 78%);--color-on-accent:oklch(18% .009 250);--color-bg:oklch(18% .009 250);--color-surface:oklch(22% .01 250);--color-text:oklch(93% .006 95);--color-muted:oklch(69% .012 250);--color-line:oklch(34% .012 250);--color-line-strong:oklch(44% .016 230);--color-soft:oklch(26% .01 250)}}:root[data-theme=light]{color-scheme:light;--color-accent:oklch(54% .14 35);--color-accent-hover:color-mix(in oklch, var(--color-accent), black 12%);--color-accent-soft:color-mix(in oklch, var(--color-accent), transparent 84%);--color-on-accent:oklch(99% .003 100);--color-bg:oklch(99% .003 100);--color-surface:oklch(96.5% .004 100);--color-text:oklch(25% .01 250);--color-muted:oklch(50% .012 250);--color-line:oklch(86% .008 100);--color-line-strong:oklch(72% .012 120);--color-soft:oklch(94% .006 100)}:root[data-theme=dark]{color-scheme:dark;--color-accent:oklch(72% .13 42);--color-accent-hover:color-mix(in oklch, var(--color-accent), white 10%);--color-accent-soft:color-mix(in oklch, var(--color-accent), transparent 78%);--color-on-accent:oklch(18% .009 250);--color-bg:oklch(18% .009 250);--color-surface:oklch(22% .01 250);--color-text:oklch(93% .006 95);--color-muted:oklch(69% .012 250);--color-line:oklch(34% .012 250);--color-line-strong:oklch(44% .016 230);--color-soft:oklch(26% .01 250)}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-body);text-rendering:optimizelegibility;scroll-padding-top:6rem;font-size:16px}body{background:var(--color-bg);min-width:320px;margin:0}::selection{background:var(--color-accent-soft);color:var(--color-text)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}a:not(.brand,.button){background-image:linear-gradient(var(--color-accent), var(--color-accent));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .18s,color .18s}a:not(.brand,.button):hover{color:var(--color-accent-hover);background-size:100% 1px}:focus-visible{outline:1px solid var(--color-accent);outline-offset:3px;box-shadow:var(--focus-ring)}.site-header,.site-footer,.section{width:min(var(--content-width), calc(100% - var(--page-pad) * 2));margin-inline:auto}.site-header{z-index:100;padding-block:calc(var(--baseline) * .85);background:var(--color-bg);border-bottom:var(--hairline);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:.75rem;font-weight:700;display:inline-flex}.brand-mark{border-left:1px solid var(--color-accent);border-right:1px solid var(--color-accent);width:.95rem;height:1.85rem}.site-nav{justify-content:center;gap:clamp(.75rem,2vw,1.6rem);display:flex}.site-nav a{color:var(--color-muted);padding:.5rem 0;font-size:.88rem;font-weight:600}.site-nav a[aria-current=page]{color:var(--color-text);background-size:100% 1px}.theme-toggle{border:var(--hairline);background:var(--color-bg);width:2.35rem;height:2.35rem;color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;transition:border-color .18s,color .18s;display:grid}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle span{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:1px solid;border-radius:50%;width:.88rem;height:.88rem}.hero{border-bottom:var(--hairline);align-content:center;min-height:64vh;padding-block:clamp(3.5rem,8vw,6rem);display:grid;position:relative}.hero>*{animation:.56s both keel-enter}.hero>:nth-child(2){animation-delay:90ms}.hero>:nth-child(3){animation-delay:.18s}.hero>:nth-child(4){animation-delay:.27s}.hero-profile{margin-bottom:calc(var(--baseline) * .5);flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;display:flex}.hero-profile .eyebrow{margin:0}.hero-avatar{border:1px solid var(--color-line);object-fit:cover;background:var(--color-soft);border-radius:50%;width:5.5rem;height:5.5rem}.section{padding-block:clamp(3.5rem,5.5vw,5.5rem)}.page-head{border-bottom:var(--hairline);position:relative}.page-head:after,.split-overview>div:first-child:after{content:"";width:4.5rem;height:1px;margin-top:calc(var(--baseline) * 1.25);background:var(--color-accent);display:block}.eyebrow{margin:0 0 calc(var(--baseline) * .85);color:var(--color-accent);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:2.25rem;height:1px}h1,h2,h3,.eyebrow,.brand,p{margin-top:0}h1,h2,h3{max-width:30ch;font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 20, "WONK" 1;letter-spacing:0;text-wrap:balance;font-weight:650}h1{margin-bottom:calc(var(--baseline) * 1.1);font-size:clamp(2.75rem,6vw,5rem);line-height:1.1}h2{margin-bottom:var(--baseline);font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}h3{margin-bottom:calc(var(--baseline) * .4);font-size:1.3rem;line-height:1.3}p{line-height:1.75}.lead{max-width:72ch;color:var(--color-muted);text-wrap:balance;font-size:clamp(1.1rem,1.6vw,1.28rem);line-height:1.85}.action-row{margin-top:calc(var(--baseline) * 1.5);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.button{border:1px solid var(--color-accent);background:var(--color-accent);min-height:2.85rem;color:var(--color-on-accent);justify-content:center;align-items:center;padding:.72rem 1.05rem;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.button:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.text-link{font-weight:700}.split-overview,.prose-grid{grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr);gap:clamp(2.5rem,7vw,6rem);display:grid}.feature-list{background:var(--color-line);border:var(--hairline);gap:1px;display:grid}.feature-list article{min-height:10rem;padding:var(--card-pad);background:var(--color-bg);position:relative}.feature-list article:before{content:"";top:0;left:var(--card-pad);width:1px;height:calc(var(--card-pad) - .5rem);background:var(--color-accent);position:absolute}.feature-list p,.prose-grid p,.empty-state p{max-width:var(--prose-width);color:var(--color-muted)}.empty-state{padding-block:calc(var(--baseline) * 2) calc(var(--baseline) * 4);border-bottom:var(--hairline)}code{border:var(--hairline);background:var(--color-soft);font-family:var(--font-mono);border-radius:3px;padding:.08rem .28rem;font-size:.9em}pre{padding:var(--baseline);border:var(--hairline);background:var(--color-soft);font-family:var(--font-mono);font-size:.92rem;line-height:1.7;overflow-x:auto}pre code{background:0 0;border:0;padding:0}.code-block{position:relative}.code-copy{border:var(--hairline);background:var(--color-bg);color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;opacity:0;padding:.25rem .6rem;font-size:.72rem;font-weight:700;transition:opacity .18s,border-color .18s,color .18s;position:absolute;top:.6rem;right:.6rem}.code-block:hover .code-copy,.code-copy:focus-visible,.code-copy.is-copied{opacity:1}.code-copy:hover,.code-copy.is-copied{border-color:var(--color-accent);color:var(--color-accent)}@media (hover:none){.code-copy{opacity:1}}.content-index,.article-layout{grid-template-columns:minmax(11rem,.45fr) minmax(0,1.55fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.article-layout.no-toc{grid-template-columns:minmax(0,1fr)}.article-layout.no-toc .prose{max-width:var(--prose-width);font-size:1.125rem}.index-sidebar,.article-toc{position:sticky;top:1.5rem}.article-toc{max-height:calc(100vh - 3rem);overflow-y:auto}.tag-cloud,.article-toc nav,.tech-list{flex-wrap:wrap;gap:.65rem;margin:0;padding:0;display:flex}.tag-cloud a,.tech-list li{border:var(--hairline);background:var(--color-bg);min-height:2.1rem;color:var(--color-muted);align-items:center;padding:.35rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.tech-list{list-style:none}.entry-list,.work-list{background:var(--color-line);border:var(--hairline);gap:1px;display:grid}.entry-card,.work-card{background:var(--color-bg);min-height:13rem;padding:clamp(1.5rem,4vw,3rem)}.work-card{grid-template-columns:minmax(10rem,.38fr) minmax(0,.82fr) minmax(16rem,1fr);align-items:start;gap:clamp(1.25rem,4vw,3rem);display:grid}.entry-card h2,.work-card h2{max-width:34ch;font-size:clamp(1.6rem,3vw,2.75rem);line-height:1.2}.entry-card p,.work-card p,.prose p,.prose li{color:var(--color-muted)}.entry-meta{margin-bottom:var(--baseline);color:var(--color-muted);letter-spacing:0;text-transform:uppercase;flex-wrap:wrap;gap:.45rem 1rem;font-size:.78rem;font-weight:700;display:flex}.entry-tags{flex-wrap:wrap;gap:.2rem .6rem;display:inline-flex}.entry-tags a+a:before{color:var(--color-line-strong);content:"/";margin-right:.6rem}.article-head .entry-meta{margin-top:calc(var(--baseline) * 1.35)}.pagination{margin-top:var(--baseline);color:var(--color-muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.78rem;font-weight:700;display:flex}.pagination a{border:var(--hairline);background:var(--color-bg);min-height:2.1rem;color:var(--color-text);align-items:center;padding:.35rem .9rem;display:inline-flex}#search{max-width:var(--prose-width);--pagefind-ui-scale:.9;--pagefind-ui-primary:var(--color-accent);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-bg);--pagefind-ui-border:var(--color-line);--pagefind-ui-tag:var(--color-soft);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:0;--pagefind-ui-image-border-radius:0;--pagefind-ui-font:var(--font-body)}.search-fallback{border:var(--hairline);color:var(--color-muted);background:var(--color-surface);margin:0;padding:1rem 1.25rem}.article-image{width:100%;height:auto;margin-top:calc(var(--baseline) * 2);border:var(--hairline);display:block}.post-nav-section{padding-block-start:0}.post-nav{background:var(--color-line);border:var(--hairline);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.post-nav>*{background:var(--color-bg);padding:clamp(1.25rem,3vw,2rem)}.post-nav a{background-image:none;align-content:start;gap:.55rem;display:grid}.post-nav-label{color:var(--color-muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.post-nav-title{font-family:var(--font-display);font-size:1.2rem;font-weight:650;line-height:1.2}.post-nav-next{text-align:right}.related-list{border-top:var(--hairline);margin:0;padding:0;list-style:none}.related-list li{padding-block:calc(var(--baseline) * .85);border-bottom:var(--hairline);flex-wrap:wrap;justify-content:space-between;gap:.45rem 1rem;display:flex}.related-list a{font-family:var(--font-display);font-size:1.1rem;font-weight:650}.related-list time{color:var(--color-muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.article-toc nav{flex-direction:column;align-items:flex-start}.article-toc a{color:var(--color-muted);font-size:.9rem;font-weight:700}.article-toc a[data-depth="3"]{padding-left:.8rem;font-size:.82rem;font-weight:500}.prose{max-width:var(--prose-width);font-size:1.125rem}.prose h2,.prose h3{max-width:100%;margin-top:calc(var(--baseline) * 2.2)}.prose h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.25}.prose h3{font-size:clamp(1.3rem,2vw,1.55rem);line-height:1.35}.prose h4,.prose h5,.prose h6{margin-top:calc(var(--baseline) * 1.6);margin-bottom:calc(var(--baseline) * .5);font-family:var(--font-display);font-weight:650;line-height:1.4}.prose h4{font-size:1.15rem}.prose h5{font-size:1.05rem}.prose h6{font-size:.95rem}.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose a{font-weight:700}.prose ul,.prose ol{padding-left:1.2rem}.prose pre{margin-block:calc(var(--baseline) * 1.5)}.astro-code,.astro-code span{color:var(--shiki-light);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);text-decoration:var(--shiki-light-text-decoration);background-color:#0000}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}.section-heading{gap:0 var(--baseline);margin-bottom:calc(var(--baseline) * 1.5);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.section-heading .eyebrow,.section-heading h2{grid-column:1}.section-heading .text-link{grid-area:2/2;align-self:center}.index-feed{border-top:var(--hairline)}.highlight-grid{background:var(--color-line);border:var(--hairline);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.highlight-card,.note-row,.about-ledger article{background:var(--color-bg);position:relative}.highlight-card{align-content:start;min-height:22rem;display:grid}.highlight-card>div{padding:clamp(1.25rem,3vw,2rem)}.highlight-card img,.note-row img{border-bottom:var(--hairline);background:var(--color-soft);width:100%;height:auto;display:block}.highlight-card h3,.note-row h3{max-width:32ch}.highlight-card p,.note-row p{color:var(--color-muted)}.meta{margin-bottom:calc(var(--baseline) * .45);color:var(--color-accent);font-family:var(--font-mono);font-size:.76rem}.tag-list{margin:var(--baseline) 0 0;flex-wrap:wrap;gap:.45rem;padding:0;list-style:none;display:flex}.tag-list li{border:var(--hairline);color:var(--color-muted);font-family:var(--font-mono);padding:.2rem .45rem;font-size:.72rem}.note-list{border-top:var(--hairline)}.note-row{padding-block:calc(var(--baseline) * 1.35);border-bottom:var(--hairline);grid-template-columns:minmax(0,.38fr) minmax(0,1fr);gap:clamp(1.25rem,4vw,3rem);display:grid}.note-row:not(:has(img)){grid-template-columns:1fr}.empty-state.compact{padding-block:calc(var(--baseline) * 1.25);border-block:var(--hairline)}.prose-stack>*+*{margin-top:var(--baseline)}.about-ledger{background:var(--color-line);border:var(--hairline);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.about-ledger article{min-height:15rem;padding:var(--card-pad)}.about-ledger span{margin-bottom:calc(var(--baseline) * 1.8);color:var(--color-accent);font-family:var(--font-mono);font-size:.78rem;display:block}.about-ledger article:before{content:"";top:0;left:var(--card-pad);width:1px;height:calc(var(--card-pad) - .5rem);background:var(--color-accent);position:absolute}.about-ledger p{color:var(--color-muted)}.prose-grid:has(+.section .about-ledger){padding-block-end:clamp(2rem,4vw,3.5rem)}.section:has(.about-ledger){padding-block-start:clamp(2rem,4vw,3.5rem)}.about-closing{border-top:var(--hairline)}.site-footer{padding-block:calc(var(--baseline) * 1.3);border-top:var(--hairline);color:var(--color-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem 1.5rem;font-size:.88rem;line-height:1.4;display:grid}.site-footer p{justify-self:start;margin:0}.footer-links{justify-self:center;gap:1.25rem;display:flex}.social-links{justify-self:end;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.social-links a{border:var(--hairline);width:2.1rem;height:2.1rem;color:var(--color-muted);background-image:none;place-items:center;transition:border-color .18s,color .18s;display:grid}.social-links a:hover{border-color:var(--color-accent);color:var(--color-accent)}@keyframes keel-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=760px){.site-header{grid-template-columns:1fr auto}.theme-toggle{grid-area:1/2;justify-self:end}.site-nav{grid-area:2/1/auto/-1;justify-content:flex-start;overflow-x:auto}.split-overview,.prose-grid,.highlight-grid,.about-ledger,.content-index,.article-layout,.work-card{grid-template-columns:1fr}.index-sidebar,.article-toc{position:static}.article-toc{max-height:none;overflow:visible}.section-heading{grid-template-columns:1fr}.section-heading .text-link{grid-area:auto/1;justify-self:start}.note-row{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr auto}.site-footer>p{grid-column:1/-1;justify-self:start}.footer-links{justify-self:start}.post-nav{grid-template-columns:1fr}.post-nav>span{display:none}.post-nav-next{text-align:left}h1,h2,h3{max-width:100%}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}