@font-face{font-family:LocalSans;src:local("Inter"),local("Arial");font-display:swap}
:root{--bg:#09090b;--surface:#101012;--soft:#18181c;--text:#ededf0;--muted:#9999a3;--faint:#7b7b86;--border:#25252b;--border-hover:#46464e;--accent:#80e4ac;--button:#f4f4f5;--button-text:#151518;--header:rgba(9,9,11,.88);--grid:rgba(255,255,255,.035);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:LocalSans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
[data-theme="light"]{--bg:#fafafa;--surface:#fff;--soft:#f1f1f4;--text:#202024;--muted:#63636e;--faint:#74747e;--border:#e1e1e7;--border-hover:#aaaab4;--accent:#187f49;--button:#202024;--button-text:#fff;--header:rgba(250,250,250,.9);--grid:rgba(0,0,0,.035);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font:14px/1.7 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button,a,input{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#6cd99b33}.container{width:min(1120px,calc(100% - 80px));margin-inline:auto}.mono{font-family:var(--mono)}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.skip-link{position:fixed;z-index:100;top:-60px;left:16px;padding:10px 18px;background:var(--button);color:var(--button-text);border-radius:5px}.skip-link:focus{top:12px}.heading-dot{color:var(--accent);margin-left:2px}.cursor{font-weight:400;color:var(--accent);animation:blink 1.5s step-end infinite}@keyframes blink{50%{opacity:0}}.section-kicker{font-size:10px;color:var(--faint);letter-spacing:1.7px;margin-bottom:10px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);transition:color .2s}.text-link:hover{color:var(--text)}.text-link .icon{width:15px;height:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;border-radius:6px;padding:9px 15px;border:1px solid var(--border)}.button-secondary{background:var(--surface);color:var(--text)}.button:hover{border-color:var(--border-hover)}
.site-header{position:sticky;top:0;height:74px;z-index:30;border-bottom:1px solid var(--border);background:var(--header);backdrop-filter:blur(18px)}.nav-shell{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;letter-spacing:-.5px}.brand-suffix{color:var(--faint);font-size:14px;font-weight:400}.brand-mark{position:relative;font:600 26px/1 var(--mono);letter-spacing:-4px;width:30px}.brand-mark span{font-weight:400}.brand-mark i{position:absolute;right:2px;top:-2px;width:4px;height:4px;background:var(--accent);border-radius:50%}.desktop-nav{display:flex;gap:32px;margin-left:70px}.nav-link{position:relative;font-size:12px;color:var(--muted)}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{position:absolute;content:"";height:2px;bottom:-27px;left:0;right:0;background:var(--text)}.nav-actions{display:flex;align-items:center;gap:11px}.search-trigger{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--muted);padding:5px 8px 5px 10px;border:1px solid var(--border);border-radius:6px}.search-trigger:hover{border-color:var(--border-hover)}.search-trigger .icon{height:13px;width:13px}kbd{font:10px var(--mono);border:1px solid var(--border);padding:2px 4px;border-radius:3px;background:var(--soft);color:var(--muted)}.nav-divider{width:1px;height:18px;background:var(--border);margin-inline:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;color:var(--muted)}.icon-button:hover{color:var(--text);background:var(--soft)}.mobile-menu-button{display:none}.mobile-nav{position:absolute;top:82px;left:20px;right:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:0 12px 40px #0004}.mobile-nav a{display:block;padding:11px 14px;border-radius:4px}.mobile-nav a:hover{background:var(--soft)}
.blog-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(black,transparent 95%);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:85px;padding-block:63px 65px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.1px;color:var(--muted);margin-bottom:22px}.eyebrow .status-dot{width:5px;height:5px}.blog-hero h1{font-size:55px;line-height:1.25;letter-spacing:-2.5px;margin:0 0 20px;font-weight:650}.text-gradient{color:transparent;background:linear-gradient(110deg,#e4e4e9,#8d8d9c);background-clip:text}[data-theme="light"] .text-gradient{background-image:linear-gradient(110deg,#3f3f46,#858591)}.hero-description{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 25px;max-width:460px}.hero-topics{display:flex;gap:23px;font-size:11px;color:var(--muted)}.hero-topics>span{display:flex;align-items:center;gap:7px}.category-dot{display:inline-block;width:5px;height:5px;flex:none;border-radius:50%}.category-0{background:#83ba9c}.category-1{background:#b4a0d8}.category-2{background:#89a4d8}.readme-card{border:1px solid #34343b;background:linear-gradient(115deg,#18181d,#111114);border-radius:9px;transform:rotate(-1.4deg);box-shadow:0 16px 45px #0002;overflow:hidden}.readme-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid #2c2c33;font-size:10px;color:#8c8c99;background:#19191d}.readme-bar>span:first-child{display:flex;gap:5px}.readme-bar i{width:6px;height:6px;background:#55555e;border-radius:50%}.readme-bar i:first-child{background:#a66e6b}.readme-bar i:nth-child(2){background:#a3915c}.readme-bar i:nth-child(3){background:#639174}.readme-body{padding:21px 22px;font-size:11px;line-height:2.2;color:#b9b9c4}.readme-body p{margin:6px 0 11px}.readme-comment{color:#8d9f94;font-size:10px}.readme-body>div{margin-bottom:12px}.readme-marker{color:#80c99c;margin-right:7px}.readme-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8c8c98;padding:8px 12px;border-top:1px solid #2a2a31}.readme-foot>span:first-child{display:flex;align-items:center;gap:6px}.readme-foot .status-dot{width:4px;height:4px}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:65px;padding-top:52px;padding-bottom:68px}.posts-section{min-width:0;scroll-margin-top:14px}.list-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.list-heading h2{font-size:25px;font-weight:550;letter-spacing:-.6px;margin:0;line-height:1.5}.list-heading .text-link{font-size:11px;margin-bottom:4px}.posts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;border-bottom:1px solid var(--border);padding-bottom:15px}.category-tabs{display:flex;gap:5px;flex-wrap:wrap}.category-tab{padding:6px 8px;display:flex;align-items:center;gap:6px;font-size:11px;border:1px solid transparent;border-radius:5px;white-space:nowrap;color:var(--muted)}.category-tab>span{font:9px var(--mono);color:var(--faint)}.category-tab.active{color:var(--text);border-color:var(--border);background:var(--soft)}.category-tab:hover{color:var(--text)}.inline-search{display:flex;align-items:center;gap:6px;color:var(--faint);max-width:124px;flex:1}.inline-search .icon{width:13px;height:13px}.inline-search input{border:0;background:none;color:var(--text);width:100%;font-size:11px;outline:none;padding:6px 0}.inline-search input::placeholder{color:var(--faint)}.inline-search input:focus-visible{outline:none}.inline-search:focus-within{box-shadow:0 1px var(--accent)}.filter-summary{display:flex;align-items:center;justify-content:space-between;min-height:38px;font-size:10px;color:var(--faint)}.reset-filters{padding:3px 0;font-size:10px;color:var(--accent)}.post-row{border-bottom:1px solid var(--border);transition:background .2s}.post-link{display:block;padding:25px 0}.post-row:hover{background:var(--surface)}.post-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:10px;color:var(--faint);line-height:1.6}.post-meta time{font-family:var(--mono);font-size:9px;letter-spacing:.2px}.meta-dot{color:var(--faint);font-size:10px}.example-label{border:1px solid var(--border);font-size:8px;padding:1px 5px;border-radius:3px;color:var(--faint)}.pinned-label{font-size:8px;padding:1px 5px;border-radius:3px;background:#80e4ac0b;border:1px solid #80e4ac25;color:var(--accent)}.post-row h3{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;font-size:20px;font-weight:550;letter-spacing:-.4px;line-height:1.7;margin:10px 0 9px}.post-row h3>.icon{color:var(--faint);width:17px;height:17px;margin-top:8px;transition:transform .2s,color .2s}.post-row:hover h3>.icon{color:var(--accent);transform:translate(2px,-2px)}.post-row p{font-size:12px;line-height:1.9;color:var(--muted);max-width:620px;margin:0 0 18px}.post-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.post-tags{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--faint)}.read-time{font-size:9px;color:var(--faint);flex:none}.read-time>span{margin-left:7px}.featured-post{border:1px solid var(--border);border-radius:8px;background:linear-gradient(110deg,var(--surface),var(--bg));margin:0 0 10px;position:relative;overflow:hidden}.featured-post:before{position:absolute;content:"";height:2px;left:22px;top:0;width:32px;background:var(--accent);opacity:.8}.featured-post .post-link{padding:22px}.featured-post h3{font-size:21px;margin-top:12px;line-height:1.7}.featured-post p{font-size:12px;line-height:1.9}.list-end{text-align:center;color:var(--faint);font-size:9px;padding-top:34px;letter-spacing:.3px}.list-end>span{display:block;font-size:16px;letter-spacing:6px;margin-bottom:9px}.empty-state{padding:50px 20px;text-align:center;color:var(--muted);border-bottom:1px solid var(--border)}.empty-state>.icon{width:24px;height:24px;color:var(--faint)}.empty-state h3{font-size:17px;font-weight:500;margin:14px 0 6px}.empty-state p{font-size:12px;margin-bottom:18px}.blog-sidebar{min-width:0;padding-top:5px}.sidebar-sticky{position:sticky;top:105px}.author-card{padding:24px 22px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.author-avatar{font-size:24px;font-weight:500;letter-spacing:-2px;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--border-hover);border-radius:12px;background:linear-gradient(135deg,#80e4ac11,transparent);position:relative;margin-bottom:17px}.author-avatar>span{position:absolute;width:8px;height:8px;border:2px solid var(--surface);background:var(--accent);border-radius:50%;bottom:-2px;right:-2px}.author-card h2{font-size:17px;font-weight:550;letter-spacing:-.3px;margin:0 0 10px}.author-card>p{font-size:11px;line-height:1.95;color:var(--muted);margin:0 0 16px}.author-card>.text-link{font-size:10px}.author-stats{display:flex;border-top:1px solid var(--border);margin-top:22px;gap:22px;padding-block:15px}.author-stats>span{font-size:9px;color:var(--faint);display:flex;align-items:baseline;gap:5px}.author-stats strong{font:16px var(--mono);color:var(--text);font-weight:400}.sidebar-categories{padding-block:28px 20px}.sidebar-title{font-size:9px;font-weight:400;letter-spacing:1.2px;color:var(--faint);margin:0 0 14px;display:block}.sidebar-categories>a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:11px;color:var(--muted)}.sidebar-categories>a>span:first-child{display:flex;gap:9px;align-items:center}.sidebar-categories>a>span:last-child{font-size:9px;color:var(--faint)}.sidebar-categories b{font-weight:400;margin-left:12px;color:var(--faint)}.sidebar-categories>a:hover{color:var(--text)}.rss-card{display:flex;align-items:center;gap:11px;border:1px solid var(--border);padding:14px;border-radius:7px;transition:border-color .2s}.rss-card:hover{border-color:var(--border-hover)}.rss-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--border);border-radius:5px;color:var(--muted);flex:none}.rss-icon .icon{width:14px;height:14px}.rss-card>div{flex:1}.rss-card strong{font-size:11px;font-weight:500}.rss-card p{font-size:9px;color:var(--faint);margin:3px 0 0}.rss-card>.icon{width:13px;height:13px;color:var(--faint)}.sidebar-note{display:flex;align-items:flex-start;gap:8px;margin-top:22px}.sidebar-note>.status-dot{width:4px;height:4px;margin-top:7px;background:var(--faint)}.sidebar-note p{font-size:10px;line-height:1.9;color:var(--faint);margin:0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:25px 29px;border-top:1px solid var(--border)}.site-footer>div:first-child{display:flex;align-items:center;gap:22px}.footer-brand{font-size:12px;font-weight:550}.footer-brand>span{color:var(--accent)}.site-footer>div:first-child>span{font-size:10px;color:var(--faint)}.footer-right{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:10px}.footer-right .icon{height:11px;width:11px;margin-left:2px}.footer-right>a:hover{color:var(--text)}
.post-page{padding-top:37px;padding-bottom:65px}.back-link{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:30px}.back-link:hover{color:var(--text)}.post-header{max-width:850px;padding-bottom:36px;border-bottom:1px solid var(--border);margin-bottom:35px}.post-header>.post-meta{font-size:11px}.post-header h1{font-size:40px;line-height:1.5;letter-spacing:-1px;margin:18px 0 13px;font-weight:600}.post-header>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:730px;margin:0 0 23px}.post-byline{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.byline-avatar{display:grid;place-items:center;border:1px solid var(--border-hover);border-radius:7px;width:27px;height:27px;font-size:14px;color:var(--text);letter-spacing:-1px}.post-byline>span:last-child{color:var(--faint);font-size:9px;margin-left:7px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:70px}.article-column{min-width:0}.prose{font-size:15px;line-height:2;color:#b8b8c3;overflow-wrap:anywhere}[data-theme="light"] .prose{color:#4e4e58}.prose>p{margin:0 0 23px}.prose h2{font-size:23px;line-height:1.6;font-weight:550;color:var(--text);margin:38px 0 18px;letter-spacing:-.4px;scroll-margin-top:105px}.prose h3{font-size:19px;font-weight:550;color:var(--text);margin:30px 0 15px;scroll-margin-top:105px}.prose h2:first-child{margin-top:0}.prose a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border-hover);text-underline-offset:4px}.prose a:hover{color:var(--accent)}.prose strong{font-weight:550;color:var(--text)}.prose blockquote{border-left:2px solid var(--accent);margin:30px 0;padding:3px 0 3px 20px;color:var(--text)}.prose blockquote p{margin:0}.prose ul,.prose ol{padding-left:24px;margin:20px 0}.prose li{padding-left:3px;margin-bottom:9px}.prose li::marker{color:var(--faint)}.prose img{max-width:100%;height:auto;display:block;border-radius:7px;margin:25px auto}.prose hr{border:0;border-top:1px solid var(--border);margin:35px 0}.prose code{font:12px/1.8 var(--mono);padding:3px 5px;border:1px solid var(--border);border-radius:4px;background:var(--soft);color:var(--text)}.prose pre{position:relative;overflow:auto;padding:43px 22px 22px;border:1px solid var(--border);background:var(--surface);border-radius:7px;margin:25px 0;line-height:1.7}.prose pre code{padding:0;border:0;background:none;font-size:12px;tab-size:2;white-space:pre;color:var(--text)}.code-label{position:absolute;top:10px;left:15px;font:9px var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:1px}.copy-code{position:absolute;top:6px;right:8px;display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);padding:4px 6px;background:var(--surface);border-radius:4px}.copy-code:hover{color:var(--text);background:var(--soft)}.copy-code .icon{width:11px;height:11px}.table-scroll{overflow:auto;max-width:100%;margin:25px 0}.prose table{border-collapse:collapse;width:100%;font-size:13px}.prose th,.prose td{border:1px solid var(--border);padding:8px 12px;text-align:left;min-width:110px}.prose th{color:var(--text);background:var(--surface)}.example-notice{font-size:11px;color:var(--muted);border:1px solid var(--border);border-left:2px solid var(--faint);border-radius:4px;padding:10px 13px;margin-bottom:28px;background:var(--surface)}.toc-sticky{position:sticky;top:110px;padding-left:20px;border-left:1px solid var(--border)}.toc ul{list-style:none;padding:0;margin:0}.toc>ul>li{margin:0 0 13px}.toc a{display:block;font-size:11px;line-height:1.8;color:var(--muted);transition:color .2s}.toc a:hover,.toc a.active{color:var(--accent)}.toc li ul{padding-left:12px;padding-top:8px}.toc li ul li{margin-bottom:7px}.toc-top{display:inline-block;font-size:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border);color:var(--faint)}.toc-empty{font-size:11px;color:var(--faint)}.article-ending{margin:43px 0 24px;padding-top:27px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.article-ending>span{font-size:9px;letter-spacing:2px;color:var(--faint)}.article-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:26px}.article-actions>.text-link{font-size:11px}.copy-post-link{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.copy-post-link .icon{width:13px;height:13px}.post-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.post-neighbors>a{position:relative;border:1px solid var(--border);border-radius:6px;padding:17px 35px 17px 17px;background:var(--surface)}.post-neighbors>a:hover{border-color:var(--border-hover)}.post-neighbors>a>span{font-size:9px;color:var(--faint);display:block;margin-bottom:7px}.post-neighbors strong{font-size:12px;font-weight:500;line-height:1.8}.post-neighbors b{position:absolute;right:13px;top:17px;font-size:14px;font-weight:400;color:var(--faint)}.reading-progress{height:2px;width:0;position:fixed;top:0;left:0;background:var(--accent);z-index:50;transition:width .1s}
.simple-page{padding-block:65px 75px;min-height:calc(100dvh - 165px)}.page-heading{margin-bottom:46px}.page-heading h1{font-size:36px;line-height:1.6;font-weight:600;letter-spacing:-1px;margin:17px 0 12px}.page-heading>p{font-size:13px;color:var(--muted);line-height:1.9}.archive-list{max-width:900px}.archive-year{margin-bottom:40px}.archive-year h2{font-size:24px;font-weight:400;margin:0 0 20px}.archive-year h2>span{font:10px var(--sans);margin-left:15px;color:var(--faint)}.archive-row{display:flex;align-items:center;gap:24px;padding:21px 0;border-bottom:1px solid var(--border)}.archive-row:first-child{border-top:1px solid var(--border)}.archive-row:hover{background:var(--surface)}.archive-row time{font-size:11px;color:var(--faint);width:42px;flex:none}.archive-row>span:nth-child(2){font-size:14px;flex:1}.archive-row small{font-size:9px;color:var(--faint);margin-left:9px}.archive-category{font-size:10px;color:var(--muted);flex:none}.archive-row>.icon{width:15px;height:15px;color:var(--faint)}.about-layout{display:grid;grid-template-columns:minmax(0,720px) 260px;gap:80px}.about-note{padding:27px;border:1px solid var(--border);background:var(--surface);border-radius:8px;position:sticky;top:110px}.about-note>span:first-child{font-size:9px;color:var(--faint)}.about-note>strong{display:block;font-size:39px;line-height:1.3;letter-spacing:-1px;font-weight:550;margin:28px 0 25px}.about-note>strong>span{color:var(--accent)}.about-note>p{color:var(--muted);font-size:11px;line-height:1.9;margin-bottom:25px}.about-note>span:last-child{font-size:9px;color:var(--faint);display:flex;align-items:center;gap:7px}.about-note .status-dot{width:4px;height:4px}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,10px);background:var(--button);color:var(--button-text);border:1px solid var(--border);border-radius:7px;box-shadow:0 5px 30px #0004;padding:10px 17px;font-size:12px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);z-index:100;text-align:center}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.search-dialog{width:min(580px,calc(100% - 36px));max-height:70dvh;padding:0;border:1px solid var(--border-hover);border-radius:10px;background:var(--surface);color:var(--text);margin-top:16vh;box-shadow:0 30px 100px #0008;overflow:hidden}.search-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.dialog-search{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.dialog-search>.icon{color:var(--faint);width:18px;height:18px}.dialog-search input{flex:1;min-width:0;border:0;background:none;color:var(--text);font-size:13px;outline:none}.dialog-search input:focus-visible{outline:none}.dialog-search input::placeholder{color:var(--faint)}.dialog-close{padding:0}.search-results{padding:8px;max-height:calc(70dvh - 112px);overflow:auto}.search-result{display:block;padding:13px 14px;border-radius:6px;background:none;border:1px solid transparent}.search-result:hover,.search-result.selected{background:var(--soft);border-color:var(--border)}.search-result>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.search-result>div>span:last-child{font-size:9px;color:var(--faint);flex:none}.search-result p{font-size:11px;line-height:1.8;color:var(--muted);margin:5px 0 0}.search-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-top:1px solid var(--border);font-size:8px;color:var(--faint)}.search-footer kbd{font-size:8px;margin-inline:2px}.search-empty{padding:30px 15px;text-align:center;font-size:12px;color:var(--muted)}
@media(max-width:1100px){.desktop-nav{margin-left:0}.hero-inner{gap:45px}.blog-hero h1{font-size:49px}.blog-layout{gap:35px;grid-template-columns:minmax(0,1fr) 230px}.category-tabs{gap:1px}.category-tab{padding-inline:6px;font-size:10px}.inline-search{max-width:90px}.readme-body{font-size:10px}.readme-comment{font-size:9px}.article-layout{grid-template-columns:minmax(0,1fr) 185px;gap:40px}.about-layout{grid-template-columns:minmax(0,1fr) 230px;gap:45px}.readme-foot{font-size:7px}}
@media(max-width:850px){.container{width:calc(100% - 48px)}.brand{font-size:15px}.brand-suffix{font-size:12px}.desktop-nav{gap:24px}.nav-shell{gap:15px}.search-trigger>span{display:none}.search-trigger kbd{display:none}.search-trigger{border:0;padding:7px}.search-trigger>.icon{width:17px;height:17px}.nav-divider{display:none}.nav-actions{gap:7px}.hero-inner{grid-template-columns:1.1fr 1fr;gap:28px;padding-block:49px}.blog-hero h1{font-size:43px;letter-spacing:-2px}.hero-description{font-size:12px}.eyebrow{font-size:7px;letter-spacing:.7px}.hero-topics{gap:16px;font-size:10px}.readme-body{padding:19px 16px;font-size:9px}.readme-comment{font-size:8px}.readme-foot>span:last-child{display:none}.blog-layout{grid-template-columns:minmax(0,1fr) 205px;gap:28px;padding-top:40px}.posts-toolbar{flex-wrap:wrap;gap:8px}.inline-search{max-width:100%;flex-basis:100%;border:1px solid var(--border);border-radius:5px;padding:1px 8px}.inline-search input{font-size:11px}.category-tab{font-size:10px;padding:5px 6px}.category-tab>span{font-size:8px}.post-row h3{font-size:18px}.featured-post h3{font-size:19px}.post-row p{font-size:11px}.featured-post .post-link{padding:19px}.author-card{padding:20px 17px 0}.author-card h2{font-size:16px}.author-card>p{font-size:10px}.rss-card{padding:12px 10px;gap:8px}.rss-card strong{font-size:10px}.rss-card p{font-size:8px}.rss-icon{width:26px;height:26px}.site-footer>div:first-child{gap:15px}.site-footer>div:first-child>span{font-size:9px}.footer-right{gap:16px;font-size:9px}.post-header h1{font-size:33px}.article-layout{grid-template-columns:minmax(0,1fr) 160px;gap:30px}.prose{font-size:14px}.toc-sticky{padding-left:14px}.toc a{font-size:10px}.about-layout{grid-template-columns:minmax(0,1fr) 200px;gap:32px}.about-note{padding:23px}.about-note>strong{font-size:34px}.page-heading h1{font-size:31px}}
@media(max-width:650px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.site-header{height:64px}.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.nav-rss{display:none}.mobile-nav{top:72px}.brand{gap:8px}.brand-mark{font-size:24px;width:27px}.brand-suffix{font-size:11px}.nav-actions{gap:5px}.hero-inner{grid-template-columns:1fr;gap:30px;padding-block:39px 37px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:21px}.blog-hero h1{font-size:46px;line-height:1.28;letter-spacing:-2px;margin-bottom:18px}.hero-description{font-size:12px;line-height:2;max-width:350px;margin-bottom:20px}.hero-topics{font-size:10px;gap:22px}.readme-card{transform:rotate(-.8deg);max-width:440px}.readme-bar{padding:8px 12px;font-size:9px}.readme-body{padding:15px 18px;font-size:10px;line-height:2.1}.readme-body p{margin:4px 0 7px}.readme-body>div{margin-bottom:9px}.readme-comment{font-size:9px}.readme-foot{font-size:7px;padding:7px 11px}.readme-foot>span:last-child{display:block}.blog-layout{display:block;padding-top:35px;padding-bottom:40px}.list-heading{margin-bottom:19px}.section-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.list-heading h2{font-size:24px}.list-heading .text-link{font-size:10px}.posts-toolbar{gap:11px;flex-wrap:nowrap;flex-direction:column;align-items:stretch;padding-bottom:13px}.category-tabs{gap:5px;justify-content:space-between}.category-tab{font-size:11px;padding:6px 7px;gap:5px}.category-tab>span{font-size:8px}.inline-search{max-width:100%;flex-basis:auto}.inline-search input{font-size:12px;padding-block:7px}.filter-summary{font-size:10px;min-height:37px}.post-link{padding:23px 0}.post-meta{font-size:10px;gap:7px}.post-meta time{font-size:9px}.post-row h3{font-size:19px;line-height:1.65;margin:11px 0 9px;gap:10px}.post-row h3>.icon{width:15px;height:15px;margin-top:8px}.post-row p{font-size:12px;line-height:1.9;margin-bottom:16px}.post-tags{font-size:9px;gap:10px}.read-time{font-size:9px}.featured-post .post-link{padding:20px 17px}.featured-post h3{font-size:20px;line-height:1.65}.featured-post p{font-size:12px}.blog-sidebar{padding-top:43px}.sidebar-sticky{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.author-card{grid-column:1/-1;position:relative;padding:20px 20px 0}.author-avatar{float:left;margin:0 16px 0 0;width:45px;height:45px;font-size:23px}.author-card h2{font-size:17px;margin-bottom:7px}.author-card>p{font-size:11px;margin:0 0 11px;padding-left:61px}.author-card>.text-link{margin-left:61px;font-size:10px}.author-stats{margin-top:18px;gap:25px;padding-block:13px}.sidebar-categories{padding:0;grid-row:2/4}.sidebar-categories>a{font-size:11px;padding-block:10px}.sidebar-title{font-size:8px;letter-spacing:1px}.rss-card{align-self:start;gap:8px;padding:12px 10px;margin-top:3px}.rss-card>.icon{display:none}.rss-card strong{font-size:10px}.rss-card p{font-size:8px}.sidebar-note{margin-top:0;gap:7px}.sidebar-note p{font-size:9px}.list-end{font-size:8px;padding-top:28px}.site-footer{display:block;padding-block:21px 24px}.site-footer>div:first-child{justify-content:space-between;gap:10px}.site-footer>div:first-child>span{font-size:9px}.footer-right{justify-content:space-between;margin-top:16px;font-size:10px}.post-page{padding-top:26px;padding-bottom:40px}.back-link{font-size:10px;margin-bottom:25px}.post-header{padding-bottom:26px;margin-bottom:26px}.post-header h1{font-size:29px;line-height:1.55;margin:15px 0 12px;letter-spacing:-.6px}.post-header>.post-meta{font-size:10px;gap:8px}.post-header>p{font-size:13px;line-height:1.9;margin-bottom:21px}.post-byline{font-size:10px}.post-byline>span:last-child{font-size:8px;margin-left:3px}.article-layout{display:flex;flex-direction:column;gap:24px}.toc-sidebar{order:-1}.toc-sticky{position:static;border:1px solid var(--border);border-radius:6px;padding:14px 16px;background:var(--surface)}.toc-sticky>.sidebar-title{margin-bottom:10px}.toc>ul>li{margin-bottom:6px}.toc>ul>li:last-child{margin-bottom:0}.toc a{font-size:11px}.toc-top{display:none}.prose{font-size:15px;line-height:2}.prose h2{font-size:21px;margin:31px 0 16px;scroll-margin-top:90px}.prose h3{font-size:18px;scroll-margin-top:90px}.prose>p{margin-bottom:21px}.prose pre{padding:39px 15px 17px;margin-block:23px}.prose pre code{font-size:11px}.prose code{font-size:11px}.example-notice{font-size:10px;padding:10px 12px;line-height:1.8;margin-bottom:24px}.article-ending{margin-top:32px;padding-top:23px;margin-bottom:20px}.article-actions{gap:13px;align-items:flex-start}.article-actions>.text-link{font-size:10px;gap:5px}.copy-post-link{font-size:10px;gap:5px;white-space:nowrap}.article-actions .icon{width:12px;height:12px}.post-neighbors{gap:10px}.post-neighbors>a{padding:14px 26px 14px 13px}.post-neighbors strong{font-size:11px;line-height:1.8}.post-neighbors b{right:10px;font-size:12px;top:14px}.post-neighbors>a>span{font-size:8px}.simple-page{padding-block:39px 45px;min-height:calc(100dvh - 186px)}.page-heading{margin-bottom:33px}.page-heading h1{font-size:29px;line-height:1.6;margin-top:15px;letter-spacing:-.7px}.page-heading>p{font-size:12px;line-height:1.9}.archive-year h2{font-size:22px;margin-bottom:17px}.archive-row{gap:13px;padding-block:20px;align-items:flex-start}.archive-row time{font-size:10px;width:35px;padding-top:3px}.archive-row>span:nth-child(2){font-size:13px;line-height:1.8}.archive-row small{font-size:8px;margin-left:6px;white-space:nowrap}.archive-category{display:none}.archive-row>.icon{width:13px;height:13px;margin-top:5px}.about-layout{display:block}.about-note{position:static;margin-top:30px;padding:24px}.about-note>strong{font-size:34px;margin-block:19px}.about-note>p{font-size:12px}.search-dialog{margin-top:12vh;width:calc(100% - 24px);max-height:75dvh}.dialog-search{padding:16px 13px;gap:9px}.dialog-search input{font-size:12px}.dialog-search>.icon{width:16px;height:16px}.search-results{max-height:calc(75dvh - 108px);padding:6px}.search-result{padding:12px}.search-result>div{font-size:12px;gap:10px}.search-result>div>span:last-child{font-size:8px}.search-result p{font-size:10px;line-height:1.9}.search-footer>span:last-child{display:none}.search-footer{font-size:8px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand-suffix{display:none}.blog-hero h1{font-size:41px}.eyebrow{font-size:7px;letter-spacing:.5px}.hero-topics{gap:18px}.category-tabs{gap:2px}.category-tab{font-size:10px;padding-inline:5px}.category-tab>span{font-size:7px}.readme-body{font-size:9px}.readme-comment{font-size:8px}.readme-foot>span:last-child{font-size:6px}.featured-post h3{font-size:18px}.post-row h3{font-size:18px}.post-header h1{font-size:26px}.prose{font-size:14px}.sidebar-sticky{gap:14px}.rss-icon{display:none}.page-heading h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Notes, ordered series, current activity and the image viewer. */
.desktop-nav{margin-left:20px;gap:25px}.hero-topics{flex-wrap:wrap}.notes-teaser,.now-card{display:block;padding:19px;border:1px solid var(--border);border-radius:7px;background:var(--surface);margin-top:22px}.notes-teaser>.mono{font-size:8px;letter-spacing:1px;color:var(--faint)}.notes-teaser>strong{display:flex;justify-content:space-between;font-size:16px;font-weight:550;margin-top:13px}.notes-teaser>p,.now-card>p{font-size:11px;line-height:1.9;color:var(--muted);margin:9px 0 0;overflow-wrap:anywhere}.notes-teaser:hover{border-color:var(--border-hover)}.now-card>.sidebar-title{margin:0}.notes-count{font-size:10px;color:var(--faint)}.notes-page{max-width:850px}.notes-timeline{position:relative;padding-left:29px;border-left:1px solid var(--border);margin:35px 0 15px}.note-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:27px 30px;margin-bottom:27px}.note-card:before{position:absolute;content:"";width:7px;height:7px;background:var(--accent);border:4px solid var(--bg);border-radius:50%;left:-37px;top:27px;box-sizing:content-box}.note-card>header{display:flex;justify-content:space-between;gap:16px;font:10px var(--mono);color:var(--faint);margin-bottom:24px}.note-card>header>a{font:10px var(--sans);color:var(--muted)}.note-card>.prose{font-size:14px}.note-card>.prose>p:last-child{margin-bottom:0}.note-card>footer{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:var(--faint);margin-top:21px}.notes-empty{padding:45px 0;color:var(--muted);font-size:13px;line-height:2}.notes-empty>span{font-size:10px;color:var(--faint)}.notes-empty h2{font-size:23px;color:var(--text);font-weight:500}.series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.series-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:26px}.series-card:hover{border-color:var(--border-hover)}.series-card>span{font-size:9px;color:var(--faint);letter-spacing:1px}.series-card>h2{font-size:24px;font-weight:550;margin:17px 0}.series-card>p{font-size:11px;color:var(--muted);margin:0}.series-entry{display:flex;align-items:center;gap:22px;padding:23px 0;border-bottom:1px solid var(--border)}.series-entry>span:first-child{font-size:12px;color:var(--faint)}.series-entry>strong{flex:1;font-size:17px;font-weight:500;overflow-wrap:anywhere}.series-entry>span:last-child{color:var(--muted)}.article-series{padding:22px;border:1px solid var(--border);border-radius:7px;margin-top:35px;background:var(--surface)}.article-series>a{display:flex;gap:13px;font-size:12px;color:var(--muted);line-height:1.9;padding:5px 0}.article-series>a>span{font:10px var(--mono);padding-top:4px;color:var(--faint)}.article-series>a[aria-current]{color:var(--accent)}.article-series>a.series-name{font-size:13px;font-weight:550;color:var(--text);margin-bottom:9px}.prose a.image-zoom{display:block;text-decoration:none;cursor:zoom-in}.image-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:50px 65px;background:#09090bf5;color:#e4e4e9;margin:0}.image-dialog::backdrop{background:#000d}.image-dialog[open]{display:grid;place-items:center}.image-dialog figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.image-dialog figure img{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;pointer-events:auto;border-radius:4px}.image-dialog figcaption{font-size:12px;color:#aaaab8;text-align:center}.image-close,.image-previous,.image-next{position:absolute;border:1px solid #ffffff30;background:#18181dbb;border-radius:50%;height:40px;width:40px;display:grid;place-items:center;color:#f4f4f5;font-size:21px;cursor:pointer}.image-close{top:20px;right:20px;font-size:27px}.image-previous{left:15px;top:calc(50% - 20px)}.image-next{right:15px;top:calc(50% - 20px)}
@media(max-width:1100px){.desktop-nav{margin-left:0;gap:20px}.nav-shell{gap:15px}}
@media(max-width:850px){.desktop-nav{gap:16px}.nav-link{font-size:11px}.hero-topics{gap:12px}.series-card>h2{font-size:21px}}
@media(max-width:650px){.notes-timeline{padding-left:19px}.note-card{padding:21px 17px;margin-bottom:20px}.note-card:before{left:-27px;top:22px}.notes-page .page-heading{margin-bottom:30px}.note-card>.prose{font-size:13px}.note-card>header{font-size:9px;margin-bottom:18px}.series-grid{grid-template-columns:1fr}.series-entry{gap:15px}.series-entry>strong{font-size:14px}.article-series{padding:17px}.image-dialog{padding:60px 16px 90px}.image-previous,.image-next{top:auto;bottom:25px}.image-previous{left:calc(50% - 60px)}.image-next{right:calc(50% - 60px)}}