@layer reset,vendor,tokens,base,layouts,components,pages,utilities,overrides;@layer tokens{:root{color-scheme:light;--bg:oklch(98.8% 0.004 86);--fg:oklch(20% 0 0);--text:var(--fg);--muted:oklch(40% 0 0);--border:oklch(82% 0.012 82);--accent:oklch(38% 0.10 248);--link:var(--accent);--visited:oklch(38% 0.08 310);--code-bg:oklch(94% 0.012 84);--code-border:oklch(72% 0.016 82);--code-text:oklch(16% 0 0);--syntax-keyword:oklch(38% 0.10 248);--syntax-type:oklch(34% 0.08 290);--syntax-function:oklch(33% 0.09 205);--syntax-string:oklch(36% 0.08 145);--syntax-number:oklch(38% 0.08 42);--syntax-comment:oklch(46% 0.012 82);--syntax-operator:oklch(32% 0.02 82);--mark-ice:oklch(92% 0.045 230);--mark-blue:oklch(58% 0.11 242);--mark-deep:oklch(35% 0.08 246);--page:1040px;--prose:70ch;--measure:54ch;--gutter:clamp(12px, 1.6vw, 22px);--flow-gap:18px;--focus-ring:2px solid var(--link);--anchor-clearance:max(10rem, 25vh);--z-header:30;--z-skip-link:40;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}}@layer reset{*,*::before,*::after{box-sizing:border-box}button{font:inherit}img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}}@layer base{html{background:var(--bg);scroll-padding-block-start:var(--anchor-clearance);-webkit-text-size-adjust:100%}body{min-block-size:100vh;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}a:visited{color:var(--visited)}a:hover{text-decoration-thickness:2px}:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:1px}::selection{background:color-mix(in oklch,var(--accent) 20%,var(--bg))}p{max-inline-size:var(--measure);margin:0;text-wrap:pretty}h1,h2,h3{margin:0;color:var(--text);font-weight:650;letter-spacing:0;line-height:1.18;text-wrap:pretty}h1{max-inline-size:34ch;font-size:44px}h2{font-size:26px}h3{font-size:19px}code,pre{font-family:var(--font-mono)}.section :where(:not(pre)>code){overflow-wrap:anywhere}pre{margin:0;overflow-x:auto;padding:14px 16px 16px;color:var(--code-text);font-size:14px;line-height:1.58;tab-size:2}.meta{max-inline-size:var(--prose);color:var(--muted);font-family:var(--font-mono);font-size:13px;line-height:1.55}.lead{color:var(--text);font-size:19px;line-height:1.55}}@layer utilities{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;overflow-wrap:normal;white-space:nowrap}.svg-symbols{position:absolute;inline-size:0;block-size:0}}@media(max-width:760px){@layer base{body{font-size:16px}h1{font-size:36px}h2{font-size:26px}}}@layer layouts{.page{inline-size:min(calc(100% - (var(--gutter) * 2)),var(--page));margin-inline:auto}.section{padding-block:clamp(32px,4.5vw,52px)}.section-hero{padding-block-start:42px}.stack{display:flex;flex-direction:column;gap:var(--flow-gap)}}@media(max-width:760px){@layer layouts{.section-hero{padding-block-start:32px}}}@layer components{.site-header{position:sticky;inset-block-start:0;z-index:var(--z-header);border-block-end:1px solid var(--border);background:var(--bg);padding-block:22px 20px}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}.site-brand{display:inline-flex;align-items:center;gap:10px;min-inline-size:0;color:var(--text);text-decoration:none}.site-brand:visited{color:var(--text)}.site-brand-mark{inline-size:36px;flex:none}.site-brand-text{font-weight:650;white-space:nowrap}.site-nav{display:flex;flex:none;align-items:center;gap:10px;color:var(--muted);font-size:15px;white-space:nowrap}.site-nav a[aria-current=page]{color:var(--text);font-weight:650;text-decoration-thickness:2px;text-underline-offset:.28em}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:var(--z-skip-link);transform:translateY(-140%);border:1px solid var(--border);background:var(--bg);color:var(--link);padding:6px 10px}.skip-link:focus{transform:translateY(0)}.command{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:12px;align-items:center;max-inline-size:var(--prose);background:var(--code-bg);padding:12px 12px 12px 14px}.command code{min-inline-size:0;color:var(--code-text);font-size:14px;line-height:1.45;overflow-wrap:anywhere;white-space:normal}.copy-btn{border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;line-height:1.2;padding:6px 10px}.copy-btn:hover,.copy-btn.is-copied{border-color:var(--text);color:var(--text)}.copy-btn.is-copied{border-color:var(--mark-blue);color:var(--mark-deep)}.comparison{display:flex;flex-direction:column;gap:var(--flow-gap)}.code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.code-block{display:flex;flex-direction:column;gap:6px;min-inline-size:0}.code-block .highlight{background:var(--code-bg)}.code-title{color:var(--muted);font-family:var(--font-mono);font-size:12px;line-height:1.3}.code-block--compact{max-inline-size:var(--measure)}.definition-list{display:grid;grid-template-columns:11ch minmax(0,1fr);gap:14px 20px;max-inline-size:var(--prose);margin:0}.definition-list dt{color:var(--muted);font-family:var(--font-mono);font-size:13px}.definition-list dd{margin:0}.entry-row{display:flex;flex-direction:column;gap:3px}.entry-row h2{font-size:19px;font-weight:550;line-height:1.4}.entry-row p{color:var(--muted);font-size:15px;max-inline-size:62ch}.site-footer{margin-block-start:16px;padding-block:28px 40px;border-block-start:1px solid var(--border);color:var(--muted);font-size:15px}.site-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer p{max-inline-size:58ch}.site-footer a{overflow-wrap:anywhere}.prose{display:flex;flex-direction:column;gap:22px;max-inline-size:var(--prose)}.prose a{overflow-wrap:anywhere}.prose ul,.prose ol{padding-inline-start:1.35rem}.prose>:where(ul,ol,blockquote,h2,h3){max-inline-size:var(--measure)}.prose h2{margin-block-start:40px;font-size:23px}.prose blockquote{margin:0;border-inline-start:3px solid var(--border);color:var(--muted);padding-inline-start:1rem}.prose :where(:not(pre)>code){background:var(--code-bg);color:var(--code-text);padding:.1em .18em}.prose .highlight{background:var(--code-bg)}.prose .highlight pre{background:0 0;color:var(--code-text)}.table-scroll{max-inline-size:100%;overflow-x:auto;font-size:14px}.table-scroll table{inline-size:100%;min-inline-size:43rem;border-collapse:collapse}.table-scroll th,.table-scroll td{border-block-end:1px solid var(--border);padding:9px 14px 9px 0;text-align:start;vertical-align:top}.table-scroll td code{white-space:nowrap}.table-scroll th{border-block-end-color:var(--code-border);font-weight:650}.table-scroll tr:last-child td{border-block-end:0}}@media(prefers-reduced-motion:no-preference){@layer components{.copy-btn{transition:color 120ms ease,border-color 120ms ease,transform 80ms ease}.copy-btn:active{transform:translateY(1px)}}}@media(max-width:560px){@layer components{.site-header-inner{align-items:flex-start;flex-wrap:wrap}.site-nav{inline-size:100%;flex-wrap:wrap;row-gap:4px;white-space:normal}.site-nav a{white-space:nowrap}.site-nav span{display:none}}}@media(max-width:760px){@layer components{.command,.code-grid,.definition-list{grid-template-columns:1fr}.copy-btn{justify-self:start}.definition-list{gap:2px 0}.definition-list dd+dt{margin-block-start:12px}}}@layer pages{.home{display:grid;grid-template-rows:1fr auto;min-block-size:100vh;min-block-size:100svh;padding-block:clamp(24px,4vw,40px);text-align:center}.home-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(32px,5vw,56px);padding-block-end:clamp(32px,6vw,72px)}.home-brand{--mark-size:clamp(120px, 17vw, 200px);display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.4vw,26px)}.home-brand-lockup{display:flex;align-items:flex-end;gap:calc(var(--mark-size) * .13);max-inline-size:none}.home-brand-mark{inline-size:var(--mark-size);flex:none;margin-inline-start:calc(var(--mark-size) * -.197)}.home-brand-name{color:var(--text);font-size:calc(var(--mark-size) * .4);line-height:1;white-space:nowrap;transform:translateY(.125em)}.home-brand-tagline{max-inline-size:34ch;color:var(--muted);font-size:clamp(17px,2.2vw,22px);line-height:1.4;text-wrap:balance}.home-index{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:19px}.home-utility{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;max-inline-size:none;color:var(--muted);font-size:14px}.product-figure{margin:0}.product-figure a{display:block}.product-figure img{inline-size:100%;block-size:auto}.product-figure figcaption{max-inline-size:var(--prose);margin-block-start:10px;color:var(--muted);font-size:14px}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3.2vw,40px)clamp(32px,4vw,56px);margin:0;padding:0;list-style:none}.feature-list li{max-inline-size:46ch}.feature-list h3{font-size:18px}.feature-list p{margin-block-start:6px}.post-list{display:flex;flex-direction:column;gap:clamp(28px,3.4vw,40px)}.post-article{display:flex;flex-direction:column;gap:var(--flow-gap);max-inline-size:var(--prose)}.post-article h1{max-inline-size:34ch}.post-article .prose{margin-block-start:16px}.post-article .lead{color:var(--muted)}.post-article .post-end{margin-block-start:clamp(28px,4vw,48px)}.back-link{display:inline-flex;font-family:var(--font-mono);font-size:13px}}@media(max-width:760px){@layer pages{.feature-list{grid-template-columns:1fr}}}@media(max-width:560px){@layer pages{.home-brand{--mark-size:min(30vw, 132px)}.home-brand-tagline{max-inline-size:30ch}.home-index{font-size:18px}}}@layer vendor{.highlight{margin:0;background:var(--code-bg)}.highlight pre{background:0 0;color:var(--code-text)}.highlight code{color:inherit}.chroma{background:0 0}.chroma .line{display:block}.chroma .c,.chroma .c1,.chroma .cm{color:var(--syntax-comment);font-style:italic}.chroma .k,.chroma .kd,.chroma .kn,.chroma .kr{color:var(--syntax-keyword);font-weight:650}.chroma .kt{color:var(--syntax-type)}.chroma .nf,.chroma .fm{color:var(--syntax-function)}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sb{color:var(--syntax-string)}.chroma .mi,.chroma .mf{color:var(--syntax-number)}.chroma .o,.chroma .ow{color:var(--syntax-operator)}}