@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{--brand-hue:264;--accent-hue:60;--neutral-hue:264;--bg:var(--lightningcss-light,oklch(.972 .0018 var(--neutral-hue)))var(--lightningcss-dark,oklch(.1611 .0139 var(--neutral-hue)));--surface:var(--lightningcss-light,oklch(.9575 .0027 var(--neutral-hue)))var(--lightningcss-dark,oklch(.183 .016 var(--neutral-hue)));--surface-2:var(--lightningcss-light,oklch(.943 .004 var(--neutral-hue)))var(--lightningcss-dark,oklch(.246 .0208 var(--neutral-hue)));--line:var(--lightningcss-light,oklch(.899 .0068 var(--neutral-hue)))var(--lightningcss-dark,oklch(.2571 .0198 var(--neutral-hue)));--line-strong:var(--lightningcss-light,oklch(.822 .0084 var(--neutral-hue)))var(--lightningcss-dark,oklch(.34 .02 var(--neutral-hue)));--ink:var(--lightningcss-light,oklch(.22 .0132 var(--neutral-hue)))var(--lightningcss-dark,oklch(.9496 .0051 var(--neutral-hue)));--muted:var(--lightningcss-light,oklch(.476 .012 var(--neutral-hue)))var(--lightningcss-dark,oklch(.836 .012 var(--neutral-hue)));--faint:var(--lightningcss-light,oklch(.6 .012 var(--neutral-hue)))var(--lightningcss-dark,oklch(.694 .012 var(--neutral-hue)));--primary:var(--lightningcss-light,oklch(.4882 .2172 var(--brand-hue)))var(--lightningcss-dark,oklch(.49 .2152 var(--brand-hue)));--primary-strong:var(--lightningcss-light,oklch(.4 .19 var(--brand-hue)))var(--lightningcss-dark,oklch(.62 .19 var(--brand-hue)));--primary-soft:var(--lightningcss-light,oklch(.95 .025 var(--brand-hue)))var(--lightningcss-dark,oklch(.25 .05 var(--brand-hue)));--on-primary:oklch(.99 .002 var(--neutral-hue));--primary-on-soft:var(--lightningcss-light,oklch(.4 .19 var(--brand-hue)))var(--lightningcss-dark,oklch(.827 .15 var(--brand-hue)));--accent:var(--lightningcss-light,oklch(.5553 .1455 var(--accent-hue)))var(--lightningcss-dark,oklch(.7686 .1647 var(--accent-hue)));--accent-soft:var(--lightningcss-light,oklch(.95 .03 var(--accent-hue)))var(--lightningcss-dark,oklch(.26 .05 var(--accent-hue)));--accent-on-soft:var(--lightningcss-light,oklch(.49 .1324 var(--accent-hue)))var(--lightningcss-dark,oklch(.846 .1647 var(--accent-hue)));--link:var(--lightningcss-light,oklch(.475 .2172 var(--brand-hue)))var(--lightningcss-dark,oklch(.857 .19 var(--brand-hue)));--focus:var(--primary);--step--1:.875rem;--step-0:1.0625rem;--step-1:1.3125rem;--step-2:1.625rem;--step-3:2.0625rem;--step-hero:clamp(2.5rem, 1.45rem + 4.4vw, 4rem);--container:70rem;--gutter:clamp(1.25rem, 4vw, 2.5rem);--radius-s:.3rem;--radius-m:.5rem;--radius-l:.75rem;--shadow-1:0 1px 2px var(--lightningcss-light,oklch(.2 .01 var(--neutral-hue) / .06))var(--lightningcss-dark,oklch(0% 0 0/.4)), 0 4px 12px var(--lightningcss-light,oklch(.2 .01 var(--neutral-hue) / .07))var(--lightningcss-dark,oklch(0% 0 0/.45));--shadow-2:0 2px 4px var(--lightningcss-light,oklch(.2 .01 var(--neutral-hue) / .08))var(--lightningcss-dark,oklch(0% 0 0/.45)), 0 12px 28px var(--lightningcss-light,oklch(.2 .01 var(--neutral-hue) / .12))var(--lightningcss-dark,oklch(0% 0 0/.55));--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.2s;--dur-base:.4s;--dur-slow:.7s;--z-sticky:30;--z-modal:70;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark],:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light],:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms}}:root{--brand-hue:15;--accent-hue:265;--neutral-hue:15;--font-sans:"Schibsted Grotesk Variable", "Schibsted Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--btn-bg:oklch(51% .2 15);--btn-bg-hover:oklch(45% .19 15);--ok:var(--lightningcss-light,oklch(50% .14 150))var(--lightningcss-dark,oklch(77% .14 150));--demo-red:oklch(55% .19 15);--demo-amber:var(--lightningcss-light,oklch(78% .13 75))var(--lightningcss-dark,oklch(79% .13 75));--demo-green:var(--lightningcss-light,oklch(76% .14 150))var(--lightningcss-dark,oklch(77% .14 150));--demo-cyan:var(--lightningcss-light,oklch(75% .1 210))var(--lightningcss-dark,oklch(76% .1 210));--demo-blue:oklch(52% .16 262);--demo-violet:oklch(51% .17 305)}*,: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(--link);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(--line-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(--gutter);margin-inline:auto}.prose{max-width:65ch}.site-header{padding-block:1.1rem}.site-header .site-container{flex-wrap:wrap;align-items:center;gap:.5rem 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{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;margin-left:auto;display:flex}.nav-link{border-radius:var(--radius-s);color:var(--ink);white-space:nowrap;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}.lang-picker{color:var(--muted);align-items:center;display:inline-flex;position:relative}.lang-picker svg{pointer-events:none;position:absolute;left:.6rem}.lang-select{appearance:none;border-radius:var(--radius-s);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.45rem .6rem .45rem 2rem;font-size:.95rem;font-weight:500}.lang-select:hover{background:var(--surface);border-color:var(--line)}.lang-select option{background:var(--bg);color:var(--ink)}.lang-links{flex-wrap:wrap;gap:.5rem;font-size:.9rem;display:flex}.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:.5rem .75rem}.brand span{display:none}.site-nav{gap:.1rem}.nav-link{padding:.45rem .55rem}.lang-select{padding-left:1.85rem;padding-right:.4rem}.lang-picker svg{left:.45rem}}.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(--link)}.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(--line);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(--line-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(--line-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:not-allowed;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(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)));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(--gutter) - .5rem), calc((100% - var(--container)) / 2 - .5rem))}.hero-rail .react-horizontal-scrolling-menu--arrow-right{right:max(calc(var(--gutter) - .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:.7;-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-on-soft)}.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(--line);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-block:1.4rem;display:flex}.install-row--alt{border-top:0;padding-top:0}.install-cmd{white-space:nowrap;max-width:100%;font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);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(--link);-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(--line);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:.7;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(--line);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(--link);font-style:normal}.honest-scope{color:var(--muted);margin-top:1.5rem}.honest-scope strong{color:var(--ink)}.pillar{border-top:1px solid var(--line);gap:.4rem;padding-block:1.5rem;display:grid}.pillar:last-child{border-bottom:1px solid var(--line)}.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(--line);border-radius:var(--radius-m);background:var(--surface);overflow:hidden}.code-panel-bar{border-bottom:1px solid var(--line);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(--lightningcss-light,var(--shiki-light))var(--lightningcss-dark,var(--shiki-dark))}.qs-side{align-content:start;gap:1.5rem;min-width:0;display:grid}.qs-demo{border:1px solid var(--line);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(--line-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(--link);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(--line);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(--line-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(--line);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(--line-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(--line-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(--line-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(--line-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(--line);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(--link);font-weight:700}.proof-notes{color:var(--muted);flex-wrap:wrap;gap:.5rem 2rem;margin-top:1.5rem;font-size:.98rem;display:flex}.ai-skills{padding-block:clamp(1rem,3vw,2rem)}.ai-panel{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.5rem,3.5vw,2.5rem);display:grid}@media (width<=900px){.ai-panel{grid-template-columns:minmax(0,1fr)}}.ai-copy h2{letter-spacing:-.02em;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700}.ai-copy>p{color:var(--muted);max-width:56ch;margin-top:.8rem}.ai-copy .install-cmd{background:var(--bg);margin-top:1.25rem}.ai-note{color:var(--muted);max-width:56ch;margin-top:.9rem;font-size:.9rem}.ai-note code{overflow-wrap:anywhere;font-size:.85em}.skill-list{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:.65rem;padding:0;font-size:.93rem;list-style:none;display:grid}.skill-list li{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--line);align-items:baseline;gap:.3rem .9rem;padding-bottom:.65rem;display:grid}.skill-list li:last-child{border-bottom:none;padding-bottom:0}@media (width<=560px){.skill-list{grid-template-columns:minmax(0,1fr)}}.skill-list code{font-family:var(--font-mono);color:var(--link);white-space:nowrap;font-size:.85rem}.skill-list span{color:var(--muted)}.ai-skills .links-row{margin-top:.5rem}.sb-cta{padding-block:clamp(2rem,5vw,3rem)}.sb-panel{border:1px solid var(--line);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(--line);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(--line-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(--line);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}}for-hire-badge{--fhb-bg:var(--surface);--fhb-border:var(--line);--fhb-ink:var(--ink);--fhb-muted:var(--muted);--fhb-font:var(--font-sans);--fhb-shadow:var(--shadow-2)}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--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;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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);--color-black:#000;--color-white:#fff;--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-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--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-medium:500;--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)}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-y-0{inset-block:0}.right-0{right:0}.right-1{right:var(--spacing)}.bottom-1{bottom:var(--spacing)}.left-0{left:0}.z-10{z-index:10}.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)}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-auto\!{height:auto!important}.h-full{height:100%}.w-10{width:calc(var(--spacing) * 10)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-full{max-width:100%}.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}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default\!{cursor:default!important}.cursor-grab{cursor:grab}.resize{resize:both}.\[scrollbar-width\:none\]{scrollbar-width:none}.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}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto\!{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden}.rounded-full{border-radius:2147483647px}.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(--line)}.border-border-strong{border-color:var(--line-strong)}.border-primary{border-color:var(--primary)}.bg-bg{background-color:var(--bg)}.bg-border{background-color:var(--line)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--surface)}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-surface{--tw-gradient-from:var(--surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[mask-image\:linear-gradient\(to_right\,transparent\,black_2\.5rem\,black_calc\(100\%-2\.5rem\)\,transparent\)\]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000)}.p-2{padding:calc(var(--spacing) * 2)}.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-3{padding-inline:calc(var(--spacing) * 3)}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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-accent-on-soft{color:var(--accent-on-soft)}.text-black\/80{color:#000c}@supports (color:color-mix(in lab, red, red)){.text-black\/80{color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-80{opacity:.8}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;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){.group-hover\/media-row\:opacity-100:is(:where(.group\/media-row):hover *),.group-hover\/nfx\:opacity-100:is(:where(.group\/nfx):hover *){opacity:1}.hover\:border-border-strong:hover{border-color:var(--line-strong)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:text-ink:hover{color:var(--ink)}}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@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))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_\.react-horizontal-scrolling-menu--inner-wrapper\]\:flex .react-horizontal-scrolling-menu--inner-wrapper{display:flex}.\[\&_\.react-horizontal-scrolling-menu--inner-wrapper\]\:items-center .react-horizontal-scrolling-menu--inner-wrapper{align-items:center}.\[\&_\.react-horizontal-scrolling-menu--inner-wrapper\]\:gap-2 .react-horizontal-scrolling-menu--inner-wrapper{gap:calc(var(--spacing) * 2)}.\[\&_\.react-horizontal-scrolling-menu--inner-wrapper\]\:overflow-y-hidden .react-horizontal-scrolling-menu--inner-wrapper{overflow-y:hidden}.\[\&_\.react-horizontal-scrolling-menu--item\]\:min-w-full .react-horizontal-scrolling-menu--item{min-width:100%}.\[\&_\.react-horizontal-scrolling-menu--scroll-container\.rtl\]\:\[direction\:rtl\] .react-horizontal-scrolling-menu--scroll-container.rtl{direction:rtl}.\[\&_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)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}