@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/roboto/roboto-v29-latin-regular.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/roboto/roboto-v29-latin-italic.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/roboto/roboto-v29-latin-500.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/roboto/roboto-v29-latin-700.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/fonts/roboto/roboto-v29-latin-700italic.woff2)format("woff2")}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/roboto-condensed/roboto-condensed-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/roboto-condensed/roboto-condensed-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/roboto-mono/roboto-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Roboto Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/roboto-mono/roboto-mono-latin-400-italic.woff2)format("woff2")}:root{--ink:#3402f0;--scarlet:#fd4d26;--black:#000;--white:#fff;--fuchsia:#e82577;--pearl:#faf8f8;--iris:#50f1d7;--font-body:Roboto, Helvetica, Arial, sans-serif;--font-display:"Roboto Condensed", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Roboto Mono", ui-monospace, monospace;--text-body:1.25rem;--leading-body:1.75;--text-h1:clamp(2.25rem, 5vw, 3.5rem);--text-h2:1.6rem;--text-meta:1rem;--text-tag:.78rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--measure:68ch;--gutter:clamp(1.5rem, 4vw, 4.5rem);--content:72rem;--cut:.176;--header-height:4rem}html,html[data-theme=light]{color-scheme:light;--bg:var(--white);--text:var(--black);--link:var(--ink);--accent:var(--scarlet);--surface:var(--pearl);--muted:#595959;--border:#e6e2e2;--kicker:var(--ink);--code-inline-bg:var(--pearl);--header-bg:var(--white);--selection:#d9d4ff}html[data-theme=dark]{color-scheme:dark;--bg:var(--black);--text:var(--pearl);--link:var(--iris);--accent:var(--scarlet);--surface:#1c1c1c;--muted:#8a8a8a;--border:#2a2a2a;--kicker:var(--scarlet);--code-inline-bg:#1c1c1c;--header-bg:var(--black);--selection:#143f38}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);word-wrap:break-word;margin:0}::selection{background:var(--selection)}img{max-width:100%;height:auto}a{color:var(--link)}:focus-visible{outline:2px solid var(--link);outline-offset:3px}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:700;line-height:1.05}.title{font-family:var(--font-body);letter-spacing:-.02em;text-transform:none;font-weight:500;line-height:1.22}.kicker,.chip,.label,.code-name,.code-copy{font-family:var(--font-body);font-size:var(--text-tag);letter-spacing:.15em;text-transform:uppercase;font-weight:500}.kicker{color:var(--kicker);margin:0 0 var(--space-3);text-decoration:none}.kicker-row .kicker{margin:0}.section-title{font-family:var(--font-body);letter-spacing:-.02em;text-transform:none;margin:0 0 var(--space-5);border-bottom:3px solid var(--text);padding-bottom:.7rem;font-size:clamp(1.85rem,2.6vw,2.5rem);font-weight:500;line-height:1.2}.section-title a{color:inherit;text-decoration:none}.lede{margin:0 0 var(--space-4);font-size:1.3rem;line-height:1.6}.echo{z-index:1;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #faf8f8bf;pointer-events:none;user-select:none;margin:0;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;line-height:.8;position:absolute;top:.15em;right:.15em}.chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip,.prose .chip,.label{color:var(--text);border:1px solid var(--border);background:var(--surface);padding:.35rem .7rem;text-decoration:none;display:inline-block}.chip:hover{border-color:var(--link);color:var(--link)}.label-sponsored{border-color:var(--scarlet);color:var(--scarlet)}.label-hosted{border-color:var(--link);color:var(--link)}.meta{color:var(--muted);font-size:var(--text-meta);margin:0 0 var(--space-3);flex-wrap:wrap;align-items:center;gap:.35rem .7rem;display:flex}.meta a{color:inherit}.lang{border:1px solid var(--border);letter-spacing:.08em;padding:0 .35rem;font-size:.75rem}.button{background:var(--white);color:var(--black);font-size:var(--text-tag);letter-spacing:.15em;text-transform:uppercase;padding:.75rem 1rem;text-decoration:none;display:inline-block;position:relative}.button:hover{background:var(--pearl)}.prose{max-width:var(--measure);display:flow-root}.page-wrap.wide .prose,.prose.wide,.wide .prose{max-width:none}.prose :is(h2,h3,h4){font-family:var(--font-body);text-transform:none;letter-spacing:0;font-weight:500;line-height:1.25}.prose h2{margin:2.2rem 0 .85rem;font-size:1.85rem;line-height:1.3}.prose h3{margin:1.6rem 0 .6rem;font-size:1.25rem}.prose h4{margin:1.4rem 0 .5rem;font-size:1.05rem}.heading-anchor{color:var(--muted);opacity:0;margin-left:.35em;text-decoration:none}.heading-anchor:before{content:"#"}:is(h2,h3,h4):hover .heading-anchor,.heading-anchor:focus{opacity:1}.prose :is(p,ul,ol,dl,blockquote,figure,.code-block){margin:0 0 1rem}.prose :is(ul,ol){padding-left:1.25rem}.prose .chips{padding-left:0}.prose li>:is(ul,ol){margin-bottom:0}.prose a{text-underline-offset:.15em}.prose blockquote,.callout{background:var(--surface);border-left:4px solid var(--link);margin:1.25rem 0;padding:.9rem 1rem}.callout-warning{border-left-color:var(--scarlet)}.callout-tldr{border-left-color:var(--fuchsia)}.callout .kicker{margin-bottom:var(--space-2)}.prose img,.prose video{margin:1.25rem auto;display:block}.prose img[align=left]{float:left;margin:.25rem 1rem 1rem 0}.prose img[align=right]{float:right;margin:.25rem 0 1rem 1rem}.prose iframe{aspect-ratio:16/9;border:0;width:100%;max-width:100%;height:auto;margin:1.25rem 0;display:block}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-meta);margin:1rem 0 1.5rem}.prose :is(th,td){border:1px solid var(--border);text-align:left;vertical-align:top;padding:.45rem .6rem}.prose hr{border:0;border-top:1px solid var(--border);margin:2rem 0}.prose #markdown-toc{display:none}:not(pre)>code{font-family:var(--font-mono);background:var(--code-inline-bg);padding:.1em .35em;font-size:.86em}.code-block{background:var(--black);color:var(--pearl);margin:0 0 1.25rem}.code-bar{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--pearl);background:#111;padding:.45rem .8rem;display:flex}.code-copy{color:var(--pearl);cursor:pointer;background:0 0;border:1px solid #333;padding:.2rem .45rem}.code-block pre{color:var(--pearl);font-family:var(--font-mono);margin:0;padding:1rem .9rem;font-size:.86rem;line-height:1.55;overflow-x:auto;background:var(--black)!important}.code-block code{font-family:inherit;font-size:inherit;background:0 0;padding:0}.code-block .line{vertical-align:top;min-width:100%;min-height:1.55em;display:inline-block}.code-block .line.highlighted{box-shadow:inset 3px 0 0 var(--iris);background:#50f1d724}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.skip{left:var(--space-4);background:var(--ink);color:var(--white);padding:var(--space-2) var(--space-4);z-index:10;position:absolute;top:-4rem}.skip:focus{top:var(--space-2)}.site-header{z-index:5;align-items:center;gap:var(--space-4);min-height:var(--header-height);padding:0 max(var(--gutter), calc((100% - var(--content)) / 2));background:color-mix(in srgb, var(--header-bg) 92%, transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);view-transition-name:site-header;display:flex;position:sticky;top:0;container:bar/inline-size}.brand{align-items:center;gap:var(--space-3);color:var(--text);flex:none;margin-right:auto;text-decoration:none;display:flex}.brand img{object-fit:cover;object-position:top;width:1.75rem;height:1.75rem}html[data-theme=dark] .brand img{filter:invert()}.brand-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1}.nav-toggle{border:1px solid var(--border);border-radius:999px;flex:none;order:1;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.nav-toggle svg{width:1.1rem;height:1.1rem}.nav-toggle .icon-close,.nav-toggle[aria-expanded=true] .icon-menu{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}body.nav-open{overflow:hidden}.site-nav{height:calc(100dvh - var(--header-height));padding:var(--space-4) 0 0;background:var(--bg);overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;margin:0;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.site-nav.is-open{display:flex}.site-nav a,.icon-button{color:var(--text);letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:1rem;text-decoration:none}.site-nav a{min-height:3.75rem;padding:0 var(--gutter);border-bottom:1px solid var(--border);align-items:center;font-size:1.5rem;font-weight:500;display:flex}.nav-toggle{border:1px solid var(--border);background:var(--bg)}.site-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--scarlet)}.site-nav a:hover,.icon-button:hover{color:var(--link)}.header-actions{margin-left:var(--space-3);align-items:center;gap:.65rem;display:flex}.search-trigger,.theme-toggle{border:1px solid var(--border);background:var(--bg);height:2rem;color:var(--text);font:inherit;cursor:pointer;align-items:center;display:inline-flex}.search-trigger{color:var(--muted);border-radius:999px;gap:.4rem;padding:0 .45rem 0 .65rem;font-size:.9rem}.search-trigger svg,.theme-toggle svg{flex:none;width:1rem;height:1rem}.search-trigger .key{background:var(--surface);border-radius:.3rem;line-height:1.3}.search-trigger:hover,.theme-toggle:hover{border-color:var(--text);color:var(--text)}.theme-toggle{border-radius:.45rem;justify-content:center;width:2rem}.theme-toggle .icon-sun,html[data-theme=dark] .theme-toggle .icon-moon{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}kbd,.key{font-family:var(--font-mono);letter-spacing:0;text-transform:none;border:1px solid var(--border);color:var(--muted);padding:.05rem .35rem;font-size:.75rem}.shell{width:100%;margin:0;padding:0;container:page/inline-size}.site-footer{background:var(--black);color:var(--pearl);width:100%;container:foot/inline-size}html[data-theme=dark] .site-footer{background:#111;box-shadow:inset 0 1px #2a2a2a}.footer-zones{grid-template-columns:1fr;display:grid}.footer-zone{padding:var(--space-8) clamp(1.5rem, 3vw, 2.5rem)}.footer-zone+.footer-zone{border-top:1px solid #ffffff29;border-left:0}.footer-zone h2{margin:0 0 var(--space-4);font-family:var(--font-body);font-size:var(--text-tag);letter-spacing:.15em;text-transform:uppercase;color:var(--scarlet);font-weight:500}.footer-brand p{letter-spacing:-.02em;max-width:18rem;margin:0;font-size:1.7rem;font-weight:500;line-height:1.3}.footer-zone ul{flex-direction:column;gap:.55rem;margin:0;padding:0;font-size:1.05rem;list-style:none;display:flex}.site-footer a{color:var(--pearl);text-decoration:none}.site-footer a:hover{color:var(--iris)}.footer-bar{justify-content:space-between;gap:var(--space-4);padding:var(--space-4) clamp(1.5rem, 4vw, 4.5rem);color:#8a8a8a;font-size:var(--text-meta);border-top:1px solid #ffffff29;display:flex}.search-dialog{border:1px solid var(--border);background:var(--bg);width:min(40rem,100% - 2rem);color:var(--text);padding:var(--space-4)}.search-dialog::backdrop{background:#0000008c}#search,#page-search{--pagefind-ui-primary:var(--link);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--bg);--pagefind-ui-border:var(--border);--pagefind-ui-tag:var(--surface);--pagefind-ui-font:var(--font-body)}@container bar (width<=30rem){.search-trigger span,.search-trigger .key{display:none}.search-trigger{padding:0 .5rem}.header-actions{margin-left:0}.brand-name{font-size:.875rem}}@container bar (width>=50rem){.nav-toggle{display:none}.site-nav,.site-nav.is-open{align-items:center;gap:var(--space-4);background:0 0;border-bottom:0;flex-direction:row;height:auto;padding:0;display:flex;position:static;overflow:visible}.site-nav a{border-bottom:0;min-height:0;padding:0;font-size:1rem;font-weight:400}.site-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--scarlet);padding-bottom:.2rem}}@container foot (width>=50rem){.footer-zones{grid-template-columns:minmax(14rem,1.5fr) repeat(3,minmax(0,1fr))}.footer-zone+.footer-zone{border-top:0;border-left:1px solid #ffffff29}}.page-title{min-height:8rem;padding:var(--space-8) max(var(--gutter), calc((100% - var(--content)) / 2));background:var(--surface);border-bottom:1px solid var(--border);margin:0;position:relative;overflow:hidden}.page-title .echo{-webkit-text-stroke:2px var(--text);opacity:.22;padding-top:.35em;top:-.15em}.page-title h1{font-size:var(--text-h1);margin:0;position:relative}.page-wrap{padding:var(--space-7) max(var(--gutter), calc((100% - var(--content)) / 2)) var(--space-8)}.page-wrap:not(.wide) .prose{margin-inline:auto}.page-wrap.wide .prose,.prose.wide,.wide .prose{max-width:none}