@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/react-inp-chunker/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/react-inp-chunker/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/react-inp-chunker/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/react-inp-chunker/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/react-inp-chunker/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/react-inp-chunker/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/react-inp-chunker/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/react-inp-chunker/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--seed-primary-h:158;--seed-secondary-h:335;--seed-neutral-h:250;--seed-chroma:.2;--bg:oklch(.15 .035 var(--seed-neutral-h));--bg-raised:oklch(.18 .04 var(--seed-neutral-h));--bg-sunken:oklch(.12 .03 var(--seed-neutral-h));--surface:oklch(.2 .04 var(--seed-neutral-h));--surface-strong:oklch(.24 .045 var(--seed-neutral-h));--text:oklch(.97 .012 var(--seed-neutral-h));--text-2:oklch(.82 .035 var(--seed-neutral-h));--text-3:oklch(.71 .04 var(--seed-neutral-h));--accent:oklch(.72 var(--seed-chroma) var(--seed-primary-h));--accent-strong:oklch(.81 calc(var(--seed-chroma) * .7) var(--seed-primary-h));--accent-2:oklch(.82 calc(var(--seed-chroma) * .65) var(--seed-secondary-h));--on-accent:oklch(.14 .03 var(--seed-neutral-h));--success:oklch(78% .16 155);--warning:oklch(82% .15 75);--danger:oklch(70% .18 25);--border:color-mix(in oklch, var(--text) 11%, transparent);--border-strong:color-mix(in oklch, var(--text) 22%, transparent);--accent-soft:color-mix(in oklch, var(--accent) 14%, transparent);--header-fill:color-mix(in oklch, var(--bg) 94%, transparent);--frame:var(--accent);--interaction:var(--accent-2);--long-task:var(--danger);--wait:var(--warning);--task:color-mix(in oklch, var(--text) 40%, var(--bg-sunken));--rating-good:var(--success);--rating-ni:var(--warning);--rating-poor:var(--danger);--code-bg:var(--bg-sunken);--tok-keyword:var(--accent-2);--tok-string:var(--accent-strong);--tok-entity:var(--accent);--tok-class:var(--warning);--tok-property:var(--text-2);--tok-comment:var(--text-3);--tok-sign:var(--text-3);--tok-identifier:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:oklch(.985 .006 var(--seed-neutral-h));--bg-raised:oklch(1 0 var(--seed-neutral-h));--bg-sunken:oklch(.955 .016 var(--seed-neutral-h));--surface:oklch(1 0 var(--seed-neutral-h));--surface-strong:oklch(.94 .02 var(--seed-neutral-h));--text:oklch(.2 .04 var(--seed-neutral-h));--text-2:oklch(.38 .045 var(--seed-neutral-h));--text-3:oklch(.48 .045 var(--seed-neutral-h));--accent:oklch(.48 calc(var(--seed-chroma) * .55) var(--seed-primary-h));--accent-strong:oklch(.43 calc(var(--seed-chroma) * .5) var(--seed-primary-h));--accent-2:oklch(.5 calc(var(--seed-chroma) * .85) var(--seed-secondary-h));--on-accent:oklch(1 0 var(--seed-neutral-h));--success:oklch(47% .11 155);--warning:oklch(50% .1 75);--danger:oklch(50% .19 25);--border:color-mix(in oklch, var(--text) 13%, transparent);--border-strong:color-mix(in oklch, var(--text) 26%, transparent);--header-fill:color-mix(in oklch, var(--bg-raised) 94%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports not (color:oklch(0 0 0)){:root{--bg:#020c19;--bg-raised:#031222;--bg-sunken:#010610;--surface:#071727;--surface-strong:#0e2236;--text:#eff6fd;--text-2:#b4c6db;--text-3:#8fa4ba;--accent:#00c872;--accent-strong:#66dc9e;--accent-2:#f8a3e5;--on-accent:#020a15;--success:#4ed589;--warning:#fcb442;--danger:#fa6863;--border:#eff6fd1c;--border-strong:#eff6fd38;--accent-soft:#00c87224;--header-fill:#020c19db}[data-theme=light]{--bg:#f7fafe;--bg-raised:#fff;--bg-sunken:#e9f0f8;--surface:#fff;--surface-strong:#e0ebf7;--text:#071727;--text-2:#30445a;--text-3:#4a6076;--accent:#077045;--accent-strong:#01603a;--accent-2:#9a3289;--on-accent:#fff;--success:#106c3e;--warning:#845a0f;--danger:#b71824;--border:#07172721;--border-strong:#07172742;--accent-soft:#07704524;--header-fill:#ffffffe0}}:root{--font-sans:"Atkinson Hyperlegible Next Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.25rem;--step-2:1.625rem;--step-3:clamp(1.75rem, 1.2rem + 1.8vw, 2.25rem);--step-4:clamp(2.25rem, 1.3rem + 3.6vw, 4rem);--radius-control:6px;--radius-panel:10px;--measure:68ch;--container:1120px;--gutter:clamp(16px, 4vw, 40px);--header-height:60px;--header-offset:80px;--z-header:60;--z-skip:100;--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (width<=1020px){:root{--header-offset:124px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--header-offset);background:var(--bg)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);min-height:100vh;color:var(--text-2);font-family:var(--font-sans);font-size:var(--step-0);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}h1,h2,h3,h4{color:var(--text);font-family:var(--font-mono);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:640;line-height:1.15}h2{font-size:var(--step-3)}h3{font-size:var(--step-1);letter-spacing:-.01em}p{text-wrap:pretty;margin:0}p+p{margin-top:1em}strong{color:var(--text);font-weight:700}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{background:var(--surface-strong);color:var(--text);white-space:nowrap;border-radius:4px;padding:.1em .35em}ul,ol{margin:0;padding-left:1.25em}li+li{margin-top:.4em}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in oklch, var(--accent) 35%, transparent);color:var(--text)}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.prose{max-width:var(--measure)}.prose>:is(ul,ol){margin-top:.75em}.prose>:is(ul,ol)+p{margin-top:1em}.section{border-top:1px solid var(--border);padding-block:clamp(56px,9vw,112px)}.section__head{max-width:var(--measure);margin-bottom:clamp(28px,4vw,44px)}.section__head p{font-size:var(--step-1);color:var(--text-2);margin-top:14px;line-height:1.5}.lede{font-size:var(--step-1);line-height:1.5}.muted{color:var(--text-3)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:var(--z-skip);border-radius:var(--radius-control);background:var(--accent);color:var(--on-accent);padding:10px 14px;font-weight:700;text-decoration:none;position:absolute;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.button{border:1px solid var(--border-strong);border-radius:var(--radius-control);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:650;line-height:1.2;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.button:hover{border-color:var(--text-3);background:var(--surface)}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.button--primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.button--small{min-height:32px;font-size:var(--step--1);padding:4px 10px}.button:disabled{opacity:.45;cursor:not-allowed}.button:disabled:hover{border-color:var(--border-strong);background:0 0}.button--primary:disabled:hover{border-color:var(--accent);background:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}input[type=range]:disabled{cursor:not-allowed}.field-label{color:var(--text);font-weight:650;display:block}.text-input{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--bg-sunken);width:100%;min-height:44px;color:var(--text);font:inherit;padding:10px 12px}.text-input::placeholder{color:var(--text-3)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-panel);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--step--1);line-height:1.5}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px}tr:last-child>td{border-bottom:0}th{color:var(--text);background:var(--bg-raised);font-weight:700}td code{white-space:nowrap}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-footer{border-top:1px solid var(--border);color:var(--text-3);font-size:var(--step--1);padding-block:28px 40px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;display:flex}.site-footer__brand{align-items:center;gap:10px;display:flex}.site-footer__links{flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;display:flex}.site-footer__links li{margin:0}.site-footer a{color:var(--text-2)}.site-footer a:hover{color:var(--text)}.site-header{z-index:var(--z-header);border-bottom:1px solid var(--border);background:var(--header-fill);-webkit-backdrop-filter:blur(12px)saturate(1.4);position:sticky;top:0}.site-header__inner{min-height:var(--header-height);align-items:center;gap:24px;display:flex}.site-header__brand{color:var(--text);font-family:var(--font-mono);letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:10px;font-size:.9375rem;font-weight:650;text-decoration:none;display:inline-flex}.site-header__nav{flex:1;min-width:0}.site-header__nav ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.site-header__nav li{margin:0}.site-header__nav a{border-radius:var(--radius-control);color:var(--text-2);white-space:nowrap;padding:8px 10px;font-size:.9375rem;text-decoration:none;display:block}.site-header__nav a:hover{color:var(--text);background:var(--surface)}.site-header__nav a[aria-current=location]{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);border-radius:var(--radius-control) var(--radius-control) 0 0}.site-header__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-button{border-radius:var(--radius-control);width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-button:hover{color:var(--text);background:var(--surface)}@media (width<=1020px){.site-header__inner{flex-wrap:wrap;row-gap:0}.site-header__nav{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none;border-top:1px solid var(--border);flex-basis:100%;order:3;overflow-x:auto}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav a{padding-block:10px}}.subhead{font-size:var(--step-1);margin:1.8em 0 .6em}.prose>.subhead:first-child{margin-top:0}.split{grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.split--even{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(40px,6vw,64px)}.callout{border-left:3px solid var(--long-task);border-radius:0 var(--radius-panel) var(--radius-panel) 0;background:var(--bg-raised);padding:20px 22px}.callout__title{font-size:var(--step-0);margin-bottom:12px}.callout__list{color:var(--text-2);font-size:var(--step--1)}.objective{max-width:var(--measure);border:1px solid var(--accent);border-radius:var(--radius-panel);background:var(--accent-soft);margin-top:clamp(40px,6vw,64px);padding:clamp(20px,3vw,28px)}.objective__title{color:var(--accent);font-size:var(--step-1);margin-bottom:10px}.objective p{color:var(--text);font-size:var(--step-1);line-height:1.5}.loop{counter-reset:loop;border-block:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.loop__step{counter-increment:loop;margin:0;padding:22px 22px 24px 0;position:relative}.loop__step+.loop__step{border-left:1px solid var(--border);padding-left:22px}.loop__title{font-size:var(--step-1);align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.loop__title:before{content:counter(loop);color:var(--accent);font-size:.85em}.loop__step p{color:var(--text-2);font-size:var(--step--1);line-height:1.55}.fallbacks li,.checks li{color:var(--text-2)}.checks{padding-left:0;list-style:none}.checks li{padding-left:22px;position:relative}.checks li:before{content:"";border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);width:9px;height:5px;position:absolute;top:.55em;left:2px;transform:rotate(-45deg)}.tradeoff{max-width:var(--measure);border-top:1px solid var(--border);color:var(--text-2);margin-top:clamp(32px,5vw,48px);padding-top:20px}.guide{gap:clamp(40px,6vw,64px);display:grid}.guide__block{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,48px);display:grid}.guide__block>.prose h3{font-size:var(--step-1);margin-bottom:10px}.guide__block>.prose p+ul{margin-top:12px}.guide__block>.prose li{color:var(--text-2);font-size:var(--step--1)}.guide__block--wide{grid-template-columns:minmax(0,1fr)}.tips{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.tips li{border-bottom:1px solid var(--border);color:var(--text-2);font-size:var(--step--1);margin:0;padding:18px 20px 18px 0}.tips li:nth-child(2n){border-left:1px solid var(--border);padding-left:20px}.tips strong{font-size:var(--step-0);margin-bottom:4px;display:block}.api{gap:clamp(40px,6vw,56px);display:grid}.api__entry{gap:16px;display:grid}.api__signature{font-size:var(--step-1);overflow-wrap:anywhere}.api__signature code{font-size:inherit;white-space:normal;background:0 0;padding:0}.api__entry>p{max-width:var(--measure)}.api__table-title{color:var(--text-3);font-family:var(--font-sans);font-size:var(--step--1);letter-spacing:0;margin-top:6px;font-weight:700}.api-table td code{background:0 0;padding:0}.api-table td:first-child{width:24%}.api-table td:first-child code{color:var(--accent);white-space:normal}.api-table td:nth-child(2) code{color:var(--text-2);white-space:normal}.lifecycle{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-raised);color:var(--text-3);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;padding:16px 18px;font-size:.875rem;display:flex}.lifecycle code{color:var(--text)}.choices th[scope=row]{width:46%;color:var(--text-2);background:0 0;font-weight:400}.choices td{color:var(--text)}.choices tr.is-this td{color:var(--accent);font-weight:700}.faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,48px);margin:0;display:grid}.faq__item{border-top:1px solid var(--border);padding-block:18px}.faq dt{color:var(--text);margin-bottom:6px;font-weight:700}.faq dd{color:var(--text-2);font-size:var(--step--1);margin:0}.support-table th[scope=row]{width:20%;color:var(--text);background:0 0;font-weight:700}.support-table__proof{color:var(--text-3);font-size:var(--step--1)}.production__note{font-size:var(--step--1);margin:12px 0 0}.production__size{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.guarantees{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,48px);margin:0;padding:0;list-style:none;display:grid}.guarantees__item{border-top:1px solid var(--border);margin:0;padding-block:18px}.guarantees__title{color:var(--text);font-size:var(--step-0);margin:0 0 6px;font-weight:700}.guarantees__item p{color:var(--text-2);font-size:var(--step--1);margin:0}.production__measured{margin-top:8px}@media (width<=980px){.split,.split--even,.guide__block{grid-template-columns:minmax(0,1fr)}.loop{grid-template-columns:repeat(2,minmax(0,1fr))}.loop__step:nth-child(3){border-left:0;padding-left:0}.loop__step:nth-child(n+3){border-top:1px solid var(--border)}}@media (width<=640px){.loop,.tips,.faq,.guarantees{grid-template-columns:minmax(0,1fr)}.loop__step+.loop__step{border-left:0;border-top:1px solid var(--border);padding-left:0}.tips li:nth-child(2n){border-left:0;padding-left:0}}.author__heading{margin-bottom:clamp(24px,4vw,36px)}.author{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,32px);max-width:56rem;display:grid}.author__photo{border:2px solid var(--border-strong);background:var(--surface);object-fit:cover;border-radius:50%;width:96px;height:96px}.author__photo--initials{color:var(--accent);font-family:var(--font-mono);place-items:center;font-size:1.75rem;font-weight:700;display:grid}.author__name{font-size:var(--step-2)}.author__role{color:var(--accent);font-family:var(--font-mono);font-size:var(--step--1);margin-top:4px}.author__bio{max-width:var(--measure);margin-top:14px}.author__links{flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.author__links li{margin:0}.author__links a{border:1px solid var(--border-strong);border-radius:var(--radius-control);gap:1px;min-width:9.5rem;padding:10px 14px;text-decoration:none;display:grid}.author__links a:hover{border-color:var(--accent);background:var(--surface)}.author__link-label{color:var(--text);font-weight:700}.author__link-detail{color:var(--text-3);font-family:var(--font-mono);font-size:.8125rem}.author__more{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:56rem;margin-top:clamp(32px,5vw,48px);display:grid}.author__project,.author__star{padding:22px 24px 0 0}.author__star{border-left:1px solid var(--border);padding-left:24px}.author__more-title{font-size:var(--step-0);margin-bottom:8px}.author__more p{color:var(--text-2);font-size:var(--step--1)}.author__star-button{margin-top:14px;margin-right:8px}@media (width<=640px){.author,.author__more{grid-template-columns:minmax(0,1fr)}.author__star{border-left:0;padding-left:0}}.copy-button{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--bg-raised);min-height:32px;color:var(--text-2);font:inherit;font-size:var(--step--1);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-weight:650;display:inline-flex}.copy-button:hover{color:var(--text);border-color:var(--text-3)}.copy-button[data-status=copied]{color:var(--accent);border-color:var(--accent)}.copy-button[data-status=error]{color:var(--danger);border-color:var(--danger)}.code-block{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--code-bg);min-width:0;overflow:hidden}.code-block__bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:6px 8px 6px 14px;display:flex}.code-block__title{color:var(--text-3);font-family:var(--font-mono);font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-block__pre{color:var(--tok-identifier);font-family:var(--font-mono);tab-size:2;margin:0;padding:16px 18px 18px;font-size:.875rem;line-height:1.7;overflow-x:auto}.code-block__pre:focus-visible{outline-offset:-2px}.code-block__line{white-space:pre;min-height:1lh;display:block}.tok-keyword{color:var(--tok-keyword)}.tok-string{color:var(--tok-string)}.tok-entity,.tok-jsxliterals{color:var(--tok-entity)}.tok-class{color:var(--tok-class)}.tok-property{color:var(--tok-property)}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-sign{color:var(--tok-sign)}.tok-identifier{color:var(--tok-identifier)}.deferred-demo{gap:16px;display:grid}.deferred-demo__stage{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-raised);grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start;gap:20px;padding:clamp(14px,2.5vw,20px);display:grid}.deferred-demo__canvas{aspect-ratio:960/600;background:var(--bg-sunken);border-radius:6px;width:100%;height:auto}.deferred-demo__controls{flex-wrap:wrap;align-content:start;gap:10px;display:flex}.deferred-demo__status{color:var(--text-2);font-size:var(--step--1);flex-basis:100%;margin-top:6px}.deferred-demo__source summary{width:fit-content;color:var(--accent);cursor:pointer;font-weight:650}.deferred-demo__source[open] summary{margin-bottom:12px}@media (width<=760px){.deferred-demo__stage{grid-template-columns:minmax(0,1fr)}}.trace{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-raised);margin:0;padding:clamp(16px,3vw,24px)}.trace__head,.trace__row,.trace__control{grid-template-columns:11.5rem minmax(0,1fr) 8.5rem;align-items:center;column-gap:18px;display:grid}.trace__row{border-top:1px solid var(--border);padding-block:14px}.trace__control{border-top:1px solid var(--border);padding-top:14px}.trace__ruler{height:22px;color:var(--text-3);font-family:var(--font-mono);font-size:.75rem;position:relative}.trace__tick{white-space:nowrap;position:absolute;bottom:4px;transform:translate(-50%)}.trace__tick:first-child{transform:none}.trace__tick:last-child{transform:translate(-100%)}.trace__column-title{color:var(--text-3);font-size:.8125rem;line-height:1.3}.trace__label{gap:2px;min-width:0;display:grid}.trace__name{color:var(--text);font-weight:700;line-height:1.3}.trace__detail{color:var(--text-3);font-family:var(--font-mono);font-size:.8125rem}.trace__lane{background:var(--bg-sunken);border-radius:4px;height:44px;position:relative}.trace__task,.trace__frame,.trace__wait,.trace__click{position:absolute}.trace__task{background:var(--task);min-width:1px;top:12px;bottom:12px}.trace__task--long{background:repeating-linear-gradient(135deg, var(--long-task) 0 3px, color-mix(in oklch, var(--long-task) 38%, transparent) 3px 6px)}.trace__task--slice{box-shadow:inset -1px 0 0 var(--bg-sunken)}.trace__task--work{background:color-mix(in oklch, var(--task) 55%, transparent)}.trace__frames{width:100%;height:6px;position:absolute;top:3px;left:0;overflow:visible}.trace__frames path{stroke:var(--frame);stroke-width:1.5px}.trace__click--small:before{border-width:1.5px;width:8px;height:8px;top:-2px}.trace__freeze{color:var(--text);font-family:var(--font-mono);font-size:var(--step-1);font-variant-numeric:tabular-nums;font-weight:650}.trace__frame{background:var(--frame);border-radius:1px;width:2px;height:6px;top:3px;transform:translate(-1px)}.trace__wait{background:var(--wait);border-radius:3px;min-width:3px;height:5px;bottom:3px}.trace__click{background:var(--interaction);width:2px;top:-3px;bottom:-3px;transform:translate(-1px)}.trace__click:before{content:"";border:2px solid var(--bg-raised);background:var(--interaction);border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.trace__readout{justify-items:start;gap:4px;display:grid}.trace__readout-value{color:var(--text);font-family:var(--font-mono);font-size:var(--step-1);font-variant-numeric:tabular-nums;font-weight:650;line-height:1.1}.trace__control-label{color:var(--text-2);font-size:var(--step--1);margin-bottom:6px;display:block}.trace__control-label strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.trace__caption{border-top:1px solid var(--border);font-size:var(--step--1);margin-top:18px;padding-top:16px;line-height:1.55}.trace__legend{color:var(--text-2);flex-wrap:wrap;gap:8px 20px;margin:0 0 10px;padding:0;list-style:none;display:flex}.trace__legend li{align-items:center;gap:8px;margin:0;display:inline-flex}.trace__key{border-radius:2px;flex-shrink:0;width:18px;height:10px;display:inline-block}.trace__key--task{background:var(--task)}.trace__key--long{background:repeating-linear-gradient(135deg, var(--long-task) 0 3px, color-mix(in oklch, var(--long-task) 38%, transparent) 3px 6px)}.trace__key--frame{background:var(--frame);width:3px;height:10px}.trace__key--click{background:var(--interaction);width:10px;box-shadow:12px 0 0 -2px var(--wait);border-radius:50%;margin-right:8px}.trace__note{max-width:var(--measure);color:var(--text-3)}.trace__legend--results{border-top:1px solid var(--border);font-size:var(--step--1);margin:0;padding-top:14px}.rating{white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:700;line-height:1.5;display:inline-block}.rating[data-rating=good]{color:var(--rating-good)}.rating[data-rating=needs-improvement]{color:var(--rating-ni)}.rating[data-rating=poor]{color:var(--rating-poor)}@media (prefers-reduced-motion:no-preference){.trace--hero .trace__lane:after{content:"";border-left:2px solid var(--text-3);background:var(--bg-sunken);transform-origin:100%;animation:1.4s linear .25s both trace-sweep;position:absolute;inset:0}.trace--hero .trace__click,.trace--hero .trace__wait,.trace--hero .trace__readout{animation:trace-land .32s var(--ease-out) 1.7s both}}@keyframes trace-sweep{0%{transform:scaleX(1)}to{border-left-color:#0000;transform:scaleX(0)}}@keyframes trace-land{0%{opacity:0}to{opacity:1}}@media (width<=760px){.trace__head,.trace__row,.trace__control{grid-template-columns:minmax(0,1fr);row-gap:8px}.trace__head>:first-child,.trace__control>:first-child,.trace__column-title{display:none}.trace__readout{grid-auto-flow:column;justify-content:start;align-items:center;gap:10px}.trace__readout:before{content:"Click to next paint:";color:var(--text-3);font-size:var(--step--1)}.trace__freeze:before{content:"Longest input delay: ";color:var(--text-3);font-family:var(--font-sans);font-size:var(--step--1);font-weight:400}}.hero{padding-block:clamp(44px,7vw,88px) clamp(56px,8vw,96px)}.hero__intro{max-width:54rem;margin-bottom:clamp(36px,5vw,56px)}.hero__title{font-size:var(--step-4);letter-spacing:-.035em;text-wrap:balance;font-weight:680;line-height:1.04}.hero__lede{max-width:42rem;color:var(--text-2);margin-top:24px;font-size:clamp(1.125rem,1rem + .4vw,1.3125rem);line-height:1.55}.hero__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.install{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--bg-sunken);align-items:center;gap:10px;min-height:44px;padding:5px 6px 5px 14px;display:inline-flex}.install__command{color:var(--text);white-space:nowrap;background:0 0;padding:0;font-size:.9375rem}.install__prompt{color:var(--text-3)}.hero__facts{color:var(--text-3);font-size:var(--step--1);margin-top:22px}@media (width<=560px){.install{justify-content:space-between;width:100%}.install__command{font-size:.8125rem}.install__prompt{display:none}.hero__actions .button{flex:auto}}.playground{gap:clamp(28px,4vw,40px);display:grid}.playground__steps{counter-reset:step;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-raised);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.playground__step{counter-increment:step;min-width:0;margin:0;padding:clamp(18px,2.5vw,26px)}.playground__step+.playground__step{border-left:1px solid var(--border)}.playground__step-title{font-size:var(--step-1);align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.playground__step-title:before{content:counter(step);border:1px solid var(--accent);width:1.6em;height:1.6em;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8em;font-weight:700;display:inline-grid;transform:translateY(-.05em)}.playground__controls{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.control{gap:8px;min-width:0;display:grid}.control--group{border:0;margin:0;padding:0}.control--group legend{margin-bottom:8px;padding:0}.control .field-label{justify-content:space-between;gap:12px;display:flex}.control output{color:var(--accent);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.control__hint{color:var(--text-3);font-size:var(--step--1);line-height:1.45}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius-control);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.segmented--two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented__option{cursor:pointer;position:relative}.segmented__option+.segmented__option{border-left:1px solid var(--border-strong)}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__text{color:var(--text-2);text-align:center;justify-items:center;gap:2px;padding:8px 6px;font-weight:650;line-height:1.25;display:grid}.segmented__detail{color:var(--text-3);font-family:var(--font-mono);font-size:.75rem;font-weight:400}.segmented__option input:checked+.segmented__text{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.segmented__option input:checked+.segmented__text .segmented__detail{color:var(--text-2)}.segmented__option input:focus-visible+.segmented__text{outline:2px solid var(--accent);outline-offset:-3px}.playground__controls:disabled .segmented__option,.playground__controls:disabled .segmented__option input{cursor:not-allowed}.playground__controls:disabled{opacity:.6}.playground__estimate{border-top:1px solid var(--border);color:var(--text-2);font-size:var(--step--1);margin-top:18px;padding-top:14px}.playground__actions{gap:10px;display:grid}.playground__progress{color:var(--text-2);font-size:var(--step--1);margin-top:18px}.playground__progress progress{width:100%;height:10px;accent-color:var(--accent);margin-bottom:6px}.probe{gap:14px;display:grid}.probe__field{gap:8px;display:grid}.probe__counter{justify-content:flex-start}.probe__count{min-width:2ch;color:var(--accent-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.probe__dial-wrap{color:var(--text-3);font-size:var(--step--1);align-items:center;gap:12px;display:flex}.probe__dial{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:28px;height:28px;position:relative}.probe__dial:after{content:"";background:var(--frame);border-radius:1px;width:2px;height:10px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.probe__dial--counter{width:auto;height:auto;color:var(--frame);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border:0;border-radius:0}.probe__dial--counter:after{content:none}.playground__results{gap:20px;display:grid}.playground__results-title{font-size:var(--step-2)}.playground__verdict{max-width:var(--measure);color:var(--text-2);font-size:var(--step-1);line-height:1.5}.playground__verdict p+p{font-size:var(--step-0);margin-top:.6em}.playground__table th[scope=row]{width:34%;color:var(--text-2);background:0 0;font-weight:600}.playground__table td{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.playground__table td .muted{font-family:var(--font-sans)}.playground__inp{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.playground__inp .rating{font-family:var(--font-sans)}.playground__code{gap:16px;display:grid}.playground__code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.playground__overhead{border-top:1px solid var(--border);gap:16px;padding-top:clamp(28px,4vw,40px);display:grid}.playground__overhead-intro{max-width:var(--measure);color:var(--text-2);font-size:var(--step-0);line-height:1.5}.overhead__controls{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end}.overhead__controls .button{height:fit-content}.overhead__result{gap:14px;margin-top:4px;display:grid}.overhead__bars{gap:10px;display:grid}.overhead__bar-row{grid-template-columns:11rem 1fr 6.5rem;align-items:center;gap:12px;display:grid}.overhead__bar-label{color:var(--text-2);font-family:var(--font-mono);font-size:var(--step--1)}.overhead__bar-track{background:var(--bg-raised);border-radius:7px;height:14px;overflow:hidden}.overhead__bar{background:var(--accent);border-radius:7px;height:100%;transition:width .3s;display:block}.overhead__bar--baseline{background:var(--text-3)}.overhead__bar-value{color:var(--text);font-family:var(--font-mono);font-size:var(--step--1);font-variant-numeric:tabular-nums;text-align:right}.playground__overhead-verdict{max-width:var(--measure);color:var(--text-2);font-size:var(--step--1);line-height:1.5}.playground__overhead-error{color:var(--rating-poor);font-size:var(--step--1)}@media (width<=720px){.overhead__controls{grid-template-columns:minmax(0,1fr)}.overhead__bar-row{grid-template-columns:minmax(0,1fr);gap:4px}.overhead__bar-value{text-align:left}}@media (width<=1080px){.playground__steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.playground__step:first-child{grid-row:span 2}.playground__step:nth-child(3){border-top:1px solid var(--border)}.playground__code-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.playground__steps{grid-template-columns:minmax(0,1fr)}.playground__step:first-child{grid-row:auto}.playground__step+.playground__step{border-left:0;border-top:1px solid var(--border)}.playground__table th[scope=row]{width:auto}}.inp-scale{max-width:var(--measure);margin:28px 0 0}.inp-scale__bar{height:14px;position:relative}.inp-scale__band{position:absolute;top:0;bottom:0}.inp-scale__band--good{background:var(--rating-good);border-radius:7px 0 0 7px;left:0}.inp-scale__band--ni{background:var(--rating-ni)}.inp-scale__band--poor{background:repeating-linear-gradient(135deg, var(--rating-poor) 0 4px, color-mix(in oklch, var(--rating-poor) 55%, transparent) 4px 8px);border-radius:0 7px 7px 0}.inp-scale__marker{background:var(--text);border-radius:2px;width:3px;position:absolute;top:-6px;bottom:-6px;transform:translate(-50%)}.inp-scale__legend{color:var(--text-3);font-size:var(--step--1);flex-wrap:wrap;gap:6px 22px;margin-top:12px;display:flex}.inp-scale__legend strong{color:var(--text-2);font-weight:700}