.post-page{--ease-out:cubic-bezier(.215,.61,.355,1)}@keyframes intro-failsafe{to{opacity:1}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.post-page[data-intro]:not(.intro-ready) :is(.detail-title,.detail-lead,.detail-meta,.detail-media,.article){opacity:0;animation:10ms 3s forwards intro-failsafe}.post-page.intro-ready .intro-w{opacity:0;display:inline-block;transform:translateY(.42em)}.post-page.intro-ready .detail-meta{opacity:0}.post-page.intro-ready :is(.detail-media,.article){opacity:0;transform:translateY(1.5rem)}.post-page.intro-play :is(.intro-w,.detail-meta,.detail-media,.article){opacity:1;transform:none}.post-page.intro-play .intro-w{transition:opacity .9s var(--ease-out) var(--delay,0s),transform 1.1s var(--ease-out) var(--delay,0s)}.post-page.intro-play .detail-meta{transition:opacity .25s linear var(--delay,0s)}.post-page.intro-play :is(.detail-media,.article){transition:opacity .9s var(--ease-out) var(--delay,0s),transform .9s var(--ease-out) var(--delay,0s)}.post-page.intro-done .intro-w{transition:none;display:inline}}@property --rail-w{syntax:"<length>";inherits:true;initial-value:0}.article{--measure:54ch;margin-top:var(--list-gap);font-size:var(--fs-body);position:relative;container-type:inline-size}.post-page .article-prose{max-width:var(--measure);margin:0 auto;line-height:1.55}@media (width>=768px){.article{grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));column-gap:var(--grid-gap);align-items:start;display:grid}.post-page .article-prose{grid-area:1/2/auto/12;max-width:none;margin:0}}@media (width>=960px){.post-page .article-prose{grid-column:3/11}}@media (width>=1200px){.post-page .article-prose{grid-column:4/10}}.article-prose :is(h2,h3){scroll-margin-top:calc(var(--header-h) + 2rem)}.article-prose>:is([data-wide],.a-media--wide){width:100cqw;max-width:none;margin-left:calc(50% - 50cqw);margin-right:0}.article-prose>.a-media--full{width:var(--doc-w,100vw);max-width:none;margin-left:calc(50% - var(--doc-w,100vw) / 2);margin-right:0}.article-rail{display:none}@media (width>=1200px){.article-rail{--rail-w:calc((100cqw - 11 * var(--grid-gap)) / 12 * 3 + var(--grid-gap));grid-area:1/1/auto/4;align-self:stretch;display:block}}.toc{--toc-x:3rem;--toc-on:var(--link-hover);top:calc(var(--header-h) + 3.5rem);transition:opacity .6s cubic-bezier(.22,1,.36,1);position:sticky}html[data-theme=warm] .toc{--toc-on:var(--text)}.toc.is-away{opacity:0;pointer-events:none}.toc-list{--tick-gap:.3125rem;margin:0 0 0 var(--toc-x);flex-direction:column;padding:0;list-style:none;display:flex;position:relative}.toc-item{flex-direction:column;align-items:flex-start;display:flex}.toc-link{width:.875rem;color:var(--muted);border-radius:2px;text-decoration:none;display:block;position:relative}.toc-tick{height:1px;margin-block:var(--tick-gap);background:var(--muted);transition:width .2s ease-out,background-color .2s ease-out,opacity .2s ease-out;display:block}.toc-major{width:.75rem}.toc-minor{opacity:.5;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;width:.4375rem;padding:0;position:relative}.toc-minor:before{content:"";inset:calc(var(--tick-gap) * -1) -.75rem calc(var(--tick-gap) * -1) -.375rem;position:absolute}.toc-minor:hover{opacity:1;background:var(--toc-on);width:.6875rem}.toc-label{--x:0px;width:calc(var(--rail-w) - var(--toc-x) - 1.5rem);transform:translateY(-50%) translateX(var(--x));font-size:calc(var(--fs-small) - .0625rem);letter-spacing:-.005em;color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.3;transition:color .15s ease-out,transform .22s cubic-bezier(.2,.8,.2,1);display:-webkit-box;position:absolute;top:50%;left:1.5rem;overflow:hidden}.toc-item.is-active .toc-major{background:var(--text)}.toc-item.is-active .toc-label{color:var(--text)}.toc-item.is-on .toc-label{color:var(--toc-on)}.toc-link:hover .toc-label,.toc-link:focus-visible .toc-label{--x:.25rem;color:var(--toc-on)}.toc-link:hover .toc-major{background:var(--toc-on)}.toc-link:focus-visible{outline:2px solid var(--focus,var(--c-ff6703));outline-offset:.25rem}.toc-slider{left:var(--toc-x);pointer-events:none;will-change:transform;width:1.25rem;height:0;transition:transform 30ms linear;position:absolute;top:0}.toc-slider-bar{background:var(--toc-on);width:1.25rem;height:1px;position:absolute;top:0;left:0}.toc-fraction{left:calc(-1 * var(--toc-x));font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--toc-on);white-space:nowrap;font-size:.75rem;line-height:1.2;position:absolute;top:-.62em}.toc-bar,.toc-sheet{display:none}@media (width<=1199px){.toc-bar{left:var(--gutter);right:var(--gutter);bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:5;background:linear-gradient(135deg,var(--glass-inset) 0%,transparent 45%),color-mix(in oklab,var(--bg) 86%,transparent);border:1px solid color-mix(in oklab,var(--glass-edge) 70%,var(--text) 30%);backdrop-filter:blur(2.5rem)saturate(1.7)brightness(1.08);box-shadow:0 1rem 3rem var(--glass-shadow),0 1px 0 var(--glass-inset) inset,0 0 0 .5px color-mix(in oklab,var(--text) 10%,transparent);opacity:0;pointer-events:none;border-radius:62.4375rem;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease-out;display:block;position:fixed;overflow:hidden;transform:translateY(calc(100% + 1.5rem))}.toc-bar.is-shown{opacity:1;pointer-events:auto;transform:none}.toc-bar:after{content:"";background:var(--toc-on,var(--link-hover));transform-origin:0;height:2px;transform:scaleX(var(--p,0));position:absolute;bottom:0;left:0;right:0}.toc-bar-main{width:100%;min-height:3.125rem;color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:.75rem;padding:.375rem .5rem .375rem 1.125rem;display:flex}.toc-bar-frac{font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--toc-on,var(--link-hover));flex:none;font-size:.75rem}.toc-bar-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9375rem;line-height:1.3;transition:opacity .18s ease-out,transform .18s ease-out;overflow:hidden}.toc-bar-title.is-out{opacity:0;transform:translateY(-.375rem)}.toc-bar-title.is-in{opacity:0;transition:none;transform:translateY(.375rem)}.toc-bar-open{background:color-mix(in oklab,var(--text) 7%,transparent);height:2.375rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);border-radius:62.4375rem;flex:none;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.6875rem;display:inline-flex}.toc-bar-open svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:.6875rem;height:.6875rem;transition:transform .2s ease-out}.toc-bar-main[aria-expanded=true] .toc-bar-open svg{transform:rotate(180deg)}.toc-bar-main:focus-visible{outline:2px solid var(--focus,var(--c-ff6703));outline-offset:-.25rem;border-radius:62.4375rem}.toc-sheet{left:var(--gutter);width:min(28.75rem,calc(100vw - 2 * var(--gutter)));bottom:calc(.75rem + 3.125rem + .625rem + env(safe-area-inset-bottom));z-index:5;overscroll-behavior:contain;background:linear-gradient(135deg,var(--glass-inset) 0%,transparent 45%),color-mix(in oklab,var(--bg) 86%,transparent);border:1px solid color-mix(in oklab,var(--glass-edge) 70%,var(--text) 30%);backdrop-filter:blur(2.5rem)saturate(1.7)brightness(1.08);max-height:min(66dvh,35rem);box-shadow:0 1rem 3rem var(--glass-shadow),0 1px 0 var(--glass-inset) inset;transform-origin:bottom;border-radius:1.5rem;padding:1.375rem 1.25rem 1.375rem 1rem;animation:.2s cubic-bezier(.2,.8,.2,1) menu-up;position:fixed;overflow:auto}.toc-sheet:not([hidden]){display:block}.toc-sheet-head{margin:0 0 .875rem var(--toc-x,2.25rem);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.6875rem}.toc-sheet{container-type:inline-size}.toc-sheet .toc{--rail-w:100cqw;position:relative;top:0}.toc-sheet .toc-list{--tick-gap:.4375rem}.toc-sheet .toc-label{-webkit-line-clamp:2;font-size:.9375rem}.toc-sheet .toc-minor:before{inset:calc(var(--tick-gap) * -1) -.75rem calc(var(--tick-gap) * -1) -.375rem}}@media (width>=1024px) and (width<=1199px){.toc-bar{right:calc(var(--gutter) + 3.5rem)}}html:is([data-theme=dark],[data-theme=night],[data-theme=warm-night],[data-theme=legacy-dark]) :is(.toc-bar,.toc-sheet){backdrop-filter:blur(2.5rem)saturate(1.5)brightness(.92);background:linear-gradient(135deg,var(--glass-inset) 0%,transparent 45%),color-mix(in oklab,var(--surface) 84%,transparent)}html[data-theme=warm] :is(.toc-bar,.toc-sheet){--toc-on:var(--text)}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){:is(.toc-bar,.toc-sheet){background:var(--control);backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.toc-bar,.toc-bar-title,.toc-sheet{transition:none;animation:none}}.a-media{margin:clamp(2.5rem,5vw,5.5rem) 0;position:relative}.a-visual{isolation:isolate;background:var(--surface);border-radius:.25rem;position:relative;overflow:hidden}.a-media--full .a-visual{border-radius:0}.a-visual img,.a-visual video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.has-parallax :is(.a-media--wide,.a-media--full) .a-visual img{will-change:transform;height:116%;top:-8%}.a-visual--empty{background:color-mix(in oklab,var(--muted) 35%,var(--surface))}.a-visual .pf-layer{display:none}@media (scripting:enabled){.a-visual .pf-layer{display:block}}.a-cap{row-gap:.625rem;margin-top:clamp(1rem,1.6vw,1.5rem);display:grid}.a-media:is(.a-media--wide,.a-media--full) .a-cap{max-width:var(--measure);margin-inline:auto}.a-media--full .a-cap{padding-inline:var(--gutter);box-sizing:content-box}.a-cap-title{font-size:calc((var(--fs-large) + var(--fs-h3)) / 2);letter-spacing:-.02em;text-wrap:balance;line-height:1.3}html:is([data-theme=light],[data-theme=warm]) .a-cap-title{font-weight:500}.a-cap-text{font-size:var(--fs-small);letter-spacing:-.01em;color:var(--muted);text-wrap:pretty;max-width:52ch;line-height:1.45}.a-cap-credit{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:.375rem}.lt-word{white-space:nowrap;display:inline-block}.detail-media--photo{aspect-ratio:auto;background:0 0;border-radius:0}.detail-media--photo .a-visual{aspect-ratio:16/9;border-radius:var(--radius-card)}.a-video-toggle{z-index:2;position:absolute;bottom:clamp(.75rem,1.4vw,1.25rem);left:clamp(.75rem,1.4vw,1.25rem)}.a-video-toggle svg{fill:currentColor;stroke:none;width:1.125rem;height:1.125rem}.a-video-toggle .ic-play,.a-media.is-paused .a-video-toggle .ic-pause{display:none}.a-media.is-paused .a-video-toggle .ic-play{display:block}.a-media[data-media=video]:is(.a-media--wide,.a-media--full) .a-visual{transform:scale(var(--grow,1));transform-origin:50% 60%}.a-quote{text-align:center;margin:clamp(4.5rem,9vw,11rem) 0}.post-page .article-prose .a-quote blockquote{color:inherit;font-size:inherit;--text:inherit;--muted:inherit;--line:inherit;background:0 0;border-radius:0;margin:0;padding:0}.a-quote p{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.125rem,6.4vw,6.5rem);font-weight:400;line-height:1.05}html:is([data-theme=dark],[data-theme=legacy-dark],[data-theme=night],[data-theme=warm-night]) .a-quote p{font-weight:300}.a-quote-cite{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:clamp(1.25rem,2.4vw,2.5rem)}.a-cite{margin:1.6em 0}.a-cite blockquote{margin:0}.a-cite-source{margin:.75rem 0 0 calc(var(--fs-body) * 1.43);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.lt-ch{transition:opacity .6s var(--ease-out) calc(var(--d) * 2)}.a-quote .lt-ch{transition-delay:calc(var(--d) * 3)}.a-cap-text,.a-cap-credit,.a-quote-cite{transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.a-cap-text{transition-delay:.2s}.a-cap-credit{transition-delay:.3s}.a-quote-cite{transition-delay:.9s}:is(.a-media,.a-quote):not(.is-text) .lt-ch{opacity:0;transition:none}:is(.a-media,.a-quote):not(.is-text) :is(.a-cap-text,.a-cap-credit,.a-quote-cite){opacity:0;transition:none;transform:translateY(1.25rem)}}.code{--code-font-size:calc(var(--fs-mono) + .125rem);scroll-margin-top:calc(var(--header-h) + 2rem);margin:clamp(2rem,3.6vw,3.5rem) 0}.article-prose .code pre{font-size:var(--code-font-size);background:0 0;border-radius:0;margin:0;padding:0}.code-caption{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:.75rem}.code-copy{font:inherit;color:inherit;cursor:pointer;opacity:.72;background:0 0;border:0;padding:0;font-size:.8125rem;line-height:1.5;transition:opacity .15s,color .15s}.code-copy:hover{opacity:1}.code-copy:focus-visible{outline:2px solid var(--focus,var(--c-ff6703));outline-offset:.1875rem;border-radius:.25rem}.code--editor .editor-panel{border-radius:1.25rem}.code--editor .editor-toolbar{padding:.5625rem 1.125rem;font-size:.8125rem}.code-tools{align-items:center;gap:1rem;display:inline-flex}.code-tools .editor-language{font-size:.8125rem}.code--editor .code-copy{color:inherit}.article-prose .code--editor .editor-code{padding:1rem 0;line-height:1.65}.code--editor .editor-line-number{width:3rem;padding-right:1.125rem}.editor-line.is-hl{background:color-mix(in oklab,var(--syntax-number) 17%,transparent);box-shadow:inset 2px 0 0 var(--syntax-number)}.editor-line.is-add{background:color-mix(in oklab,var(--syntax-string) 15%,transparent)}.editor-line.is-add .editor-line-text{color:var(--syntax-string)}.editor-line.is-del{background:color-mix(in oklab,var(--syntax-keyword) 13%,transparent)}.editor-line.is-del .editor-line-text{color:var(--syntax-keyword)}.code--editor .editor-license summary{padding:.5625rem 1.125rem;font-size:.8125rem}.term{color:oklch(91.23% .0131 185.07);font-family:var(--font-mono);--syntax-keyword:oklch(74.97% .1679 51.18);--syntax-key:oklch(83.7% .0754 150.04);--syntax-string:oklch(83.03% .0896 84.03);--syntax-number:oklch(79.04% .0695 330.2);--syntax-comment:oklch(58.19% .0203 174.82);background:oklch(25.28% .0143 248.39);border-radius:1.25rem;overflow:hidden;box-shadow:0 .5rem 1.5rem oklch(0% 0 0/.122)}.term-bar{color:oklch(65.4% .0219 177.07);border-bottom:1px solid oklch(31.64% .0167 244.75);align-items:center;gap:.875rem;padding:.625rem 1.125rem;font-size:.8125rem;line-height:1.5;display:flex}.term-dots{gap:.4375rem;display:inline-flex}.term-dots i{background:oklch(37.7% .019 242.26);border-radius:50%;width:.6875rem;height:.6875rem}.term-dots i:first-child{background:oklch(69.71% .2033 43.65)}.term-title{text-align:center;letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.term .code-copy{color:oklch(75.36% .0181 173.87)}.article-prose .code .term-body{padding:1.125rem 1.375rem 1.375rem}.term-body{font:400 var(--code-font-size)/1.75 var(--font-mono);white-space:pre;overscroll-behavior-x:contain;tab-size:2;scrollbar-width:thin;scrollbar-color:oklch(37.7% .019 242.26) transparent;margin:0;overflow-x:auto}.term-body code{font:inherit}.term-line{display:inline}.term-prompt{color:oklch(65.4% .0219 177.07)}.term-cmd{color:oklch(96.21% .0069 174.38)}.term-ok{color:oklch(83.7% .0754 150.04)}.term-err{color:oklch(76.6% .1397 31.69)}.term-comment{color:oklch(58.19% .0203 174.82)}.term-out{color:oklch(78.56% .0175 178.13)}.term-body:focus-visible{outline-offset:-.25rem;outline:2px solid oklch(69.71% .2033 43.65)}.code--retro{--scr-bg:oklch(96.2% .0155 86.43);--scr-edge:oklch(0% 0 0/.141)}html:is([data-theme=dark],[data-theme=legacy-dark],[data-theme=night],[data-theme=warm-night]) .code--retro{--scr-bg:oklch(19.37% .0077 67.35);--scr-edge:oklch(0% 0 0/.627)}.retro{color:var(--retro-ink);font-family:var(--font-mono);border:1px solid var(--retro-dark);background:linear-gradient(180deg,var(--retro-shell-hi),var(--retro-shell) 38%,var(--retro-shell-lo));box-shadow:inset 0 2px 0 oklch(100% 0 0/.533),inset 0 -2px 0 var(--retro-shade),0 1px 0 oklch(0% 0 0/.051),0 1.375rem 2.75rem -1.375rem oklch(25.52% .0298 76.92/.302);border-radius:1.125rem;padding:0 .625rem .625rem}.retro-bar{align-items:center;gap:.625rem;height:2.25rem;padding:0 .25rem;display:flex}.retro-bar:before,.retro-bar:after{content:"";background:repeating-linear-gradient(to bottom,var(--retro-ink) 0 1px,transparent 1px .15625rem);opacity:.5;border-radius:1px;flex:1;order:1;height:.6875rem}.retro-bar:after{order:3}.retro-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;max-width:60%;color:var(--retro-ink);order:2;font-size:.8125rem;line-height:1;overflow:hidden}.retro-shade{order:0}.retro-zoom{order:4}.retro-box,.retro-arrow,.retro-copy{appearance:none;color:var(--retro-ink);cursor:pointer;border:1.5px solid var(--retro-ink);background:linear-gradient(180deg,var(--retro-shell-hi),var(--retro-shell));box-shadow:inset 1px 1px 0 oklch(100% 0 0/.8),inset -1px -1px 0 var(--retro-shade);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;place-items:center;margin:0;padding:0;transition:background-color .12s ease-out,color .12s ease-out;display:grid}.retro-box{border-radius:.3125rem;flex:none;width:1.0625rem;height:1.0625rem;position:relative}.retro-zoom:after{content:"";border:1.5px solid;border-radius:2px;width:.4375rem;height:.375rem;position:absolute;top:2px;left:2px}.retro-box:hover,.retro-arrow:hover,.retro-copy:hover,.retro-box:focus-visible,.retro-copy:focus-visible{background:var(--c-ff6703);color:oklch(100% 0 0);outline:none;box-shadow:inset 1px 1px oklch(100% 0 0/.502),inset -1px -1px oklch(0% 0 0/.18)}.retro-box:active,.retro-arrow:active,.retro-copy:active{box-shadow:inset 1px 1px oklch(0% 0 0/.239),inset -1px -1px oklch(100% 0 0/.349)}.retro-pane{grid-template-rows:1fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1);display:grid}.retro.is-shaded .retro-pane{grid-template-rows:0fr}.retro-inner{min-height:0;overflow:hidden}.retro-main{gap:.375rem;display:flex}.retro-screen{background:var(--scr-bg);min-width:0;box-shadow:inset 0 0 0 1.5px var(--retro-ink),inset 0 .1875rem .375rem var(--scr-edge);border-radius:.625rem;flex:1;display:block;overflow:hidden}.article-prose .code .retro-code{padding:1.125rem 1.375rem}.retro-code{overscroll-behavior:contain;scrollbar-width:none;max-height:22em;font:400 var(--code-font-size)/1.7 var(--font-mono);letter-spacing:0;tab-size:2;white-space:pre;margin:0;overflow:auto}.retro-code::-webkit-scrollbar{display:none}.retro.is-zoomed .retro-code{max-height:none}.retro-code code{width:max-content;min-width:100%;font:inherit;display:block}.retro-code .editor-line{width:auto;padding-right:0;display:flex}.retro-code .editor-line-text{white-space:pre;overflow-wrap:normal}.retro-code .editor-line-number{width:auto;min-width:2ch;padding-right:1.5ch}.retro-code:focus-visible{outline:2px solid var(--focus,var(--c-ff6703));outline-offset:-.25rem;border-radius:.625rem}.retro-rail{flex:none;gap:.25rem;display:flex}.retro-rail-v{flex-direction:column;width:1.375rem}.retro-rail-h{flex:1;height:1.375rem}.retro-arrow{border-radius:.375rem;flex:none;width:1.375rem;height:1.375rem}.retro-arrow svg{width:1rem;height:1rem;image-rendering:pixelated}.retro-rail-v .retro-arrow:last-child svg{transform:rotate(180deg)}.retro-rail-h .retro-arrow:first-child svg{transform:rotate(-90deg)}.retro-rail-h .retro-arrow:last-child svg{transform:rotate(90deg)}.retro-track{border:1.5px solid var(--retro-ink);cursor:pointer;background-color:var(--retro-bezel-hi);background-image:conic-gradient(var(--retro-dark) 25%,transparent 0 50%,var(--retro-dark) 0 75%,transparent 0);background-size:.25rem .25rem;border-radius:.375rem;flex:1;position:relative;box-shadow:inset 0 1px 2px oklch(0% 0 0/.122)}.retro-thumb{border:1.5px solid var(--retro-ink);background:linear-gradient(180deg,var(--retro-shell-hi),var(--retro-shell));box-shadow:inset 1px 1px 0 oklch(100% 0 0/.8),inset -1px -1px 0 var(--retro-shade);cursor:grab;border-radius:.25rem;position:absolute}.retro-thumb:active{cursor:grabbing;background:var(--c-ff6703);box-shadow:inset 1px 1px oklch(100% 0 0/.502),inset -1px -1px oklch(0% 0 0/.18)}.retro-rail-v .retro-thumb{height:var(--len,2.5rem);transform:translateY(var(--pos,0px));top:-1.5px;left:-1.5px;right:-1.5px}.retro-rail-h .retro-thumb{width:var(--len,2.5rem);transform:translateX(var(--pos,0px));top:-1.5px;bottom:-1.5px;left:-1.5px}.retro-thumb:after{content:"";background:repeating-linear-gradient(var(--grip-dir,to bottom),currentColor 0 1px,transparent 1px .1875rem);opacity:.55;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.retro-rail-v .retro-thumb:after{width:.5rem;height:.4375rem}.retro-rail-h .retro-thumb:after{--grip-dir:to right;width:.4375rem;height:.5rem}.retro-rail.is-idle .retro-thumb{display:none}.retro-rail.is-idle .retro-track{cursor:default}.retro-rail.is-idle .retro-arrow{opacity:.45;pointer-events:none}.retro-foot{gap:.375rem;margin-top:.375rem;display:flex}.retro-copy{border-radius:.375rem;flex:none;width:1.375rem;height:1.375rem;position:relative}.retro-copy svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:.8125rem;height:.8125rem}.retro-copy-ok{background:var(--c-ff6703);color:oklch(100% 0 0);opacity:0;border-radius:.25rem;place-items:center;font-size:.8125rem;transition:opacity .15s;display:grid;position:absolute;inset:0}.retro-copy.is-copied .retro-copy-ok{opacity:1}@media (width<=767px){.retro{border-radius:.875rem;padding:0 .4375rem .4375rem}.article-prose .code .retro-code{max-height:18em;padding:.875rem 1rem}}.retro-boxes{order:4;gap:.3125rem;display:inline-flex}.retro-share{order:0;width:1.3125rem;height:1.3125rem;overflow:visible}.retro-dots{grid-template-columns:repeat(4,.1875rem);place-content:center;gap:1px;transition:opacity .14s ease-out;display:grid;position:absolute;inset:0}.retro-dots i{width:.1875rem;height:.1875rem;opacity:var(--o);background:currentColor;border-radius:.5px}.retro-dots-hover{opacity:0;color:oklch(100% 0 0)}.retro-share:is(:hover,:focus-visible) .retro-dots-rest{opacity:0}.retro-share:is(:hover,:focus-visible) .retro-dots-hover{opacity:1}@keyframes retro-pulse{0%,to{opacity:.1}34%{opacity:1}60%{opacity:.24}}@media (prefers-reduced-motion:no-preference){.retro-dots i{animation:retro-pulse 1.5s ease-in-out calc(var(--r) * .24s) infinite}}.retro-tip{background:var(--retro-ink);color:var(--retro-shell-hi);font:400 .6875rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;z-index:3;border-radius:.375rem;padding:.3125rem .5rem .25rem;transition:opacity .14s ease-out,transform .14s ease-out;position:absolute;bottom:calc(100% + .6875rem);left:50%;transform:translate(-50%,.1875rem)}.retro-tip:after{content:"";border:.3125rem solid #0000;border-top-color:var(--retro-ink);margin-left:-.3125rem;position:absolute;top:100%;left:50%}.retro-share:is(:hover,:focus-visible):not(.is-copied) .retro-tip:not(.retro-tip-done),.retro-share.is-copied .retro-tip-done{opacity:1;transform:translate(-50%)}.retro-share-ok{background:var(--c-ff6703);color:oklch(100% 0 0);opacity:0;border-radius:.25rem;place-items:center;font-size:.75rem;transition:opacity .15s;display:grid;position:absolute;inset:0}.retro-share.is-copied .retro-share-ok{opacity:1}.retro-share.is-copied .retro-dots{opacity:0}@media (width<=767px){.retro-share{width:1.1875rem;height:1.1875rem}.retro-dots{grid-template-columns:repeat(4,.15625rem)}.retro-dots i{width:.15625rem;height:.15625rem}}.code--plain{display:block}.article-prose .code.code--plain pre{background:var(--surface);border-radius:calc(var(--radius-card) / 2);font:400 var(--code-font-size)/1.6 var(--font-mono);tab-size:2;margin:0;padding:1em 1.3em;overflow-x:auto}.code--plain code{font:inherit}.article-author{grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));column-gap:var(--grid-gap);--p:1;align-items:start;padding-top:clamp(.625rem,1.2vw,1rem);display:grid;position:relative}.article-author:before{content:"";transform-origin:0;background:currentColor;height:1.5px;position:absolute;top:0;left:0;right:0}.article-author-label{font-size:var(--fs-large);letter-spacing:-.01em;grid-area:1/1/auto/3;margin:0;font-weight:400;line-height:1.4}.article-author-body{width:100%;max-width:54ch;font-size:var(--fs-body);grid-area:2/1/auto/-1;justify-self:center;padding-top:clamp(1.25rem,2.4vw,2rem)}@media (width>=768px){.article-author-body{grid-column:2/12;max-width:none}}@media (width>=960px){.article-author-body{grid-column:3/11}}@media (width>=1200px){.article-author-body{grid-column:4/13}}.article-author-bio{font-size:var(--fs-h3);letter-spacing:-.015em;--spread:8;margin:0;line-height:1.4}.article-author-bio>p{text-wrap:pretty;margin:0}.article-author-bio>p+p{margin-top:.6em}.bio-link{color:inherit;border-radius:2px;text-decoration:none}.bio-link:is(:hover,:focus-visible) .bio-w{color:var(--link-hover);transition:color .2s}.bio-link:focus-visible{outline:2px solid var(--focus,var(--c-ff6703));outline-offset:.2em}html:is([data-theme=dark],[data-theme=legacy-dark],[data-theme=night],[data-theme=warm-night]) .article-author-bio{font-weight:300}.bio-w{color:color-mix(in oklab,var(--text) calc(clamp(0,var(--p) * (var(--words) + var(--spread)) - var(--i),var(--spread)) / var(--spread) * 100%),color-mix(in oklab,var(--text) 26%,var(--bg)))}.article-author-more{margin:clamp(1.5rem,2.4vw,2.5rem) 0 0}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.bio-w{transition:color .22s cubic-bezier(.2,.8,.2,1)}}@media (width>=1200px){.article-author-body{grid-row:1;padding-top:clamp(.625rem,1.2vw,1rem)}}@media (width<=767px){.post-page .detail-title{line-height:1.1}.post-page .article-prose{font-size:1.0625rem}.post-page .article-prose h2{font-size:1.875rem}.post-page .article-prose h3{font-size:1.4375rem}}@media (width>=1600px){.post-page .article-prose{font-size:calc(var(--fs-body) + (100vw - 1600px) * .005)}}