.rc-root{--rc-slide-size:100%;--rc-slide-gap:1rem;--rc-duration:.35s;--rc-easing:cubic-bezier(.22, 1, .36, 1);--rc-button-bg:#111827a6;--rc-button-bg-hover:#111827d9;--rc-button-color:#fff;--rc-button-size:2.5rem;--rc-accent:#111827;--rc-dot-color:#11182738;--rc-dot-active-color:var(--rc-accent);outline:none;position:relative}.rc-root:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}.rc-viewport{width:100%;height:100%;overflow:hidden}.rc-viewport[data-orientation=vertical]{height:var(--rc-viewport-height,360px)}.rc-track{gap:var(--rc-slide-gap);will-change:transform;transition:transform var(--rc-duration) var(--rc-easing);transform:translate3d(calc(var(--rc-active-index,0) * -1 * (var(--rc-slide-size,100%) + var(--rc-slide-gap)) + var(--rc-drag,0px)), 0, 0);display:flex}.rc-track[data-orientation=vertical]{height:100%;transform:translate3d(0, calc(var(--rc-active-index,0) * -1 * (var(--rc-slide-size,100%) + var(--rc-slide-gap)) + var(--rc-drag,0px)), 0);flex-direction:column}.rc-track[data-dragging]{cursor:grabbing;transition:none}.rc-slide{flex:0 0 var(--rc-slide-size);-webkit-user-select:none;user-select:none;min-width:0;min-height:0}.rc-button{width:var(--rc-button-size);height:var(--rc-button-size);font-size:calc(var(--rc-button-size) * .5);color:var(--rc-button-color);background:var(--rc-button-bg);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,opacity .15s,transform .15s;display:inline-flex}.rc-button:hover:not(:disabled){background:var(--rc-button-bg-hover)}.rc-button:active:not(:disabled){transform:scale(.92)}.rc-button:disabled{opacity:.35;cursor:default}.rc-button:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}.rc-button--prev,.rc-button--next{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.rc-button--prev:active:not(:disabled),.rc-button--next:active:not(:disabled){transform:translateY(-50%)scale(.92)}.rc-button--prev{left:.5rem}.rc-button--next{right:.5rem}.rc-button__icon{display:block}.rc-controls{justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.rc-dots{justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.rc-dot{background:var(--rc-dot-color);cursor:pointer;border:none;border-radius:9999px;width:.625rem;height:.625rem;padding:0;transition:background-color .15s,transform .15s}.rc-dot:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}.rc-dot--active{background:var(--rc-dot-active-color);transform:scale(1.25)}@media (prefers-reduced-motion:reduce){.rc-track{transition-duration:1ms}}.rc-cardslider{--rc-cs-card-h:180px;--rc-cs-pad-top:1.5rem;box-sizing:border-box;width:100%;position:relative;overflow:hidden}.rc-cardslider__overlay{pointer-events:none;z-index:10;width:4rem;height:100%;position:absolute;top:0}.rc-cardslider__overlay--left{background:linear-gradient(90deg,#ffffffe6,#0000);left:0}.rc-cardslider__overlay--right{background:linear-gradient(270deg,#ffffffe6,#0000);right:0}.rc-cardslider__arrow{top:calc(var(--rc-cs-pad-top,1.5rem) + var(--rc-cs-card-h,180px) / 2);z-index:15;box-sizing:border-box;color:#111827;opacity:.5;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #00000014;border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:opacity .15s;display:inline-flex;position:absolute;transform:translateY(-50%);box-shadow:0 10px 20px -8px #0006}.rc-cardslider__arrow:hover{opacity:1}.rc-cardslider__arrow--left{left:.75rem}.rc-cardslider__arrow--right{right:.75rem}.rc-cardslider__track{box-sizing:border-box;padding:var(--rc-cs-pad-top,1.5rem) 3.5rem 2rem;scroll-behavior:smooth;scrollbar-width:none;gap:1.5rem;display:flex;overflow-x:auto}.rc-cardslider__track::-webkit-scrollbar{display:none}.rc-cardslider__item{flex:none}.rc-cardslider__item a{text-decoration:none;display:block}.rc-card{--rc-blob-fill:#ffffffe6;--rc-card-fg:#fff;--rc-card-muted:#ffffffd9;--rc-card-tag-bg:#0003;--rc-card-tag-fg:#fff;--rc-card-track:#ffffff4d;--rc-card-fill:#fff;box-sizing:border-box;height:var(--rc-cs-card-h,180px);cursor:pointer;text-align:left;border-radius:1rem;width:350px;padding:1.25rem;font-family:Hanken Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;position:relative;overflow:hidden;box-shadow:0 10px 20px -8px #00000040}.rc-card__blob{pointer-events:none;width:12.5rem;height:10rem;position:absolute}.rc-card__tag{z-index:1;color:var(--rc-card-tag-fg);background:var(--rc-card-tag-bg);border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block;position:relative}.rc-card__title{z-index:1;color:var(--rc-card-fg);margin:.75rem 0 0;font-family:Fraunces,ui-serif,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;position:relative}.rc-card__progress{z-index:1;background:var(--rc-card-track);border-radius:9999px;width:100%;height:.25rem;margin-top:1rem;position:relative;overflow:hidden}.rc-card__progress-fill{background:var(--rc-card-fill);border-radius:9999px;width:90%;height:100%}.rc-card__desc{z-index:1;color:var(--rc-card-muted);margin:.75rem 0 0;font-size:.875rem;font-weight:600;position:relative}.rc-card__button{z-index:1;color:var(--rc-card-fg);cursor:pointer;background:#ffffff40;border:none;border-radius:9999px;padding:.5rem;display:inline-flex;position:absolute;top:1rem;right:1rem}.rc-card--gradient{background:linear-gradient(135deg, var(--rc-from), var(--rc-to))}.rc-card--glass{background:linear-gradient(160deg, #ffffff47, #ffffff0a), linear-gradient(135deg, var(--rc-from), var(--rc-to));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #ffffff59}.rc-card--glass .rc-card__tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff40}.rc-card--solid{background:var(--rc-from)}.rc-card--outline{--rc-blob-fill:#1118270d;--rc-card-fg:#111827;--rc-card-muted:#4b5563;--rc-card-tag-bg:var(--rc-from);--rc-card-tag-fg:#fff;--rc-card-track:#1118271a;--rc-card-fill:linear-gradient(90deg, var(--rc-from), var(--rc-to));border:2px solid var(--rc-from);background:#fff}.rc-card--outline .rc-card__title{color:var(--rc-from)}.rc-card--outline .rc-card__button{color:var(--rc-from);background:#1118270f}.rc-card--dark{--rc-blob-fill:#ffffff0f;--rc-card-fg:#f8fafc;--rc-card-muted:#f8fafcb3;--rc-card-tag-bg:#ffffff14;--rc-card-tag-fg:var(--rc-to);--rc-card-track:#ffffff1f;--rc-card-fill:linear-gradient(90deg, var(--rc-from), var(--rc-to));border:1px solid var(--rc-from);box-shadow:0 0 28px -8px var(--rc-from);background:#0f172a}.rc-card--dark .rc-card__title{color:var(--rc-to)}.rc-card--dark .rc-card__button{background:#ffffff1a}.rc-card--minimal{--rc-blob-fill:#1118270a;--rc-card-fg:#111827;--rc-card-muted:#6b7280;--rc-card-tag-bg:#f3f4f6;--rc-card-tag-fg:#374151;--rc-card-track:#f3f4f6;--rc-card-fill:linear-gradient(90deg, var(--rc-from), var(--rc-to));background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 20px -10px #0003}.rc-card--minimal .rc-card__button{color:var(--rc-from);background:#f3f4f6}.rc-image{--rc-button-bg:transparent;--rc-button-bg-hover:#ffffff2e;--rc-button-color:#fff;--rc-button-size:3rem;background:#000;border-radius:16px;position:relative;overflow:hidden}.rc-image .rc-button{filter:drop-shadow(0 1px 4px #0000008c);font-size:1.6rem}.rc-image__link{width:100%;display:block}.rc-image__slide{width:100%;height:var(--rc-image-height,460px);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.rc-image__caption{color:#fff;text-align:center;text-shadow:0 2px 18px #0000008c;padding:0 1rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.rc-image .rc-dots{z-index:3;margin:0;position:absolute;bottom:.9rem;left:0;right:0}.rc-image .rc-dot{background:#ffffff73}.rc-image .rc-dot--active{background:#fff}.rc-slicer{height:var(--rc-image-height,460px);--rc-button-bg:transparent;--rc-button-bg-hover:#ffffff2e;--rc-button-color:#fff;--rc-button-size:3rem;background:#000;border-radius:16px;outline:none;position:relative;overflow:hidden}.rc-slicer:focus-visible{outline:2px solid var(--rc-accent,#fff);outline-offset:2px}.rc-slicer .rc-button{filter:drop-shadow(0 1px 4px #0000008c);font-size:1.6rem}.rc-slicer__viewport{touch-action:pan-y;position:absolute;top:0;bottom:0;left:0;right:0}.rc-slicer__slide{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.rc-slicer__slide[data-active]{z-index:1}.rc-slicer__strip{width:100%;height:calc(100% / var(--rc-slices,6));left:0;top:calc(var(--k) * 100% / var(--rc-slices,6));background-repeat:no-repeat;background-size:100% var(--rc-image-height,460px);background-position:0 calc(var(--k) / (var(--rc-slices,6) - 1) * 100%);transition:transform .6s cubic-bezier(.7,0,.3,1);transition-delay:calc(var(--k) * 70ms);will-change:transform;position:absolute;transform:translate(-115%)}.rc-slicer__strip:nth-child(2n){transform:translate(115%)}.rc-slicer__slide[data-active] .rc-slicer__strip{transform:translate(0)}.rc-slicer__caption{z-index:2;color:#fff;text-align:center;text-shadow:0 2px 18px #0000008c;pointer-events:none;justify-content:center;align-items:center;padding:0 1rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;transition:opacity .25s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.rc-slicer__slide:not([data-active]) .rc-slicer__caption{opacity:0}.rc-slicer .rc-dots{z-index:3;margin:0;position:absolute;bottom:.9rem;left:0;right:0}.rc-slicer .rc-dot{background:#ffffff73}.rc-slicer .rc-dot--active{background:#fff}@media (prefers-reduced-motion:reduce){.rc-slicer__strip{transition-duration:1ms;transition-delay:0s}}.rc-cube{height:var(--rc-image-height,460px);--rc-button-bg:transparent;--rc-button-bg-hover:#ffffff2e;--rc-button-color:#fff;--rc-button-size:3rem;--rc-cube-depth:0px;--rc-cube-duration:.6s;background:#000;border-radius:16px;outline:none;position:relative}.rc-cube:focus-visible{outline:2px solid var(--rc-accent,#fff);outline-offset:2px}.rc-cube .rc-button{z-index:3;filter:drop-shadow(0 1px 4px #0000008c);font-size:1.6rem}.rc-cube__viewport{perspective:1200px;touch-action:pan-y;position:absolute;top:0;bottom:0;left:0;right:0}.rc-cube[data-orientation=vertical] .rc-cube__viewport{touch-action:pan-x}.rc-cube__cage{transform-style:preserve-3d;transform:translateZ(calc(var(--rc-cube-depth) * -1));position:absolute;top:0;bottom:0;left:0;right:0}.rc-cube__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(calc(var(--off) * 90deg)) translateZ(var(--rc-cube-depth));transition:transform var(--rc-cube-duration) cubic-bezier(.66, 0, .34, 1);background-position:50%;background-size:cover;border-radius:14px;position:absolute;top:0;bottom:0;left:0;right:0}.rc-cube[data-orientation=vertical] .rc-cube__face{transform:rotateX(calc(var(--off) * -90deg)) translateZ(var(--rc-cube-depth))}.rc-cube[data-shadow] .rc-cube__face:after{content:"";border-radius:inherit;opacity:.5;transition:opacity var(--rc-cube-duration) ease;pointer-events:none;background:#000;position:absolute;top:0;bottom:0;left:0;right:0}.rc-cube[data-shadow] .rc-cube__face[data-active]:after{opacity:0}.rc-cube__shadow{filter:blur(22px);z-index:0;pointer-events:none;background:#00000073;border-radius:50%;height:16%;position:absolute;bottom:-7%;left:8%;right:8%}.rc-cube__caption{z-index:2;color:#fff;text-align:center;text-shadow:0 2px 18px #0000008c;pointer-events:none;justify-content:center;align-items:center;padding:0 1rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.rc-cube .rc-dots{z-index:3;margin:0;position:absolute;bottom:.9rem;left:0;right:0}.rc-cube .rc-dot{background:#ffffff73}.rc-cube .rc-dot--active{background:#fff}@media (prefers-reduced-motion:reduce){.rc-cube__face{transition-duration:1ms}}:root{--font-display:"Fraunces", Georgia, serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--accent:#ff6a3d;--accent-2:#f5c451;--spectrum:linear-gradient(90deg, #4a90e2, #8e44ad, #d946ef, #ff5d3b, #f5c451, #2ecc71, #02aabd);--sidebar-w:16rem;--toc-w:14rem;--content-max:52rem;--radius:14px}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f4ee;--bg-tint:#f0ece3;--surface:#fff;--surface-2:#faf8f3;--ink:#1b1a17;--ink-soft:#514e47;--muted:#8a857a;--border:#1b1a171a;--border-strong:#1b1a172e;--code-bg:#1b1a17;--code-ink:#ece7dd;--shadow:0 24px 60px -28px #1b1a1759;--grain-opacity:.04}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c10;--bg-tint:#101017;--surface:#15151d;--surface-2:#1b1b25;--ink:#eceae4;--ink-soft:#b8b6b0;--muted:#76747f;--border:#ffffff17;--border-strong:#ffffff29;--code-bg:#08080b;--code-ink:#d6d3cc;--shadow:0 30px 70px -30px #000c;--grain-opacity:.05}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65;transition:background-color .4s,color .4s}body:after{content:"";z-index:9998;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}.topbar{z-index:50;background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;height:4rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:600;display:flex}.brand__mark{background:var(--spectrum);width:1.65rem;height:1.65rem;box-shadow:0 0 0 1px var(--border-strong);background-size:220% 100%;border-radius:7px;animation:8s linear infinite drift}@keyframes drift{to{background-position:220% 0}}.brand__name em{color:var(--accent);font-style:italic}.topbar__spacer{flex:1}.pill{font-family:var(--font-mono);border:1px solid var(--border-strong);color:var(--ink-soft);letter-spacing:.02em;border-radius:999px;padding:.2rem .55rem;font-size:.7rem}.topbar__link{color:var(--ink-soft);font-size:.9rem;font-weight:500;transition:color .2s}.topbar__link:hover{color:var(--ink)}.topbar__icon{border:1px solid var(--border-strong);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--ink-soft);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex}.topbar__icon:hover{color:var(--ink);background:var(--surface-2);border-color:var(--ink-soft);transform:translateY(-1px)}.topbar__icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{border:1px solid var(--border-strong);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:inline-flex}.theme-toggle:hover{background:var(--surface-2);transform:rotate(-12deg)scale(1.05)}.layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);max-width:90rem;margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--border);align-self:start;height:calc(100vh - 4rem);padding:2rem 1rem 2rem 1.5rem;position:sticky;top:4rem;overflow-y:auto}.sidebar__group{margin-bottom:1.6rem}.sidebar__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 .55rem .6rem;font-size:.68rem}.sidebar__link{color:var(--ink-soft);border-radius:8px;margin:.1rem 0;padding:.32rem .6rem;font-size:.9rem;transition:color .18s,background .18s;display:block;position:relative}.sidebar__link:hover{color:var(--ink);background:var(--surface-2)}.sidebar__link.is-active{color:var(--ink);background:color-mix(in oklab, var(--accent) 12%, transparent);font-weight:600}.sidebar__link.is-active:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:1.1rem;position:absolute;top:50%;left:-.4rem;transform:translateY(-50%)}.content{min-width:0;padding:0 clamp(1.25rem,4vw,4rem) 6rem}.hero{padding:clamp(3rem,9vw,6.5rem) 0 3.5rem;position:relative;overflow:hidden}.hero__mesh{z-index:-1;pointer-events:none;filter:blur(60px);opacity:.55;background:radial-gradient(40% 50% at 15% 20%,#ff5d3b55,#0000 70%),radial-gradient(35% 45% at 80% 10%,#4a90e255,#0000 70%),radial-gradient(45% 55% at 65% 70%,#8e44ad44,#0000 70%),radial-gradient(30% 40% at 30% 80%,#2ecc7144,#0000 70%);height:130%;position:absolute;top:-20%;bottom:auto;left:-10%;right:-10%}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:0;margin:0 0 1.2rem;font-size:.78rem;animation:.7s 50ms forwards rise}.hero h1{font-family:var(--font-display);letter-spacing:-.025em;opacity:0;max-width:16ch;margin:0 0 1.2rem;font-size:clamp(2.6rem,7vw,5rem);font-weight:400;line-height:.98;animation:.8s .12s forwards rise}.hero h1 em{background:var(--spectrum);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:10s linear infinite drift}.hero__lede{color:var(--ink-soft);opacity:0;max-width:46ch;margin:0 0 2rem;font-size:1.18rem;animation:.8s .2s forwards rise}.hero__cta{opacity:0;flex-wrap:wrap;align-items:center;gap:.75rem;animation:.8s .28s forwards rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.92rem;font-weight:600;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.btn--primary{background:var(--ink);color:var(--bg)}.btn--primary:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn--ghost{border-color:var(--border-strong);color:var(--ink)}.btn--ghost:hover{background:var(--surface-2)}.cmd{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;align-items:center;gap:.75rem;padding:.55rem .65rem .55rem 1rem;font-size:.86rem;display:inline-flex}.cmd__prompt{color:var(--accent)}.cmd button{font:inherit;background:var(--surface-2);color:var(--ink-soft);cursor:pointer;border:none;border-radius:999px;padding:.25rem .6rem;transition:color .2s}.cmd button:hover{color:var(--ink)}.rule{background:var(--spectrum);opacity:.55;border:0;border-radius:2px;height:2px;margin:3.5rem 0}.section{padding-top:1rem;scroll-margin-top:6rem}.section__num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.14em;font-size:.72rem}.content h2{font-family:var(--font-display);letter-spacing:-.02em;margin:.3rem 0 .4rem;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:500;line-height:1.1}.content h3{font-family:var(--font-display);letter-spacing:-.01em;margin:2.2rem 0 .6rem;font-size:1.3rem;font-weight:500}.content p{color:var(--ink-soft);max-width:var(--content-max)}.content p code,.content li code,.content td code{background:var(--surface-2);border:1px solid var(--border);color:var(--ink);border-radius:6px;padding:.1rem .4rem;font-size:.85em}.lead{font-size:1.1rem}.code{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border-strong);max-width:var(--content-max);margin:1.2rem 0;position:relative;overflow:hidden}.code__bar{border-bottom:1px solid #ffffff14;align-items:center;gap:.4rem;padding:.6rem .9rem;display:flex}.code__dot{background:#fff2;border-radius:999px;width:.6rem;height:.6rem}.code__lang{font-family:var(--font-mono);color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin-left:auto;font-size:.68rem}.code__copy{font-family:var(--font-mono);color:#fffa;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;margin-left:.7rem;padding:.2rem .6rem;font-size:.68rem;transition:color .18s,background .18s}.code__copy:hover{color:#fff;background:#ffffff24}.code pre{color:var(--code-ink);margin:0;padding:1.1rem 1.25rem;font-size:.84rem;line-height:1.7;overflow-x:auto}.code .tok-key{color:#ff8a6b}.code .tok-str{color:#f5c451}.code .tok-tag{color:#6bb8ff}.code .tok-com{color:#6f6c66;font-style:italic}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);max-width:var(--content-max);margin:1.2rem 0;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.7rem 1rem}th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface-2);font-size:.7rem}tr:last-child td{border-bottom:none}td:first-child{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;font-size:.82rem}.demo{border-radius:var(--radius);background:radial-gradient(120% 140% at 50% 0%, var(--surface-2), var(--surface));border:1px solid var(--border);box-shadow:var(--shadow);margin:1.4rem 0;padding:2rem;position:relative}.demo--pad-lg{padding:2.5rem 1rem}.demo__toggle{z-index:4;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--border-strong);background:color-mix(in oklab, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:.32rem .7rem;font-size:.72rem;font-weight:600;transition:color .18s,border-color .18s,background .18s;position:absolute;top:.75rem;right:.75rem}.demo__toggle:hover{color:var(--ink);border-color:var(--accent)}.demo__toggle[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.demo>.code{max-width:none;margin:1.4rem 0 0}.chips{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;display:flex}.chip{background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-soft);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:500}.chip:before{content:"›";color:var(--accent);margin-right:.35rem;font-weight:700}.gallery{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.variant{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.variant__preview{background:radial-gradient(110% 130% at 50% 0%, var(--surface-2), var(--surface));border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:1.75rem 1rem;display:flex}.variant__body{padding:1rem 1.1rem 1.2rem}.variant__name{font-family:var(--font-mono);color:var(--accent);font-size:.78rem}.variant__title{font-family:var(--font-display);margin:.15rem 0 .4rem;font-size:1.15rem;font-weight:500}.variant__desc{color:var(--ink-soft);margin:0;font-size:.88rem}.variant__code{font-family:var(--font-mono);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink-soft);cursor:pointer;border-radius:999px;margin-top:.9rem;padding:.32rem .72rem;font-size:.72rem;font-weight:600;transition:color .18s,border-color .18s}.variant__code:hover{color:var(--ink);border-color:var(--accent)}.variant__code[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.variant__body .code{max-width:none;margin:.9rem 0 0}.switcher{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.switcher button{font:inherit;text-transform:capitalize;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:999px;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;transition:transform .18s,filter .18s,border-color .18s,box-shadow .18s,color .18s;box-shadow:inset 0 1px #ffffff14,0 2px 8px #00000038}.switcher button:nth-child(6n+1){background:linear-gradient(135deg, #4a90e257, #4a90e214), var(--surface-2);border-color:#4a90e280}.switcher button:nth-child(6n+2){background:linear-gradient(135deg, #8e44ad57, #8e44ad14), var(--surface-2);border-color:#8e44ad80}.switcher button:nth-child(6n+3){background:linear-gradient(135deg, #d946ef52, #d946ef14), var(--surface-2);border-color:#d946ef80}.switcher button:nth-child(6n+4){background:linear-gradient(135deg, #ff5d3b52, #ff5d3b14), var(--surface-2);border-color:#ff5d3b80}.switcher button:nth-child(6n+5){background:linear-gradient(135deg, #2ecc7152, #2ecc7114), var(--surface-2);border-color:#2ecc7180}.switcher button:nth-child(6n+6){background:linear-gradient(135deg, #02aabd52, #02aabd14), var(--surface-2);border-color:#02aabd80}.switcher button:hover{filter:brightness(1.12)saturate(1.1);transform:translateY(-1px);box-shadow:0 8px 18px -8px #00000080,inset 0 1px #ffffff1f}.switcher button:active{transform:translateY(0)}.switcher button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switcher button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);filter:none;box-shadow:0 6px 18px -8px #0000008c}.checklist{max-width:var(--content-max);padding:0;list-style:none}.checklist li{color:var(--ink-soft);margin:.55rem 0;padding-left:1.8rem;position:relative}.checklist li:before{content:"✓";background:color-mix(in oklab, var(--accent) 18%, transparent);width:1.2rem;height:1.2rem;color:var(--accent);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:.05rem;left:0}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;padding-top:2rem;font-size:.85rem;display:flex}.rc-root{--rc-accent:var(--accent)}[data-theme=dark] .rc-root{--rc-button-bg:#ffffff24;--rc-button-bg-hover:#ffffff42;--rc-button-color:#fff;--rc-dot-color:#ffffff38;--rc-dot-active-color:#fff}[data-theme=dark] .rc-cardslider__overlay--left{background:linear-gradient(to right, var(--surface), transparent)}[data-theme=dark] .rc-cardslider__overlay--right{background:linear-gradient(to left, var(--surface), transparent)}[data-theme=dark] .rc-cardslider__arrow{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff2e}@media (max-width:860px){.layout{grid-template-columns:1fr}.sidebar{display:none}}
/*# sourceMappingURL=example.c36890c8.css.map */