@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.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:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.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}.react-horizontal-scrolling-menu--scroll-container{width:100%;height:max-content;display:flex;position:relative;overflow-y:hidden}.react-horizontal-scrolling-menu--scroll-container.rtl{direction:rtl}.react-horizontal-scrolling-menu--inner-wrapper{display:flex;overflow-y:hidden}.react-horizontal-scrolling-menu--wrapper{flex-direction:column;display:flex}.react-horizontal-scrolling-menu--footer,.react-horizontal-scrolling-menu--header{width:100%}.react-horizontal-scrolling-menu--arrow-left,.react-horizontal-scrolling-menu--arrow-right{display:flex}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(100% 0 0);--surface:oklch(96.5% .004 15);--surface-2:oklch(93% .006 15);--ink:oklch(21% .015 15);--muted:oklch(45% .015 15);--border:color-mix(in oklab, var(--ink) 14%, transparent);--border-strong:color-mix(in oklab, var(--ink) 26%, transparent);--primary:oklch(55% .21 15);--primary-strong:oklch(48% .2 15);--btn-bg:oklch(51% .2 15);--btn-bg-hover:oklch(45% .19 15);--primary-soft:color-mix(in oklab, var(--primary) 8%, var(--bg));--on-primary:oklch(99% .005 15);--accent:oklch(38% .14 265);--ok:oklch(50% .14 150);--demo-red:oklch(55% .19 15);--demo-amber:oklch(78% .13 75);--demo-green:oklch(66% .14 150);--demo-cyan:oklch(75% .1 210);--demo-blue:oklch(52% .16 262);--demo-violet:oklch(51% .17 305);--font-sans:"Schibsted Grotesk Variable", "Schibsted Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--container:72rem;--pad:clamp(1.25rem, 4vw, 2rem);--radius-s:8px;--radius-m:12px;--radius-l:18px;--shadow-1:0 1px 2px oklch(20% .01 15/.06), 0 4px 12px oklch(20% .01 15/.07);--shadow-2:0 2px 4px oklch(20% .01 15/.08), 0 12px 28px oklch(20% .01 15/.12);--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(12.5% 0 0);--surface:oklch(17.5% .005 15);--surface-2:oklch(22.5% .006 15);--ink:oklch(93% .004 15);--muted:oklch(70% .008 15);--border:color-mix(in oklab, var(--ink) 17%, transparent);--border-strong:color-mix(in oklab, var(--ink) 30%, transparent);--primary:oklch(63% .195 15);--primary-strong:oklch(70% .185 15);--btn-bg:oklch(51% .2 15);--btn-bg-hover:oklch(45% .19 15);--primary-soft:color-mix(in oklab, var(--primary) 14%, var(--bg));--on-primary:oklch(99% .005 15);--accent:oklch(74% .11 265);--ok:oklch(72% .14 150);--demo-red:oklch(55% .19 15);--demo-amber:oklch(79% .13 75);--demo-green:oklch(68% .14 150);--demo-cyan:oklch(76% .1 210);--demo-blue:oklch(52% .16 262);--demo-violet:oklch(51% .17 305);--shadow-1:0 1px 2px oklch(0% 0 0/.4), 0 4px 12px oklch(0% 0 0/.35);--shadow-2:0 2px 4px oklch(0% 0 0/.45), 0 12px 28px oklch(0% 0 0/.5)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(12.5% 0 0);--surface:oklch(17.5% .005 15);--surface-2:oklch(22.5% .006 15);--ink:oklch(93% .004 15);--muted:oklch(70% .008 15);--border:color-mix(in oklab, var(--ink) 17%, transparent);--border-strong:color-mix(in oklab, var(--ink) 30%, transparent);--primary:oklch(63% .195 15);--primary-strong:oklch(70% .185 15);--btn-bg:oklch(51% .2 15);--btn-bg-hover:oklch(45% .19 15);--primary-soft:color-mix(in oklab, var(--primary) 14%, var(--bg));--on-primary:oklch(99% .005 15);--accent:oklch(74% .11 265);--ok:oklch(72% .14 150);--demo-red:oklch(55% .19 15);--demo-amber:oklch(79% .13 75);--demo-green:oklch(68% .14 150);--demo-cyan:oklch(76% .1 210);--demo-blue:oklch(52% .16 262);--demo-violet:oklch(51% .17 305);--shadow-1:0 1px 2px oklch(0% 0 0/.4), 0 4px 12px oklch(0% 0 0/.35);--shadow-2:0 2px 4px oklch(0% 0 0/.45), 0 12px 28px oklch(0% 0 0/.5)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-optical-sizing:auto;margin:0;font-size:1.0625rem;line-height:1.65}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.12}p{text-wrap:pretty;margin:0}a{color:var(--accent);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--ink)}button{font:inherit;color:inherit}code,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in oklab, var(--primary) 24%, transparent)}.skip-link{z-index:100;background:var(--bg);color:var(--ink);border-radius:var(--radius-s);border:1px solid var(--border-strong);transition:top .15s var(--ease-out);padding:.5rem 1rem;position:absolute;top:-3rem;left:1rem}.skip-link:focus-visible{top:1rem}.site-container{max-width:var(--container);padding-inline:var(--pad);margin-inline:auto}.prose{max-width:65ch}.site-header{padding-block:1.1rem}.site-header .site-container{align-items:center;gap:1.5rem;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.6rem;font-size:1rem;font-weight:650;text-decoration:none;display:flex}.brand svg{display:block}.site-nav{align-items:center;gap:.35rem;margin-left:auto;display:flex}.nav-link{border-radius:var(--radius-s);color:var(--ink);align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{background:var(--surface);color:var(--ink)}.nav-link svg{flex-shrink:0}.theme-toggle{cursor:pointer;background:0 0;border:0}.theme-toggle .icon-sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (width<=640px){.site-header .site-container{gap:.75rem}.brand span{display:none}.site-nav{gap:.1rem}.nav-link{padding:.45rem .55rem}}.hero{padding-block:clamp(2.5rem,6vw,4.5rem) 0}.hero h1{letter-spacing:-.025em;max-width:21ch;font-size:clamp(2.4rem,5.4vw,4rem);font-weight:700}.hero h1 .knows{color:var(--primary)}.hero-sub{color:var(--muted);max-width:56ch;margin-top:1.25rem;font-size:clamp(1.05rem,1.6vw,1.2rem)}.hero-sub code{white-space:nowrap;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.08em .35em;font-size:.92em}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.btn{cursor:pointer;transition:background .15s var(--ease-out), border-color .15s var(--ease-out), transform .15s var(--ease-out), box-shadow .15s var(--ease-out);border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.72rem 1.35rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--btn-bg);color:var(--on-primary);box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--btn-bg-hover);color:var(--on-primary);box-shadow:var(--shadow-2)}.btn-ghost{border-color:var(--border-strong);color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--surface);color:var(--ink)}.react-horizontal-scrolling-menu--scroll-container{scrollbar-width:none;-ms-overflow-style:none}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar{display:none}.arrow-btn{border:1px solid var(--border-strong);background:var(--bg);width:2.6rem;height:2.6rem;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-1);transition:opacity .25s var(--ease-out), background .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.arrow-btn:hover:not(:disabled){background:var(--surface);box-shadow:var(--shadow-2)}.arrow-btn:disabled{opacity:.28;cursor:default;box-shadow:none}.hero-rail{width:100%;margin-top:clamp(2.5rem,5vw,3.5rem);position:relative}.hero-rail .react-horizontal-scrolling-menu--scroll-container{padding-inline:max(var(--pad), calc((100% - var(--container)) / 2 + var(--pad)));gap:.9rem;padding-block:1rem}.hero-rail .react-horizontal-scrolling-menu--scroll-container,.gallery-demo .react-horizontal-scrolling-menu--scroll-container,.qs-demo .react-horizontal-scrolling-menu--scroll-container{cursor:grab}.react-horizontal-scrolling-menu--scroll-container.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.hero-rail .react-horizontal-scrolling-menu--arrow-left,.hero-rail .react-horizontal-scrolling-menu--arrow-right{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.hero-rail .react-horizontal-scrolling-menu--arrow-left{left:max(calc(var(--pad) - .5rem), calc((100% - var(--container)) / 2 - .5rem))}.hero-rail .react-horizontal-scrolling-menu--arrow-right{right:max(calc(var(--pad) - .5rem), calc((100% - var(--container)) / 2 - .5rem))}@media (width<=720px){.hero-rail .react-horizontal-scrolling-menu--arrow-left,.hero-rail .react-horizontal-scrolling-menu--arrow-right{display:none}}.genre-tile{aspect-ratio:4/5;border-radius:var(--radius-l);width:clamp(9.5rem,17vw,11.5rem);transition:opacity .35s var(--ease-out), filter .35s var(--ease-out), transform .35s var(--ease-out);flex-direction:column;justify-content:space-between;padding:1rem 1.1rem;display:flex;position:relative;overflow:hidden}.genre-tile .initial{letter-spacing:-.03em;opacity:.55;-webkit-user-select:none;user-select:none;font-size:4.4rem;font-weight:700;line-height:.9}.genre-tile .name{letter-spacing:-.01em;font-size:1.05rem;font-weight:650}.genre-tile .dot{opacity:0;width:.55rem;height:.55rem;transition:opacity .3s var(--ease-out);background:currentColor;border-radius:50%;position:absolute;top:.85rem;right:.85rem}.genre-tile[data-visible=false]{opacity:.38;filter:saturate(.25);transform:scale(.96)}.genre-tile[data-visible=true] .dot{opacity:.9}.hero-readout{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;min-height:1.5em;margin-top:.75rem;font-size:.85rem;overflow-x:auto}.hero-readout .fn{color:var(--accent)}.hero-hint{color:var(--muted);margin-top:.35rem;font-size:.9rem}.install{padding-block:clamp(2.5rem,5vw,3.5rem)}.install-row{border-block:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-block:1.4rem;display:flex}.install-cmd{white-space:nowrap;max-width:100%;font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.98rem;display:inline-flex;overflow-x:auto}.install-cmd .dollar{color:var(--primary);-webkit-user-select:none;user-select:none}.copy-btn{width:2rem;height:2rem;color:var(--muted);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.copy-btn:hover{background:var(--surface-2);color:var(--ink)}.copy-btn[data-copied=true]{color:var(--ok)}.install-facts{color:var(--muted);flex-wrap:wrap;gap:.4rem 1.4rem;margin-left:auto;font-size:.95rem;display:flex}.install-facts strong{color:var(--ink);font-weight:600}.autoplay{padding-block:clamp(2rem,4vw,3rem)}.autoplay .section-lede{max-width:62ch}.autoplay-demo{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);margin-top:1.5rem;padding:.9rem .75rem 1.4rem;overflow:hidden}.autoplay-bar{justify-content:flex-end;padding:0 .5rem .6rem;display:flex}.autoplay-toggle{min-width:5.5rem;padding:.4rem 1.1rem;font-size:.92rem}.autoplay-demo .react-horizontal-scrolling-menu--scroll-container{cursor:grab;gap:.6rem;padding-block:.4rem;padding-inline:.5rem}.autoplay-demo .arrow-btn{width:2.2rem;height:2.2rem}.autoplay-demo .react-horizontal-scrolling-menu--arrow-left,.autoplay-demo .react-horizontal-scrolling-menu--arrow-right{align-items:center;padding-inline:.25rem;display:flex}.autoplay .gallery-link{margin-top:1.1rem}.loop-card{aspect-ratio:3/4;border-radius:var(--radius-m);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;width:clamp(7.5rem,13vw,8.5rem);padding:.85rem .95rem;display:flex;overflow:hidden}.loop-card .initial{letter-spacing:-.03em;opacity:.55;font-size:3.2rem;font-weight:700;line-height:.9}.loop-card .name{letter-spacing:-.01em;font-size:1rem;font-weight:650}.links-row{flex-wrap:wrap;gap:0 1.5rem;display:flex}.example-demo-slot{max-width:42rem}.example-demo-slot .react-horizontal-scrolling-menu--item{flex-shrink:0}.example-demo{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);padding:1.25rem .75rem;overflow:hidden}.example-demo .react-horizontal-scrolling-menu--scroll-container{cursor:grab;gap:.6rem;padding-block:.4rem;padding-inline:.5rem}.example-demo .arrow-btn{width:2.2rem;height:2.2rem}.example-demo .react-horizontal-scrolling-menu--arrow-left,.example-demo .react-horizontal-scrolling-menu--arrow-right{align-items:center;padding-inline:.25rem;display:flex}.positioning{padding-block:clamp(3.5rem,8vw,6rem)}.positioning-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,5rem);display:grid}@media (width<=860px){.positioning-grid{grid-template-columns:minmax(0,1fr)}}.positioning h2{letter-spacing:-.02em;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700}.positioning h2 em{color:var(--primary);font-style:normal}.honest-scope{color:var(--muted);margin-top:1.5rem}.honest-scope strong{color:var(--ink)}.pillar{border-top:1px solid var(--border);gap:.4rem;padding-block:1.5rem;display:grid}.pillar:last-child{border-bottom:1px solid var(--border)}.pillar h3{letter-spacing:-.01em;font-size:1.15rem;font-weight:650}.pillar p{color:var(--muted);max-width:58ch;font-size:.98rem}.pillar p code{color:var(--ink);font-size:.88em}.quickstart{padding-block:clamp(3rem,7vw,5.5rem);scroll-margin-top:2rem}.section-heading{letter-spacing:-.02em;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700}.section-lede{color:var(--muted);max-width:60ch;margin-top:.9rem}.qs-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem);margin-top:2.25rem;display:grid}@media (width<=980px){.qs-grid{grid-template-columns:minmax(0,1fr)}}.code-panel{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);overflow:hidden}.code-panel-bar{border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);align-items:center;gap:.75rem;padding:.55rem .9rem;font-size:.8rem;display:flex}.code-panel-bar .copy-btn{margin-left:auto}.code-panel pre{overscroll-behavior:contain;max-height:34rem;margin:0;padding:1rem 1.1rem;font-size:.83rem;line-height:1.6;overflow:auto;background:0 0!important}.code-panel code{min-width:max-content;display:block}.shiki span{color:var(--shiki-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shiki span{color:var(--shiki-dark)}}:root[data-theme=dark] .shiki span{color:var(--shiki-dark)}.qs-side{align-content:start;gap:1.5rem;min-width:0;display:grid}.qs-demo{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg);padding:1.25rem .5rem;overflow:hidden}.qs-demo-label{color:var(--muted);margin-bottom:.75rem;padding-inline:.75rem;font-size:.9rem}.qs-card{border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--surface);-webkit-user-select:none;user-select:none;gap:.3rem;width:8.5rem;margin-inline:.4rem;padding:.85rem;display:grid}.qs-card .t{font-size:.95rem;font-weight:650}.qs-card .v{font-family:var(--font-mono);color:var(--muted);font-size:.72rem}.qs-card[data-visible=true] .v{color:var(--ok)}.qs-notes{gap:.8rem;display:grid}.qs-note{color:var(--muted);align-items:baseline;gap:.7rem;font-size:.97rem;display:flex}.qs-note svg{color:var(--primary);flex-shrink:0;transform:translateY(2px)}.qs-note code{color:var(--ink);font-size:.88em}.qs-rails-note{font-size:.9rem}.gallery{padding-block:clamp(3rem,7vw,5.5rem)}.gallery-item{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(1.5rem,3.5vw,3rem);margin-top:clamp(2.5rem,6vw,4.5rem);display:grid}.gallery-item:nth-of-type(2n) .gallery-copy{order:2}@media (width<=980px){.gallery-item,.gallery-item:nth-of-type(2n){grid-template-columns:minmax(0,1fr)}.gallery-item:nth-of-type(2n) .gallery-copy{order:0}}.gallery-copy h3{letter-spacing:-.015em;font-size:1.35rem;font-weight:650}.gallery-copy>p{color:var(--muted);max-width:48ch;margin-top:.7rem}.gallery-copy .code-panel{margin-top:1.1rem}.gallery-copy .code-panel pre{max-height:16rem;font-size:.8rem}.gallery-link{align-items:center;gap:.4rem;margin-top:1rem;font-size:.95rem;display:inline-flex}.gallery-demo{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);padding:1.5rem .75rem;overflow:hidden}.gallery-demo .react-horizontal-scrolling-menu--scroll-container{gap:.6rem;padding-block:.4rem;padding-inline:.5rem}.gallery-demo .arrow-btn{width:2.2rem;height:2.2rem}.gallery-demo .react-horizontal-scrolling-menu--arrow-left,.gallery-demo .react-horizontal-scrolling-menu--arrow-right{align-items:center;padding-inline:.25rem;display:flex}.tab-pill{border:1px solid var(--border-strong);background:var(--bg);cursor:pointer;white-space:nowrap;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;padding:.5rem 1.1rem;font-size:.95rem;font-weight:550}.tab-pill:hover{border-color:var(--ink)}.tab-pill[data-active=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chip{white-space:nowrap;animation:chip-in .3s var(--ease-out);border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .65rem .42rem .95rem;font-size:.92rem;font-weight:550;display:inline-flex}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}}.chip button{background:color-mix(in oklab, currentColor 14%, transparent);color:inherit;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:0;display:inline-flex}.chip button:hover{background:color-mix(in oklab, currentColor 26%, transparent)}.chips-controls{gap:.6rem;padding:.9rem .5rem .1rem;display:flex}.chips-controls .btn{padding:.45rem .95rem;font-size:.92rem}.feed-card{aspect-ratio:3/4;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--bg);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;width:9rem;padding:.8rem;display:flex}.feed-card .num{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.feed-card .bar{border-radius:4px;width:70%;height:.45rem}.feed-card.loading{color:var(--muted);border-style:dashed;justify-content:center;align-items:center;font-size:.85rem}.spinner{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:1.2rem;height:1.2rem;margin-bottom:.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rtl-toggle{align-items:center;gap:.6rem;padding:0 .5rem .9rem;font-size:.95rem;display:flex}.switch{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;width:2.6rem;height:1.5rem;transition:background .2s var(--ease-out);border-radius:999px;padding:0;position:relative}.switch:after{content:"";background:var(--bg);border:1px solid var(--border-strong);width:1.15rem;height:1.15rem;transition:transform .2s var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--primary);border-color:var(--primary)}.switch[aria-checked=true]:after{transform:translate(1.05rem)}.rtl-item{border:1px solid var(--border-strong);background:var(--bg);border-radius:var(--radius-m);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:5.5rem;padding:.6rem 1.1rem;font-weight:550}.features{padding-block:clamp(3rem,7vw,5.5rem)}.features-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(2rem,4vw,3.5rem);margin-top:2rem;display:grid}@media (width<=860px){.features-grid{grid-template-columns:minmax(0,1fr)}}.feature-list{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.85rem 2rem;margin:0;padding:0;list-style:none;display:grid}.feature-list li{align-items:baseline;gap:.7rem;font-size:.99rem;display:flex}.feature-list svg{color:var(--ok);flex-shrink:0;transform:translateY(2px)}.feature-list code{font-size:.88em}.not-included{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);padding:1.5rem 1.6rem}.not-included h3{font-size:1.05rem;font-weight:650}.not-included ul{color:var(--muted);gap:.55rem;margin:1rem 0 0;padding:0;font-size:.97rem;list-style:none;display:grid}.not-included li{align-items:baseline;gap:.7rem;display:flex}.not-included li svg{color:var(--muted);opacity:.7;flex-shrink:0;transform:translateY(2px)}.not-included p{color:var(--muted);margin-top:1.1rem;font-size:.95rem}.proof{padding-block:clamp(3.5rem,8vw,6rem)}.proof-statement{letter-spacing:-.02em;text-wrap:balance;max-width:26ch;font-size:clamp(1.5rem,3.2vw,2.4rem);font-weight:650;line-height:1.25}.proof-statement strong{color:var(--primary);font-weight:700}.proof-notes{color:var(--muted);flex-wrap:wrap;gap:.5rem 2rem;margin-top:1.5rem;font-size:.98rem;display:flex}.sb-cta{padding-block:clamp(2rem,5vw,3rem)}.sb-panel{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);grid-template-columns:minmax(0,8fr) auto;align-items:center;gap:1.5rem 3rem;padding:clamp(1.75rem,4vw,3rem);display:grid}@media (width<=860px){.sb-panel{grid-template-columns:minmax(0,1fr)}}.sb-panel h2{letter-spacing:-.02em;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700}.sb-panel p{color:var(--muted);max-width:56ch;margin-top:.8rem}.sb-actions{justify-items:start;gap:.8rem;display:grid}.author{padding-block:clamp(3rem,7vw,5rem)}.author-card{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:1.75rem;padding-top:clamp(2rem,5vw,3rem);display:flex}.author-card img{border:1px solid var(--border-strong);border-radius:50%;width:4.5rem;height:4.5rem}.author-body{flex:1;min-width:18rem}.author-body h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:650}.author-body p{color:var(--muted);max-width:58ch;margin-top:.6rem}.author-links{flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:1rem;font-size:.97rem;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding-block:2rem 2.5rem;font-size:.93rem}.site-footer .site-container{flex-wrap:wrap;align-items:center;gap:.75rem 1.75rem;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--ink)}.site-footer .license{margin-left:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:var(--font-mono);--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-44{height:calc(var(--spacing) * 44)}.h-auto\!{height:auto!important}.h-full{height:100%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-sm{max-width:var(--container-sm)}.min-w-3xl{min-width:var(--container-3xl)}.min-w-8{min-width:calc(var(--spacing) * 8)}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.cursor-default\!{cursor:default!important}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto\!{overflow-y:auto!important}.rounded-lg{border-radius:var(--radius-l)}.rounded-md{border-radius:var(--radius-m)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--border)}.border-border-strong{border-color:var(--border-strong)}.bg-bg{background-color:var(--bg)}.bg-border{background-color:var(--border)}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--surface)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-0{padding-left:0}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl\/tight{font-size:var(--text-4xl);line-height:var(--leading-tight)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.no-underline{text-decoration-line:none}.opacity-80{opacity:.8}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:text-ink:hover{color:var(--ink)}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&_\.react-horizontal-scrolling-menu--item\]\:min-w-full .react-horizontal-scrolling-menu--item{min-width:100%}.\[\&_code\]\:text-base code{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_h2\]\:mt-9 h2{margin-top:calc(var(--spacing) * 9)}.\[\&_h2\]\:mt-10 h2{margin-top:calc(var(--spacing) * 10)}.\[\&_h2\]\:text-2xl h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.\[\&_h2\]\:font-semibold h2{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h2\]\:tracking-tight h2{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.\[\&_h3\]\:mt-6 h3{margin-top:calc(var(--spacing) * 6)}.\[\&_h3\]\:text-lg h3{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\[\&_h3\]\:font-semibold h3{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_li\]\:mt-1\.5 li{margin-top:calc(var(--spacing) * 1.5)}.\[\&_li\]\:text-muted li{color:var(--muted)}.\[\&_p\]\:mt-3 p{margin-top:calc(var(--spacing) * 3)}.\[\&_p\]\:text-muted p{color:var(--muted)}.\[\&_ul\]\:mt-3 ul{margin-top:calc(var(--spacing) * 3)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing) * 5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}