:root{--paper:#f5f5f2;--surface:#fff;--paper-2:#ecece7;--line:#dcddd7;--ink:#121316;--ink-2:#4a4d55;--ink-3:#666a73;--code:#16171b;--code-line:#2a2c32;--link:#3a3dff;--link-deep:#2a2dcc;--link-wash:#e8e9ff;--live:#ff5a1f;--live-deep:#b23a0b;--live-wash:#ffe9df;--on-ink:#f5f5f2;--shadow:#121316;--dots:#d5d6cf;--footer:#121316;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-text:"Instrument Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--r-sm:4px;--r-md:10px;--r-lg:16px;--border:1.5px solid var(--ink);--wrap:1280px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0e0f12;--surface:#17181c;--paper-2:#1c1d22;--line:#2a2c32;--ink:#ecece8;--ink-2:#b4b6bc;--ink-3:#8d9098;--code:#0a0b0d;--link:#8e91ff;--link-deep:#a9abff;--link-wash:#1b1d3a;--live:#ff7a45;--live-deep:#ff9466;--live-wash:#2a1810;--on-ink:#0e0f12;--shadow:#4a4d55;--dots:#2a2c32;--footer:#0a0b0d;color-scheme:dark}}:root[data-theme=dark]{--paper:#0e0f12;--surface:#17181c;--paper-2:#1c1d22;--line:#2a2c32;--ink:#ecece8;--ink-2:#b4b6bc;--ink-3:#8d9098;--code:#0a0b0d;--link:#8e91ff;--link-deep:#a9abff;--link-wash:#1b1d3a;--live:#ff7a45;--live-deep:#ff9466;--live-wash:#2a1810;--on-ink:#0e0f12;--shadow:#4a4d55;--dots:#2a2c32;--footer:#0a0b0d;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-size:16px;line-height:1.5;display:flex}main{flex:1 0 auto}img{max-width:100%;height:auto}a{color:var(--link)}a:hover{color:var(--ink)}::selection{background:var(--link-wash);color:var(--ink)}:focus-visible{outline:3px solid var(--link);outline-offset:3px}h1,h2,h3{text-wrap:balance}p,li,figcaption{text-wrap:pretty}button{cursor:pointer;font:inherit}.skip{z-index:10;background:var(--ink);color:var(--paper);border-radius:var(--r-sm);padding:10px 16px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:13px}.display{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-weight:800;line-height:.94}.section-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:40px;font-weight:800;line-height:1.05}.arrow-link{color:var(--link);text-underline-offset:4px;font-size:15px;font-weight:600}.wordmark{color:var(--ink);font-family:var(--font-display);letter-spacing:-.05em;align-items:center;font-size:28px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.wordmark:hover{color:var(--ink)}.wordmark .tld{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--link);font-size:.75em;font-weight:500}.wordmark .cursor{background:var(--live);width:.32em;height:.72em;margin-left:3px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.wordmark .cursor{animation:none}}.progress{background:var(--line);z-index:5;height:4px;position:sticky;top:0}.progress span{background:var(--link);width:0;height:4px;display:block}.site-header{border-bottom:var(--border)}.site-nav{max-width:var(--wrap);flex-wrap:wrap;align-items:center;gap:12px 32px;margin:0 auto;padding:14px 24px;display:flex}.nav-links{flex-wrap:wrap;flex:320px;gap:4px;display:flex}.nav-links a{color:var(--ink);border-radius:var(--r-sm);padding:10px 14px;font-size:15px;font-weight:500;text-decoration:none}.nav-links a:hover{background:var(--paper-2)}.nav-links a[aria-current=page]{background:var(--link-wash);font-weight:600}.nav-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:var(--border);background:var(--surface);width:44px;height:44px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{box-shadow:3px 3px 0 var(--shadow);color:var(--ink)}.icon-btn .sun{display:none}:root[data-theme=dark] .icon-btn .sun{display:block}:root[data-theme=dark] .icon-btn .moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-btn .sun{display:block}:root:not([data-theme=light]) .icon-btn .moon{display:none}}.btn{border:var(--border);height:44px;font:600 15px var(--font-text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:box-shadow .12s,transform .12s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{color:var(--paper);box-shadow:4px 4px 0 var(--link);transform:translate(-1px,-1px)}.btn-secondary{background:var(--surface);color:var(--ink)}.btn-secondary:hover{color:var(--ink);box-shadow:4px 4px 0 var(--shadow);transform:translate(-1px,-1px)}.tag{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--ink);border-radius:var(--r-sm);padding:6px 10px;font-size:13px;line-height:1.3;text-decoration:none}.tag:hover{background:var(--ink);color:var(--paper)}.badge-live{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#121316;background:var(--live);border-radius:var(--r-sm);align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.badge-live:before{content:"";background:#121316;border-radius:999px;width:7px;height:7px}.chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);border-radius:var(--r-sm);padding:4px 8px;font-size:12px;font-weight:700}.pill{color:var(--ink);border:var(--border);background:var(--surface);border-radius:999px;align-items:baseline;gap:10px;padding:12px 16px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.pill:hover{color:var(--ink);box-shadow:4px 4px 0 var(--shadow)}.pill .hash{font-family:var(--font-mono);color:var(--link);font-size:13px;font-weight:500}.pill .count{font-family:var(--font-mono);color:var(--ink-3);font-size:12px;font-weight:500}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;display:grid}.post-card{color:var(--ink);background:var(--surface);border:var(--border);border-radius:var(--r-md);flex-direction:column;text-decoration:none;transition:box-shadow .12s,transform .12s;display:flex;overflow:hidden}.post-card:hover{color:var(--ink);box-shadow:4px 4px 0 var(--shadow);transform:translate(-2px,-2px)}.post-card.is-live:hover{box-shadow:6px 6px 0 var(--live)}.post-card .thumb{border-bottom:var(--border);background:var(--paper-2);height:172px;position:relative;overflow:hidden}.post-card .thumb img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;display:block}.post-card .thumb .badge-live{position:absolute;top:14px;left:14px}.post-card .body{flex-direction:column;gap:10px;padding:22px 24px 26px;display:flex}.post-card .meta{font-size:12px}.post-card .title{font-family:var(--font-display);letter-spacing:-.03em;font-size:24px;font-weight:700;line-height:1.1}.post-card .excerpt{color:var(--ink-2);font-size:15px;line-height:1.55}.feature-card{color:var(--ink);border:var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:6px 6px 0 var(--shadow);flex-wrap:wrap;text-decoration:none;transition:box-shadow .12s,transform .12s;display:flex;overflow:hidden}.feature-card:hover{color:var(--ink);box-shadow:9px 9px 0 var(--shadow);transform:translate(-2px,-2px)}.feature-card .media{background:#121316;flex:420px;min-height:340px;position:relative}.feature-card .media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feature-card .copy{flex-direction:column;flex:420px;justify-content:center;gap:18px;padding:40px;display:flex}.feature-card .title{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:800;line-height:.98}.feature-card .excerpt{color:var(--ink-2);font-size:18px;line-height:1.6}.feature-card .cta{color:var(--link);text-underline-offset:4px;font-size:16px;font-weight:600;text-decoration:underline 1.5px}.archive-list{border-top:2px solid var(--ink);flex-direction:column;display:flex}.archive-row{color:var(--ink);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:6px 32px;padding:20px 0;text-decoration:none;display:flex}.archive-row:hover{color:var(--ink);background:var(--surface)}.archive-row:hover .t{color:var(--link)}.archive-row .d{font-family:var(--font-mono);color:var(--ink-2);flex:0 0 120px;font-size:13px}.archive-row .t{font-family:var(--font-display);letter-spacing:-.02em;flex:360px;font-size:22px;font-weight:700;line-height:1.2}.archive-row .g{font-family:var(--font-mono);color:var(--ink-2);font-size:13px}.archive-row .badge-live{padding:3px 7px;font-size:11px}.stack{flex-direction:column;gap:96px;padding-bottom:96px;display:flex}.section{flex-direction:column;gap:20px;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero{flex-wrap:wrap;align-items:flex-end;gap:48px;padding-top:72px;display:flex}.hero>div{flex-direction:column;flex:999 560px;gap:24px;min-width:0;display:flex}.hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92}.hero h1 em{color:var(--link);font-style:normal}.hero p{color:var(--ink-2);flex:280px;margin:0;font-size:18px;line-height:1.6}.page-head{flex-direction:column;gap:20px;padding:72px 0 40px;display:flex}.page-head h1{font-size:clamp(2.75rem,7vw,5.5rem)}.page-head p{max-width:720px;color:var(--ink-2);margin:0;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.5}.live-band{color:#ecece8;border-radius:var(--r-lg);background:#121316;flex-wrap:wrap;align-items:center;gap:40px;padding:clamp(28px,5vw,56px);display:flex}:root[data-theme=dark] .live-band{background:var(--surface);border:1px solid var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .live-band{background:var(--surface);border:1px solid var(--line)}}.live-band .intro{flex-direction:column;flex:340px;align-items:flex-start;gap:18px;display:flex}.live-band .badge-live{background:#ff7a45}.live-band h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.live-band p{color:#b4b6bc;margin:0;font-size:17px;line-height:1.6}.live-band .list{flex-direction:column;flex:2 520px;display:flex}.live-band .list a{color:#ecece8;border-bottom:1px solid #2a2c32;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:20px 0;text-decoration:none;display:flex}.live-band .list a:hover .t{color:#ff7a45}.live-band .list .t{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:700}.live-band .list .d{font-family:var(--font-mono);color:#ff7a45;font-size:13px}.subscribe{border:var(--border);border-radius:var(--r-lg);background:var(--link-wash);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 32px;padding:clamp(28px,5vw,56px);display:flex}.subscribe .copy{flex-direction:column;flex:360px;gap:12px;display:flex}.subscribe h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.subscribe p{color:var(--ink-2);margin:0;font-size:17px;line-height:1.6}.subscribe .actions{flex-wrap:wrap;gap:8px;display:flex}.subscribe.compact{padding:28px}.subscribe.compact h2{letter-spacing:-.03em;font-size:28px;line-height:1.1}.site-footer{background:var(--footer);color:#ecece8;margin-top:auto}.site-footer .inner{max-width:var(--wrap);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px 40px;margin:0 auto;padding:56px 24px;display:flex}.site-footer .brand{flex-direction:column;flex:320px;gap:14px;display:flex}.site-footer .wordmark{color:#ecece8;font-size:36px}.site-footer .wordmark .tld{color:#8e91ff}.site-footer .wordmark .cursor{background:#ff7a45}.site-footer small{color:#b4b6bc;font-size:15px}.site-footer nav{flex-wrap:wrap;gap:4px 28px;font-size:15px;display:flex}.site-footer nav a{color:#ecece8;padding:10px 0;text-decoration:none}.site-footer nav a:hover{color:#8e91ff}.post-header{flex-direction:column;gap:24px;padding:72px 0 40px;display:flex}.post-header .tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-header h1{max-width:1040px;font-size:clamp(2.75rem,7vw,6rem)}.post-header .dek{max-width:720px;color:var(--ink-2);margin:0;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.5}.byline{flex-wrap:wrap;align-items:center;gap:14px 24px;padding-top:8px;display:flex}.byline .who{align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.avatar{border:var(--border);background:var(--link-wash);width:44px;height:44px;font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.feature-image{flex-direction:column;gap:10px;margin:0;display:flex}.feature-image img{object-fit:cover;border:var(--border);border-radius:var(--r-lg);background:var(--paper-2);width:100%;height:clamp(220px,34vw,460px);display:block}.feature-image figcaption{color:var(--ink-3);font-size:13px}.post-body{flex-wrap:wrap;align-items:flex-start;gap:48px 64px;padding:56px 0 96px;display:flex}.toc{border-top:var(--border);flex-direction:column;flex:220px;gap:12px;max-width:280px;padding-top:16px;display:flex;position:sticky;top:28px}.toc a{color:var(--ink-2);gap:10px;font-size:15px;line-height:1.4;text-decoration:none;display:flex}.toc a span{font-family:var(--font-mono);padding-top:1px;font-size:13px}.toc a:hover,.toc a.active{color:var(--ink);font-weight:600}.toc a.active span{color:var(--link)}.post-main{flex-direction:column;flex:999 560px;gap:40px;min-width:0;max-width:760px;display:flex}.post-main.solo{margin:0 auto}@media (width<=900px){.toc{max-width:none;position:static}}.post-foot-tags{border-top:var(--border);flex-wrap:wrap;gap:8px;padding-top:24px;display:flex}.post-nav{flex-wrap:wrap;gap:16px;display:flex}.post-nav a{color:var(--ink);border:var(--border);border-radius:var(--r-md);background:var(--surface);flex-direction:column;flex:260px;gap:6px;padding:20px;text-decoration:none;display:flex}.post-nav a:hover{color:var(--ink);box-shadow:4px 4px 0 var(--shadow)}.post-nav a.next{text-align:right;align-items:flex-end}.post-nav .meta{font-size:12px}.post-nav .t{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.2}.prose{flex-direction:column;gap:24px;font-size:19px;line-height:1.7;display:flex}.prose>*{margin:0}.prose h2,.prose h3,.prose h4{scroll-margin-top:24px;position:relative}.prose h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:20px;font-size:32px;font-weight:700;line-height:1.15}.prose h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:12px;font-size:24px;font-weight:700;line-height:1.25}.prose h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.prose h2 strong,.prose h3 strong{font-weight:inherit}.prose .anchor{font-family:var(--font-mono);color:var(--link);opacity:0;font-size:.7em;font-weight:500;line-height:inherit;padding-right:12px;text-decoration:none;position:absolute;right:100%}.prose :is(h2,h3):hover .anchor,.prose .anchor:focus{opacity:1}.prose a{color:var(--link);text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline 1.5px}.prose a:hover{color:var(--ink)}.prose strong{font-weight:650}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-sm);overflow-wrap:anywhere;padding:2px 6px;font-size:.85em}.prose kbd{font-family:var(--font-mono);background:var(--surface);border:var(--border);border-radius:var(--r-sm);border-bottom-width:3px;padding:1px 7px;font-size:.8em}.prose ul,.prose ol{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.prose li{padding-left:24px;position:relative}.prose li>ul,.prose li>ol{margin-top:8px}.prose ul>li:before{content:"";background:var(--ink);width:8px;height:8px;position:absolute;top:.72em;left:2px}.prose ol{counter-reset:item}.prose ol>li{counter-increment:item;padding-left:36px}.prose ol>li:before{content:counter(item, decimal-leading-zero);font-family:var(--font-mono);color:var(--link);font-size:14px;font-weight:700;position:absolute;top:.2em;left:0}.prose li p{margin:0}.prose blockquote:not(.callout){border-left:3px solid var(--link);font-family:var(--font-display);letter-spacing:-.01em;margin:8px 0;padding:4px 0 4px 24px;font-size:22px;font-weight:600;line-height:1.4}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:12px}.prose .callout{border-radius:var(--r-md);background:var(--link-wash);border:1.5px solid var(--link);padding:18px 20px 18px 54px;font-size:17px;line-height:1.6;position:relative}.prose .callout:before{content:attr(data-label);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--link-deep);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.prose .callout:after{content:"";background:var(--link-deep);width:20px;height:20px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E");position:absolute;top:21px;left:20px}.prose .callout-warn{background:var(--live-wash);border-color:var(--live)}.prose .callout-warn:before{color:var(--live-deep)}.prose .callout-warn:after{background:var(--live-deep);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l10 18H2z'/%3E%3Cpath d='M12 10v5M12 18v.5'/%3E%3C/svg%3E")}.prose .callout-tip{background:var(--surface);border-color:var(--ink)}.prose .callout-tip:before{color:var(--ink)}.prose .callout-tip:after{background:var(--ink);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}.prose hr{background:linear-gradient(to right, var(--ink) 0 8px, transparent 8px 18px, var(--ink) 18px 26px, transparent 26px 36px, var(--live) 36px 44px);border:0;width:44px;height:8px;margin:16px auto}.prose img{border:var(--border);border-radius:var(--r-md);background:var(--paper-2);display:block}.prose figure{flex-direction:column;gap:12px;margin:0;display:flex}.prose figcaption{color:var(--ink-2);font-size:14px}.prose table{border-collapse:collapse;border:var(--border);border-radius:var(--r-md);background:var(--surface);width:100%;font-size:16px;display:block;overflow-x:auto}.prose th{text-align:left;background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;font-size:12px}.prose td{border-top:1px solid var(--line);vertical-align:top;padding:12px 16px}.prose tr:nth-child(2n) td{background:var(--paper)}.prose details{border:var(--border);border-radius:var(--r-md);background:var(--surface)}.prose summary{cursor:pointer;padding:14px 18px;font-size:17px;font-weight:600}.prose details[open] summary{border-bottom:1px solid var(--line)}.prose details>:not(summary){padding:0 18px}.prose iframe{border:var(--border);border-radius:var(--r-md);max-width:100%}.prose figure.code{background:var(--code);border-radius:var(--r-md);border:1.5px solid #121316;flex-direction:column;gap:0;font-size:15px;display:flex;overflow:hidden}:root[data-theme=dark] .prose figure.code{border-color:var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose figure.code{border-color:var(--line)}}.code-head{border-bottom:1px solid var(--code-line);order:-1;justify-content:space-between;align-items:center;height:44px;padding:0 8px 0 16px;display:flex}.code-lang{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8d9098;border:1px solid var(--code-line);border-radius:var(--r-sm);padding:2px 6px;font-size:11px}.code-copy{border:1px solid var(--code-line);border-radius:var(--r-sm);color:#b4b6bc;height:32px;font:500 12px var(--font-mono);background:0 0;padding:0 12px}.code-copy:hover{color:#ecece8;border-color:#8d9098}.prose pre{font-family:var(--font-mono);color:#e6e6e1;tab-size:2;margin:0;padding:16px 20px;font-size:15px;line-height:1.75;overflow-x:auto;background:0 0!important}.prose pre code{font-variant-ligatures:none;font-family:inherit}.prose .bookmark{color:var(--ink);background:var(--surface);border:var(--border);border-radius:var(--r-md);flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:box-shadow .12s;display:flex}.prose .bookmark:hover{color:var(--ink);box-shadow:4px 4px 0 var(--shadow)}.bookmark-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.2}.bookmark-desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.bookmark-host{font-family:var(--font-mono);color:var(--link);font-size:12px}.prose .live-frame{border:var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:6px 6px 0 var(--live);overflow:hidden}.prose .live-frame .live-head{border-bottom:var(--border);align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.prose .live-frame .live-head .badge-live{padding:4px 8px;font-size:11px}.prose .live-frame .live-head span:last-child{font-size:15px;font-weight:600}.prose .live-frame .live-body{background-color:var(--paper);background-image:radial-gradient(var(--dots) 1px, transparent 1px);background-size:16px 16px;padding:20px;font-size:16px;line-height:1.5}.search-box{flex-direction:column;gap:8px;max-width:720px;display:flex}.search-box label{font-size:15px;font-weight:600}.input{border:var(--border);border-radius:var(--r-sm);background:var(--surface);height:52px;font:400 18px var(--font-text);color:var(--ink);width:100%;padding:0 16px}.input::placeholder{color:var(--ink-3)}.not-found{flex-direction:column;align-items:flex-start;gap:24px;padding:120px 0;display:flex}.not-found .code{font-family:var(--font-mono);color:var(--ink-2);font-size:15px}@media (width<=640px){.site-nav{padding:12px 16px}.wrap{padding:0 16px}.nav-links{flex-basis:100%;order:3;margin:0 -14px}.nav-actions .btn{display:none}.hero{padding-top:48px}.stack{gap:72px}.feature-card .copy{padding:28px 24px}.feature-card .media{min-height:220px}.prose{font-size:18px}.prose blockquote:not(.callout){font-size:19px}.post-header,.page-head{padding-top:40px}}.cover{--cv-bg:#121316;--cv-fg:#ecece8;--cv-muted:#8d9098;--cv-accent:#8e91ff;--cv-dot:#2a2c32;--cv-cursor:#ff7a45;background-color:var(--cv-bg);color:var(--cv-fg);font-family:var(--font-mono);background-image:radial-gradient(var(--cv-dot) 1.5px, transparent 1.5px);background-size:20px 20px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.cover-ultramarine{--cv-bg:#3a3dff;--cv-fg:#fff;--cv-muted:#c9caff;--cv-accent:#fff;--cv-dot:#5558ff;--cv-cursor:#ff7a45}.cover-signal{--cv-bg:#ff5a1f;--cv-fg:#121316;--cv-muted:#5a2410;--cv-accent:#121316;--cv-dot:#ff7a45;--cv-cursor:#121316}.cover-wash{--cv-bg:#e8e9ff;--cv-fg:#2a2dcc;--cv-muted:#5a5db0;--cv-accent:#121316;--cv-dot:#cfd0fa;--cv-cursor:#ff5a1f}.cover-paper{--cv-bg:#ecece7;--cv-fg:#121316;--cv-muted:#666a73;--cv-accent:#3a3dff;--cv-dot:#d5d6cf;--cv-cursor:#ff5a1f}.cover-label{color:var(--cv-muted);font-size:13px}.cover-glyph{letter-spacing:-.02em;color:var(--cv-fg);overflow-wrap:anywhere;align-items:center;gap:.18em;margin-top:auto;font-size:26px;font-weight:500;line-height:1.1;display:inline-flex}.cover-glyph:after{content:"";background:var(--cv-cursor);flex:none;width:.42em;height:1em}.cover-code{white-space:pre;color:var(--cv-fg);flex-direction:column;font-size:clamp(14px,1.5vw,19px);line-height:1.75;display:flex}.cover-line.del{color:var(--cv-muted);text-decoration:line-through 1.5px}.cover-line.add{color:var(--cv-accent)}.cover-line.note{color:var(--cv-muted)}.cover-code .cover-line:last-child:after{content:"";vertical-align:-.2em;background:var(--cv-cursor);width:.55em;height:1.1em;margin-left:.2em;display:inline-block}.cover-marks{gap:6px;display:flex;position:absolute;bottom:20px;right:20px}.cover-marks i{background:var(--cv-fg);width:10px;height:10px}.cover-marks i:last-child{background:var(--cv-cursor)}.cover-feature,.cover-hero{padding:clamp(24px,4vw,40px)}.cover-feature .cover-glyph,.cover-hero .cover-glyph{font-size:clamp(32px,5vw,72px)}.cover-hero .cover-code{font-size:clamp(14px,1.8vw,22px)}.cover-feature .cover-marks,.cover-hero .cover-marks{bottom:clamp(24px,4vw,40px);right:clamp(24px,4vw,40px)}.cover-feature .cover-marks i,.cover-hero .cover-marks i{width:14px;height:14px}.feature-image .cover-frame{border:var(--border);border-radius:var(--r-lg);height:clamp(220px,34vw,460px);position:relative;overflow:hidden}