.topbar{z-index:20;background:color-mix(in oklab, var(--bg) 82%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{align-items:center;gap:36px;height:60px;display:flex}.topnav{gap:4px;display:flex}.topnav a{border-radius:var(--r-2);color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-sm);padding:6px 10px;font-weight:500;text-decoration:none}.topnav a:hover{color:var(--text);background:var(--surface-2)}.topbar-tools{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.topbar-tools .search-trigger{margin-inline-end:8px}.version{color:var(--text-3);font:400 var(--fs-2xs)/1 var(--font-mono);padding:0 6px}.topbar .menu-toggle,.home-menu{display:none}.hero{padding:var(--hero-top) 0 var(--hero-bottom);position:relative;overflow:clip}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--line) 1px, transparent 1px);opacity:.35;background-size:96px 100%;position:absolute;inset:0;mask-image:radial-gradient(70% 60% at 70% 30%,#000 10%,#0000 75%)}.hero .container{position:relative}.hero-copy{grid-template-columns:minmax(0,1fr) auto;column-gap:64px;display:grid}.hero-copy h1{grid-column:1;margin-bottom:28px}.hero-copy .lede{grid-column:1}.hero-side{flex-direction:column;grid-area:1/2/span 2;align-self:center;align-items:flex-start;display:flex}.hero h1{font-size:var(--display);line-height:var(--display-lh);letter-spacing:var(--display-track);max-width:none;font-weight:640}.lede{max-width:58ch;font-size:var(--fs-lg);line-height:var(--lh-lg);color:var(--text-2);margin-top:0}.install{flex-direction:column;gap:0;margin-top:0;display:inline-flex}.install-cmd{border:1px solid var(--line-2);border-radius:var(--r-3);background:var(--code-bg);height:50px;font-size:var(--fs-sm);color:var(--text);align-items:center;gap:12px;padding-block:0;padding-inline:16px 8px;display:flex}.install-cmd .prompt{color:var(--text-4);font-family:var(--font-mono)}.install-cmd .swap{flex:1}.install-cmd code{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.install-cmd .copy{margin-inline-start:auto}.hero-actions{gap:10px;margin-top:14px;display:flex}.ribbon{padding:var(--section-y) 0;border-top:1px solid var(--line)}.ribbon h2{font-size:var(--heading);line-height:var(--heading-lh);letter-spacing:var(--heading-track);font-weight:620}.ribbon-head{max-width:640px;margin-bottom:48px}.ribbon-head p,.ribbon-copy>p{font-size:var(--fs-lg);line-height:var(--lh-lg);color:var(--text-2);margin-top:16px}.ribbon-split{grid-template-columns:5fr 7fr;align-items:start;gap:72px;display:grid}.ribbon-split.reverse{grid-template-columns:5fr 7fr}.ribbon-split>*{min-width:0}.ribbon-copy{position:sticky;top:100px}.ribbon-copy .code{margin-top:28px}.facts{border-top:1px solid var(--line);margin:28px 0 0;padding:0;list-style:none}.facts li{border-bottom:1px solid var(--line);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-2);padding:14px 0}.facts strong{color:var(--text);margin-bottom:2px;font-weight:600;display:block}.facts .fact-line{display:none}.text-link{color:var(--accent);font-weight:550;font-size:var(--fs-sm);line-height:var(--lh-sm);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:4px;margin-top:24px;display:inline-flex}.text-link:hover{text-decoration-color:var(--accent)}.closer{border-top:1px solid var(--line);padding:96px 0}.closer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.closer h2{font-size:var(--heading);line-height:var(--heading-lh);letter-spacing:var(--heading-track);font-weight:620}.closer-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.install-cmd.solo{border-radius:var(--r-2);min-width:280px;height:40px;font-size:var(--fs-sm)}.install-cmd .copy[data-copied]{color:var(--c-green)}.footer{border-top:1px solid var(--line);padding:48px 0 64px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:48px;display:flex}.footer-brand p{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-3);margin-top:12px}.footer-cols{gap:72px;display:flex}.footer-cols div{flex-direction:column;gap:8px;display:flex}.footer-cols h2{font-size:var(--fs-xs);line-height:var(--lh-xs);margin-bottom:4px;font-weight:600}.footer-cols a{color:var(--text-3);font-size:var(--fs-xs);line-height:var(--lh-xs);text-decoration:none}.footer-cols a:hover{color:var(--text)}.say{border:1px solid var(--line-2);border-radius:var(--r-4);background:var(--sheen);margin:64px 0 0;overflow:hidden;box-shadow:0 0 0 1px oklch(0% 0 0/.6),0 40px 120px -40px oklch(74% .15 295/.18)}:root[data-theme=light] .say{box-shadow:0 1px 2px oklch(30% .03 265/.06),0 30px 80px -40px oklch(52% .19 295/.25)}.say-head{border-bottom:1px solid var(--line);align-items:center;gap:16px;height:52px;padding-inline:20px 24px;display:flex}.say-tabs{gap:2px;display:flex}.say-tab{border-radius:var(--r-2);cursor:pointer;height:30px;color:var(--text-3);font:500 var(--fs-sm)/1 var(--font-sans);background:0 0;border:0;padding:0 12px}.say-tab:hover{color:var(--text)}.say-tab[aria-selected=true]{color:var(--text);background:var(--surface-3)}.say-where{color:var(--text-3);font:400 var(--fs-2xs)/1 var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin-inline-start:auto;overflow:hidden}.say-grid{grid-template-columns:max-content repeat(4,max-content);justify-content:start;column-gap:28px;padding:40px 32px 32px;display:grid;overflow-x:auto}.say-grid[hidden]{display:none}.say-label{grid-column:1;grid-row:var(--row);color:var(--text-4);font-size:var(--fs-xs);align-self:start;padding-inline-end:12px;line-height:28px}.say-label[style*="--row: 2"]{line-height:52px}.say-label[style*="--row: 3"]{line-height:44px}.say-cell{grid-column:calc(var(--col) + 2);grid-row:var(--row);min-width:116px;animation:say-in .5s var(--ease) both;animation-delay:calc(.25s + var(--col) * .3s + var(--row) * 80ms)}@keyframes say-in{0%{opacity:0;translate:0 8px}}.say-words{color:var(--text-2);font-size:var(--fs-lg);line-height:var(--lh-lg);text-align:start;white-space:nowrap;justify-self:start}.say-turn{cursor:pointer;color:var(--text);text-decoration:underline dotted var(--accent-line);text-underline-offset:6px;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-family:inherit;display:inline-flex}.say-turn svg{width:14px;height:14px;color:var(--accent);flex:none}.say-turn:hover{text-decoration-color:var(--accent)}.say-code{color:var(--text);white-space:nowrap;font-size:var(--fs-lg);line-height:var(--lh-lg);padding-block:12px}.say-code:has([data-option="1"]){cursor:pointer}.say-value{border-top:1px solid var(--line-2);border-radius:0 0 var(--r-2) var(--r-2);max-width:max(116px,100%);min-height:72px;margin-inline:-8px;padding-block:12px 0;padding-inline:8px}.say-noun{color:var(--c-green);font:400 var(--fs-3xs)/var(--lh-3xs) var(--font-mono);display:block}.say-text{color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-sm);text-wrap:balance;margin-top:2px;display:block}.say-caption{border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-sm);line-height:var(--lh-sm);padding:14px 24px}.consoles{border:1px solid var(--line-2);border-radius:var(--r-4);background:var(--surface-1);overflow:hidden}.console-heads,.console-row{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,5fr);display:grid}.console-heads{background:var(--surface-2);border-bottom:1px solid var(--line)}.console-head{border-inline-start:1px solid var(--line);color:var(--text-3);font:400 var(--fs-xs)/var(--lh-xs) var(--font-mono);padding:11px 20px}.console-head b{color:var(--text);margin-inline-end:8px;font-weight:400}.console-row+.console-row{border-top:1px solid var(--line)}.console-ask{grid-template-columns:28px minmax(0,1fr);align-content:start;column-gap:14px;padding:24px;display:grid}.console-number{background:var(--bevel), var(--surface-3);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text);font:400 var(--fs-2xs)/1 var(--font-mono);border-radius:50%;place-items:center;display:grid}.console-ask h3{font-size:var(--fs-md);line-height:var(--lh-md);align-self:center;font-weight:600}.console-ask p{color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-sm);grid-column:2;margin-top:8px}.console{border-inline-start:1px solid var(--line);background:var(--code-bg);min-width:0;padding:24px 20px}.console-in,.console-out{font:400 var(--code-sm-fs)/var(--code-sm-lh) var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding-inline-start:20px;position:relative}.console-in:before,.console-out:before{color:var(--text-4);position:absolute;inset-inline-start:0}.console-in:before{content:">"}.console-out:before{content:"<"}.console-out{margin-top:10px}.console-out code{box-shadow:none;font-size:inherit;line-height:inherit;white-space:pre-wrap;background:0 0;border-radius:0;margin:0;padding:0}.console.is-date .console-out code{color:var(--danger)}.console.is-native .console-out code{color:var(--tip)}.console-miss{background:color-mix(in oklab, var(--danger) 14%, transparent);color:var(--danger);font:500 var(--fs-3xs)/var(--lh-3xs) var(--font-sans);white-space:nowrap;border-radius:999px;margin-inline-start:8px;padding:1px 8px;display:inline-block}.console-row>*{transition:opacity .5s var(--ease), translate .5s var(--ease)}.console-row>.is-date{transition-delay:.25s}.console-row>.is-native{transition-delay:.7s}.console-row.is-waiting>*{opacity:0;translate:0 10px}.year{border:1px solid var(--line-2);border-radius:var(--r-4);background:var(--sheen);margin:0;padding:32px 32px 20px}.year-clocks{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:24px;display:grid}.year-clock{flex-direction:column;gap:6px;min-width:0;display:flex}.year-clock.is-there{align-items:flex-end}.year-city{color:var(--text-3);font-size:var(--fs-sm);line-height:var(--lh-sm)}.year-time{color:var(--text);letter-spacing:-2px;white-space:nowrap;transition:color .2s var(--ease);font-size:56px;font-weight:640;line-height:60px}.year-gap{align-self:center}.year-gap span{border:1px solid var(--line-2);color:var(--text-3);font:400 var(--fs-xs)/var(--lh-xs) var(--font-mono);white-space:nowrap;transition:color .2s var(--ease), border-color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;padding:6px 12px;display:inline-block}.year.is-shifted .is-there .year-time{color:var(--accent-strong)}.year.is-shifted .year-gap span{border-color:var(--accent-line);background:var(--accent-wash);color:var(--accent-strong)}.year-strip{cursor:ew-resize;touch-action:pan-y;outline-offset:8px;height:112px;margin-top:48px;position:relative}.year-runs{inset-inline:0;border-radius:var(--r-1);background:var(--surface-3);height:28px;position:absolute;top:24px;overflow:hidden}.year-run{top:0;bottom:0;width:calc(var(--length) / var(--days) * 100%);position:absolute;inset-inline-start:calc(var(--start) / var(--days) * 100%)}.year-run.is-shifted{background:var(--accent)}.year-change{height:52px;top:0;border-inline-start:1px dashed var(--line-3);position:absolute;inset-inline-start:calc(var(--at) / var(--days) * 100%)}.year-change span{top:0;color:var(--text-3);font:400 var(--fs-3xs)/var(--lh-3xs) var(--font-mono);white-space:nowrap;position:absolute;inset-inline-start:6px}.year-change:nth-of-type(odd) span{inset-inline:auto 6px}.year-head{width:2px;height:40px;top:18px;background:var(--text);border-radius:1px;margin-inline-start:-1px;position:absolute;inset-inline-start:calc(var(--at) / (var(--days) - 1) * 100%)}.year-day{top:64px;translate:calc(var(--at) / (var(--days) - 1) * -100%);color:var(--text);font:500 var(--fs-2xs)/var(--lh-2xs) var(--font-sans);white-space:nowrap;position:absolute;inset-inline-start:calc(var(--at) / (var(--days) - 1) * 100%)}.year-months{inset-inline:0;height:16px;position:absolute;top:92px}.year-months span{border-inline-start:1px solid var(--line-2);color:var(--text-4);font:400 var(--fs-3xs)/var(--lh-3xs) var(--font-mono);padding-inline-start:4px;position:absolute;inset-inline-start:calc(var(--at) / var(--days) * 100%)}.year-caption{border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-sm);line-height:var(--lh-sm);margin-top:20px;padding-top:16px}.bytes{border:1px solid var(--line-2);border-radius:var(--r-4);background:var(--surface-1);padding:28px 32px}.bytes-total{flex-wrap:wrap;align-items:baseline;gap:10px 12px;display:flex}.bytes-number{min-width:208px;color:var(--text);letter-spacing:-2px;font-size:56px;font-weight:640;line-height:60px}.bytes-unit{color:var(--text-3);font-size:var(--fs-sm);line-height:var(--lh-sm)}.bytes-presets{flex-wrap:wrap;align-self:center;gap:8px;margin-inline-start:auto;display:flex}.bytes-bar{border-radius:var(--r-2);background:var(--surface-2);height:36px;margin-top:20px;display:flex;overflow:hidden}.bytes-core{width:calc(var(--bytes) / var(--full) * 100%);background:var(--bevel-soft), var(--surface-3);color:var(--text-2);font:400 var(--fs-2xs)/1 var(--font-mono);white-space:nowrap;flex:none;align-items:center;padding-inline:12px;display:flex;overflow:hidden}.bytes-added{width:calc(var(--bytes) / var(--full) * 100%);background:var(--accent);transition:width .35s var(--ease);flex:none}.bytes-plugins{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin:24px 0 0;padding:0;list-style:none;display:grid}.bytes-plugin{border-top:1px solid var(--line);cursor:pointer;color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-sm);grid-template-columns:16px 104px minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:12px;display:grid}.bytes-plugin input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.bytes-plugin code{color:var(--text);font-size:var(--fs-xs);justify-self:start}.bytes-plugin:has(input:checked) code{color:var(--accent-strong)}.bytes-adds{color:var(--text-3);font:400 var(--fs-2xs)/1 var(--font-mono);white-space:nowrap}.closer-clock{color:var(--text);font-size:var(--fs-lg);line-height:var(--lh-lg);min-height:var(--lh-lg);margin-top:14px}.closer-clock code{color:var(--text-2);margin-inline:0 10px}@media (width<=1400px){.say-grid{column-gap:20px;padding-inline:24px}.say-words,.say-code{font-size:var(--fs-md);line-height:var(--lh-md)}.say-label{line-height:24px}.say-label[style*="--row: 2"]{line-height:48px}}@media (width<=1180px){.hero-copy{grid-template-columns:1fr}.hero-side{grid-area:auto/1;margin-top:32px}.say-grid{grid-template-columns:minmax(0,1fr);padding:24px 24px 8px;overflow-x:visible}.say-label{display:none}.say-cell{grid-column:1;grid-row:calc(var(--col) * 3 + var(--row));min-width:0}.say-code{font-size:var(--fs-md);line-height:var(--lh-md);white-space:normal;overflow-wrap:anywhere;padding-block:4px 8px}.say-value{flex-wrap:wrap;align-items:baseline;gap:2px 10px;max-width:none;min-height:0;margin-bottom:20px;padding-block:10px 0;display:flex}.say-text{margin-top:0}}@media (width<=900px){.topnav,.version,.version-menu{display:none}.topbar-inner{gap:16px}.topbar .menu-toggle{display:inline-grid}.home-menu:not([hidden]){inset-inline:0;background:var(--bg);border-bottom:1px solid var(--line-2);padding:8px 16px 16px;display:grid;position:absolute;top:100%;box-shadow:0 12px 24px oklch(0% 0 0/.35)}.home-menu a{border-radius:var(--r-2);height:44px;color:var(--text-2);font-size:var(--fs-md);line-height:var(--lh-md);align-items:center;padding:0 10px;font-weight:500;text-decoration:none;display:flex}.home-menu a:hover{color:var(--text);background:var(--surface-2)}.topbar .search-trigger{min-width:0}.ribbon-split,.ribbon-split.reverse{grid-template-columns:1fr}.facts .fact-line{border:0;border-inline-start:2px solid var(--accent);border-radius:0 var(--r-2) var(--r-2) 0;background:var(--accent-wash);box-shadow:none;color:var(--text);font:400 var(--code-sm-fs)/20px var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;margin-top:10px;padding:8px 12px;display:block}.ribbon-copy{position:static}.console-heads{display:none}.console-row{grid-template-columns:minmax(0,1fr)}.console{border-inline-start:0;border-top:1px solid var(--line);padding:16px 20px}.console:before{content:attr(data-name);color:var(--text-3);font:400 var(--fs-2xs)/var(--lh-2xs) var(--font-mono);margin-bottom:8px;display:block}.console-ask{padding:20px}.bytes-plugins{grid-template-columns:minmax(0,1fr)}.bytes-presets{flex-basis:100%;margin-inline-start:0}}@media (width<=600px){.topbar-inner{gap:12px}.topbar .search-trigger{justify-content:center;width:34px;padding:0}.topbar .search-trigger .keys{display:none}.topbar .search-trigger .label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.install-cmd{width:100%;min-width:0;font-size:var(--fs-xs);height:44px}.hero .install-cmd,.closer .install-cmd{display:none}.hero-copy{text-align:center}.hero-copy h1,.hero .lede{text-wrap:balance;margin-inline:auto}.hero-side{align-items:center;margin-top:20px}.hero-actions{justify-content:center;margin-top:0}.hero-copy h1{margin-bottom:16px}.hero .lede{font-size:var(--fs-md);line-height:var(--lh-md)}.say{margin-top:28px}.say-head{padding-inline:12px}.say-where{display:none}.say-tab{font-size:var(--fs-xs);padding:0 9px}.say-grid{padding:20px 16px 4px}.say-caption{padding:12px 16px}.year{padding:20px 16px 16px}.year-clocks{gap:8px}.year-time{font-size:var(--fs-2xl);line-height:var(--lh-2xl);letter-spacing:-1px}.year-gap span{font-size:var(--fs-3xs);padding:4px 8px}.bytes{padding:20px 16px}.bytes-number{min-width:0;font-size:var(--fs-3xl);line-height:var(--lh-3xl);letter-spacing:-1px}.bytes-plugin{grid-template-columns:16px minmax(0,1fr) auto}.bytes-what{grid-area:2/2/auto/-1}.footer-cols{flex-wrap:wrap;gap:40px}}@media (prefers-reduced-motion:reduce){.console-row>*,.bytes-added,.year-time,.year-gap span{transition:none}.say-cell{animation:none}}.ribbon-try .pg{height:520px}@media (width>=1280px){.ribbon-try .pg{height:600px}}.ribbon-try .text-link{margin-top:20px;display:inline-block}@media (width<=900px){.ribbon-try .pg{height:auto}}.xr{--film:oklch(13% .025 240);--film-line:oklch(100% 0 0/.025);transition:background-color .4s var(--ease)}:root[data-theme=light] .xr{--film:oklch(95% .02 240);--film-line:oklch(0% 0 0/.03)}.xr-switch{gap:2px;display:flex}.xr-switch button{border-radius:var(--r-2);cursor:pointer;height:30px;color:var(--text-3);font:400 var(--fs-xs)/1 var(--font-mono);background:0 0;border:0;padding:0 12px}.xr-switch button:hover{color:var(--text)}.xr-switch button[aria-checked=true]{color:var(--text);background:var(--surface-3)}.xr .code-head .copy{margin-inline-start:0}.xr-count{white-space:nowrap;color:var(--text-3);font:400 var(--fs-2xs)/1 var(--font-mono);flex:none;margin-inline-start:auto;padding-inline-end:4px}.xr-body{position:relative;overflow:hidden}.xr.is-native{background-color:var(--film);background-image:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in oklab, var(--accent) 10%, transparent), transparent 70%), repeating-linear-gradient(to bottom, var(--film-line) 0 1px, transparent 1px 3px)}.xr.is-native .code-head{background:0 0}.xr pre.has-lit .line-hl:not(.is-lit){background:0 0;border-inline-start-color:#0000}.xr pre .line-hl{transition:background-color .2s var(--ease), border-color .2s var(--ease)}.facts li[data-line]{cursor:default;transition:opacity .2s var(--ease)}.facts:has(li.is-lit) li:not(.is-lit){opacity:.4}.xr-note{border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-sm);line-height:var(--lh-sm);margin:0;padding:12px 20px}.xr-note[hidden]{display:none}.xr-body:after{content:"";inset-inline:0;pointer-events:none;opacity:0;background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--accent) 22%, transparent) 60%, transparent);height:96px;position:absolute;top:0}.xr.is-scanning .xr-body:after{animation:xr-scan .9s var(--ease) both}@keyframes xr-scan{0%{opacity:1;transform:translateY(-96px)}to{transform:translateY(var(--scan-to,900px));opacity:0}}@media (prefers-reduced-motion:reduce){.xr,.xr.is-scanning .xr-body:after{transition:none;animation:none}}