:root{--bg:#090a11;--bg-2:#0e0f19;--surface:#131524;--surface-2:#1a1d2f;--surface-3:#232740;--border:#ffffff13;--border-strong:#ffffff26;--text:#eef0f8;--muted:#a1a6bd;--faint:#6e7390;--coral:#ff7a45;--amber:#ffb547;--rose:#ff4d8d;--mint:#45d6b5;--sky:#7cb2ff;--violet:#a68bff;--red:#ff5d6c;--grad:linear-gradient(120deg, var(--rose), var(--coral) 45%, var(--amber));--grad-soft:linear-gradient(120deg, #ff4d8d2e, #ff7a4524 45%, #ffb5471f);--shadow-lg:0 30px 80px -30px #000000bf;--glow:0 20px 60px -20px #ff7a4573;--radius:18px;--radius-sm:12px;--display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--body:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, "Cascadia Code", monospace;--container:1180px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark}:root[data-theme=light]{--bg:#fbf8f3;--bg-2:#f5f0e8;--surface:#fff;--surface-2:#f7f3ed;--surface-3:#efe9e0;--border:#281e1417;--border-strong:#281e142e;--text:#17161d;--muted:#595d70;--faint:#8b8e9e;--coral:#e3531c;--amber:#c47d00;--rose:#d42f6c;--mint:#0c9a7a;--sky:#2764d6;--violet:#6b4fe0;--red:#d63a4a;--grad-soft:linear-gradient(120deg, #d42f6c1a, #e3531c14 45%, #c47d0014);--shadow-lg:0 30px 70px -34px #50321459;--glow:0 20px 50px -24px #e3531c73;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:6px}::selection{background:color-mix(in srgb, var(--coral) 35%, transparent)}.container{width:min(100% - 40px, var(--container));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gradient-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{white-space:nowrap;height:46px;transition:transform .25s var(--ease-out), box-shadow .25s, background .25s, border-color .25s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn svg{width:16px;height:16px;transition:transform .25s var(--ease-out)}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 26px 60px -18px #ff7a4599}.btn-ghost{background:color-mix(in srgb, var(--surface) 70%, transparent);border-color:var(--border-strong);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:color-mix(in srgb, var(--coral) 60%, var(--border-strong));transform:translateY(-2px)}.section{padding-block:clamp(72px,10vw,128px);position:relative}.section-head{text-align:center;max-width:720px;margin:0 auto clamp(36px,5vw,56px)}.eyebrow{border:1px solid var(--border-strong);background:var(--grad-soft);letter-spacing:.04em;text-transform:uppercase;color:var(--coral);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.section-head h2{font-family:var(--display);letter-spacing:-.03em;margin:.9rem 0 .75rem;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:750;line-height:1.05}.section-head p{color:var(--muted);margin:0;font-size:clamp(1rem,1.6vw,1.12rem)}.js [data-reveal]{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transition-delay:var(--delay,0s);transform:translateY(24px)}.js [data-reveal].is-visible{opacity:1;transform:none}.enter{animation:enter .9s var(--ease-out) both;animation-delay:var(--delay,0s)}@keyframes enter{0%{opacity:0;transform:translateY(22px)}}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), var(--surface));box-shadow:var(--shadow-lg)}.window-dots{gap:6px;display:inline-flex}.window-dots i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.window-dots i:nth-child(2){background:#febc2e}.window-dots i:nth-child(3){background:#28c840}kbd{font-family:var(--mono);border:1px solid var(--border-strong);background:var(--surface-2);border-bottom-width:2px;border-radius:6px;padding:.1em .45em;font-size:.75em}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}.astro-code{background:0 0!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link:where(.astro-houjjtai){z-index:100;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:.5rem .9rem;position:absolute;top:-60px;left:12px}.skip-link:where(.astro-houjjtai):focus{top:12px}.header:where(.astro-txgk7l7n){z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,backdrop-filter .3s;position:sticky;top:0}.header:where(.astro-txgk7l7n).scrolled,.header:where(.astro-txgk7l7n).open{background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--border)}.bar:where(.astro-txgk7l7n){align-items:center;gap:1.5rem;height:68px;display:flex}.brand:where(.astro-txgk7l7n){font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:750;display:inline-flex}.brand:where(.astro-txgk7l7n) svg:where(.astro-txgk7l7n){width:32px;height:32px;transition:transform .4s var(--ease-spring)}.brand:where(.astro-txgk7l7n):hover svg:where(.astro-txgk7l7n){transform:rotate(-8deg)scale(1.06)}.brand-bars:where(.astro-txgk7l7n) rect:where(.astro-txgk7l7n){transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite bounce}.brand-bars:where(.astro-txgk7l7n) rect:where(.astro-txgk7l7n):nth-child(2){animation-delay:-.3s}.brand-bars:where(.astro-txgk7l7n) rect:where(.astro-txgk7l7n):nth-child(3){animation-delay:-.6s}.brand-bars:where(.astro-txgk7l7n) rect:where(.astro-txgk7l7n):nth-child(4){animation-delay:-.9s}@keyframes bounce{50%{transform:scaleY(.55)}}.version:where(.astro-txgk7l7n){font-family:var(--mono);border:1px solid var(--border-strong);color:var(--muted);border-radius:999px;padding:.12rem .45rem;font-size:.7rem;font-weight:500}.nav:where(.astro-txgk7l7n){gap:.2rem;margin-left:.5rem;display:flex}.nav:where(.astro-txgk7l7n) a:where(.astro-txgk7l7n){color:var(--muted);border-radius:999px;padding:.45rem .75rem;font-size:.93rem;font-weight:500;transition:color .2s,background .2s;position:relative}.nav:where(.astro-txgk7l7n) a:where(.astro-txgk7l7n):hover{color:var(--text);background:var(--surface-2)}.actions:where(.astro-txgk7l7n){align-items:center;gap:.4rem;margin-left:auto;display:flex}.icon-btn:where(.astro-txgk7l7n){width:40px;height:40px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;transition:color .2s,background .2s,border-color .2s;display:grid}.icon-btn:where(.astro-txgk7l7n):hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.icon-btn:where(.astro-txgk7l7n) svg:where(.astro-txgk7l7n){fill:currentColor;width:19px;height:19px}.sun:where(.astro-txgk7l7n){stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none!important}:root[data-theme=dark] .sun:where(.astro-txgk7l7n),:root[data-theme=light] .moon:where(.astro-txgk7l7n){display:none}.cta:where(.astro-txgk7l7n){height:40px;margin-left:.3rem;padding:0 1rem;font-size:.88rem}.menu:where(.astro-txgk7l7n){display:none}.menu:where(.astro-txgk7l7n) span:where(.astro-txgk7l7n){width:18px;height:2px;transition:transform .3s var(--ease-out);background:currentColor;border-radius:2px;grid-area:1/1;display:block}.menu:where(.astro-txgk7l7n) span:where(.astro-txgk7l7n):first-child{transform:translateY(-3.5px)}.menu:where(.astro-txgk7l7n) span:where(.astro-txgk7l7n):last-child{transform:translateY(3.5px)}.open:where(.astro-txgk7l7n) .menu:where(.astro-txgk7l7n) span:where(.astro-txgk7l7n):first-child{transform:rotate(45deg)}.open:where(.astro-txgk7l7n) .menu:where(.astro-txgk7l7n) span:where(.astro-txgk7l7n):last-child{transform:rotate(-45deg)}@media (width<=860px){.menu:where(.astro-txgk7l7n){display:grid}.cta:where(.astro-txgk7l7n){display:none}.nav:where(.astro-txgk7l7n){background:color-mix(in srgb, var(--bg) 94%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:opacity .25s, transform .25s var(--ease-out);flex-direction:column;gap:0;margin:0;padding:.5rem 20px 1rem;position:absolute;top:68px;left:0;right:0;transform:translateY(-8px)}.nav:where(.astro-txgk7l7n) a:where(.astro-txgk7l7n){border-radius:10px;padding:.8rem .5rem;font-size:1.05rem}.open:where(.astro-txgk7l7n) .nav:where(.astro-txgk7l7n){opacity:1;pointer-events:auto;transform:none}}.hero:where(.astro-qmrutqly){padding:clamp(40px,7vw,90px) 0 170px;position:relative;overflow:hidden}.backdrop:where(.astro-qmrutqly){pointer-events:none;z-index:0;position:absolute;inset:-20% -10% 0}.orb:where(.astro-qmrutqly){filter:blur(80px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.orb-a:where(.astro-qmrutqly){background:radial-gradient(circle,#ff4d8d8c,#0000 65%);width:520px;height:520px;top:4%;left:-6%}.orb-b:where(.astro-qmrutqly){background:radial-gradient(circle,#ff964673,#0000 65%);width:600px;height:600px;animation-duration:22s;animation-delay:-6s;top:-6%;right:-8%}.orb-c:where(.astro-qmrutqly){background:radial-gradient(circle,#7cb2ff47,#0000 65%);width:420px;height:420px;animation-duration:26s;bottom:2%;left:38%}:root[data-theme=light] .orb:where(.astro-qmrutqly){opacity:.35}@keyframes drift{to{transform:translate(60px,40px)scale(1.08)}}.grid:where(.astro-qmrutqly){background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 40%,#000 30%,#0000 75%)}.inner:where(.astro-qmrutqly){z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid;position:relative}.pill:where(.astro-qmrutqly){border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 70%, transparent);backdrop-filter:blur(10px);color:var(--muted);border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .8rem .35rem .55rem;font-size:.85rem;transition:border-color .25s,color .25s;display:inline-flex}.pill:where(.astro-qmrutqly):hover{color:var(--text);border-color:color-mix(in srgb, var(--coral) 55%, var(--border-strong))}.pill:where(.astro-qmrutqly) svg:where(.astro-qmrutqly){fill:none;stroke:currentColor;stroke-width:2px;width:12px}.pill-dot:where(.astro-qmrutqly){background:var(--mint);border-radius:50%;width:8px;height:8px;position:relative}.pill-dot:where(.astro-qmrutqly):after{content:"";border:2px solid var(--mint);border-radius:50%;animation:1.8s ease-out infinite ping;position:absolute;inset:-4px}@keyframes ping{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}h1:where(.astro-qmrutqly){font-family:var(--display);letter-spacing:-.045em;margin:1.1rem 0 1rem;font-size:clamp(2.8rem,7.2vw,5.4rem);font-weight:800;line-height:.95}h1:where(.astro-qmrutqly) .gradient-text:where(.astro-qmrutqly){background-size:200%;animation:6s linear infinite shimmer}@keyframes shimmer{to{background-position:200%}}.lead:where(.astro-qmrutqly){max-width:34rem;color:var(--muted);margin:0 0 1.75rem;font-size:clamp(1.05rem,1.7vw,1.2rem)}.cta:where(.astro-qmrutqly){flex-wrap:wrap;gap:.7rem;display:flex}.install:where(.astro-qmrutqly){max-width:26rem;margin-top:1.75rem}.tabs:where(.astro-qmrutqly){gap:.15rem;margin-bottom:.45rem;display:inline-flex}.tabs:where(.astro-qmrutqly) button:where(.astro-qmrutqly){color:var(--faint);font-size:.78rem;font-family:var(--mono);background:0 0;border:0;border-radius:999px;padding:.2rem .6rem;transition:color .2s,background .2s}.tabs:where(.astro-qmrutqly) button:where(.astro-qmrutqly):hover{color:var(--text)}.tabs:where(.astro-qmrutqly) button:where(.astro-qmrutqly)[aria-selected=true]{color:var(--text);background:var(--surface-2)}.cmd:where(.astro-qmrutqly){border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 80%, transparent);backdrop-filter:blur(10px);font-family:var(--mono);border-radius:14px;align-items:center;gap:.7rem;padding:.5rem .5rem .5rem 1rem;display:flex}.prompt:where(.astro-qmrutqly){color:var(--coral)}.cmd:where(.astro-qmrutqly) code:where(.astro-qmrutqly){flex:1;font-size:.95rem}.copy:where(.astro-qmrutqly){border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--muted);border-radius:10px;place-items:center;transition:color .2s,border-color .2s,transform .2s;display:grid;position:relative}.copy:where(.astro-qmrutqly):hover{color:var(--text);border-color:var(--border-strong)}.copy:where(.astro-qmrutqly):active{transform:scale(.92)}.copy:where(.astro-qmrutqly) svg:where(.astro-qmrutqly){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;transition:transform .3s var(--ease-spring), opacity .2s;grid-area:1/1}.i-check:where(.astro-qmrutqly){opacity:0;color:var(--mint);transform:scale(.4)}.copy:where(.astro-qmrutqly).done .i-copy:where(.astro-qmrutqly){opacity:0;transform:scale(.4)}.copy:where(.astro-qmrutqly).done .i-check:where(.astro-qmrutqly){opacity:1;transform:none}.visual:where(.astro-qmrutqly){min-width:0;position:relative}.window:where(.astro-qmrutqly){transition:transform .8s var(--ease-out);position:relative;overflow:hidden;transform:perspective(1400px)rotateY(-6deg)rotateX(3deg)}.visual:where(.astro-qmrutqly):hover .window:where(.astro-qmrutqly){transform:perspective(1400px)rotateY(0)rotateX(0)}.window:where(.astro-qmrutqly):before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#ff7a458c,#0000 40% 70%,#ff4d8d73);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.window-head:where(.astro-qmrutqly){border-bottom:1px solid var(--border);align-items:center;gap:.8rem;padding:.75rem 1rem;display:flex}.file:where(.astro-qmrutqly){font-family:var(--mono);color:var(--muted);font-size:.82rem}.status:where(.astro-qmrutqly){color:var(--mint);align-items:center;gap:.4rem;margin-left:auto;font-size:.75rem;display:inline-flex}.live:where(.astro-qmrutqly){background:var(--mint);width:7px;height:7px;box-shadow:0 0 0 0 var(--mint);border-radius:50%;animation:1.8s infinite live}@keyframes live{70%{box-shadow:0 0 0 7px #0000}}.code:where(.astro-qmrutqly){min-height:19.5rem;font-family:var(--mono);color:var(--tok-text);margin:0;padding:1.1rem 1.2rem 1.4rem;font-size:clamp(.72rem,1.05vw,.84rem);line-height:1.7;overflow-x:auto}.caret:where(.astro-qmrutqly){vertical-align:text-bottom;background:var(--coral);width:8px;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:.2}}.toasts:where(.astro-qmrutqly){z-index:2;position:absolute;bottom:-26px;right:-14px}.toast:where(.astro-qmrutqly){border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 88%, transparent);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);opacity:0;border-radius:14px;align-items:center;gap:.7rem;min-width:220px;padding:.65rem .95rem .65rem .7rem;display:flex}.toast:where(.astro-qmrutqly).show{animation:toast 3.2s var(--ease-out) forwards}@keyframes toast{0%{opacity:0;transform:translateY(14px)scale(.96)}12%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.toast-icon:where(.astro-qmrutqly){background:var(--grad-soft);border-radius:10px;place-items:center;width:34px;height:34px;font-size:1rem;display:grid}.toast:where(.astro-qmrutqly) strong:where(.astro-qmrutqly){font-family:var(--mono);color:var(--coral);font-size:.8rem;display:block}.toast:where(.astro-qmrutqly) span:where(.astro-qmrutqly){color:var(--muted);font-size:.85rem}.visualizer:where(.astro-qmrutqly){z-index:0;mask-image:linear-gradient(#0000,#000);width:100%;height:130px;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 80%)}@media (width<=960px){.inner:where(.astro-qmrutqly){grid-template-columns:1fr}.window:where(.astro-qmrutqly){transform:none}.toasts:where(.astro-qmrutqly){right:8px}}@media (width<=520px){.toasts:where(.astro-qmrutqly){left:8px;right:8px}.toast:where(.astro-qmrutqly){min-width:0}}.stats:where(.astro-b7pfk2mm){border-block:1px solid var(--border);background:var(--bg-2);position:relative}.row:where(.astro-b7pfk2mm){grid-template-columns:repeat(4,1fr);display:grid}.stat:where(.astro-b7pfk2mm){text-align:center;gap:.1rem;padding:1.9rem 1.2rem;display:grid}.stat:where(.astro-b7pfk2mm)+.stat:where(.astro-b7pfk2mm){border-left:1px solid var(--border)}strong:where(.astro-b7pfk2mm){font-family:var(--display);letter-spacing:-.04em;background:var(--grad);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1}.suffix:where(.astro-b7pfk2mm){margin-left:.1em}.label:where(.astro-b7pfk2mm){margin-top:.4rem;font-weight:600}.hint:where(.astro-b7pfk2mm){color:var(--faint);font-size:.85rem}@media (width<=760px){.row:where(.astro-b7pfk2mm){grid-template-columns:repeat(2,1fr)}.stat:where(.astro-b7pfk2mm):nth-child(3){border-left:0}.stat:where(.astro-b7pfk2mm):nth-child(n+3){border-top:1px solid var(--border)}}.demo-section:where(.astro-5suqome6){background:radial-gradient(ellipse 60% 50% at 50% 0%, color-mix(in srgb, var(--coral) 8%, transparent), transparent 70%)}.demo:where(.astro-5suqome6){--speed:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;gap:14px;display:grid}.card:where(.astro-5suqome6){border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);min-width:0}.player:where(.astro-5suqome6){flex-direction:column;gap:.9rem;padding:1.2rem;display:flex}.np:where(.astro-5suqome6){align-items:center;gap:.9rem;display:flex}.art:where(.astro-5suqome6){--h:230;background:linear-gradient(135deg, hsl(var(--h) 90% 62%), hsl(calc(var(--h) + 45) 85% 45%));color:#fff;width:84px;height:84px;font-family:var(--display);box-shadow:0 16px 34px -14px hsl(var(--h) 90% 55%);transition:background .6s, box-shadow .6s, transform .5s var(--ease-spring);border-radius:18px;flex:none;place-items:center;font-size:1.6rem;font-weight:800;display:grid;position:relative;overflow:hidden}.art:where(.astro-5suqome6):after{content:"";opacity:0;background:conic-gradient(#0000,#ffffff59,#0000 30%);transition:opacity .4s;position:absolute;inset:-40%}.is-playing:where(.astro-5suqome6) .art:where(.astro-5suqome6):after{opacity:1;animation:spin calc(4s / var(--speed)) linear infinite}.is-playing:where(.astro-5suqome6) .art:where(.astro-5suqome6){transform:scale(1.03)}@keyframes spin{to{transform:rotate(360deg)}}.np-meta:where(.astro-5suqome6){min-width:0}.np-label:where(.astro-5suqome6){letter-spacing:.08em;text-transform:uppercase;color:var(--coral);font-size:.7rem;font-weight:700}.np-meta:where(.astro-5suqome6) h3:where(.astro-5suqome6){font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:1.3rem;overflow:hidden}.np-meta:where(.astro-5suqome6) p:where(.astro-5suqome6){color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;overflow:hidden}.np-tags:where(.astro-5suqome6){gap:.35rem;min-height:1.3rem;margin-top:.35rem;display:flex}.src:where(.astro-5suqome6),.demo .src{text-transform:capitalize;border-radius:999px;padding:.05rem .45rem;font-size:.68rem;font-weight:600}.demo .src-spotify{color:#1ed760;background:#1ed7601f}.demo .src-youtube{color:#ff5a5a;background:#ff5a5a1f}.demo .src-soundcloud{color:#ff8a3d;background:#ff8a3d1f}.demo .src-none{display:none}.req:where(.astro-5suqome6){color:var(--faint);font-size:.72rem}.viz:where(.astro-5suqome6){width:100%;height:64px}.eight-d:where(.astro-5suqome6) .viz:where(.astro-5suqome6){animation:1.8s ease-in-out infinite alternate pan}@keyframes pan{0%{transform:perspective(500px)rotateY(-12deg)}to{transform:perspective(500px)rotateY(12deg)}}.progress:where(.astro-5suqome6){background:var(--surface-3);cursor:pointer;border-radius:6px;height:6px;transition:height .2s;position:relative}.progress:where(.astro-5suqome6):hover,.progress:where(.astro-5suqome6):focus-visible{height:9px}.fill:where(.astro-5suqome6){border-radius:inherit;background:var(--grad);position:absolute;inset:0 auto 0 0}.fill:where(.astro-5suqome6):after{content:"";width:13px;height:13px;transition:transform .2s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0);box-shadow:0 2px 8px #00000059}.progress:where(.astro-5suqome6):hover .fill:where(.astro-5suqome6):after{transform:translateY(-50%)scale(1)}.times:where(.astro-5suqome6){font-family:var(--mono);color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-.4rem;font-size:.75rem;display:flex}.speed:where(.astro-5suqome6){color:var(--amber);font-family:var(--body);font-size:.7rem}.controls:where(.astro-5suqome6){justify-content:center;align-items:center;gap:.5rem;display:flex}.ctl:where(.astro-5suqome6){border:1px solid var(--border);background:var(--surface-2);width:42px;height:42px;color:var(--text);transition:transform .2s var(--ease-spring), background .2s, border-color .2s;border-radius:50%;place-items:center;display:grid;position:relative}.ctl:where(.astro-5suqome6):hover{border-color:var(--border-strong);transform:translateY(-2px)}.ctl:where(.astro-5suqome6):active{transform:scale(.9)}.ctl:where(.astro-5suqome6) svg:where(.astro-5suqome6){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ctl:where(.astro-5suqome6).play{background:var(--grad);color:#fff;width:56px;height:56px;box-shadow:var(--glow);border:0}.ctl:where(.astro-5suqome6).play svg:where(.astro-5suqome6){fill:currentColor;stroke:none;width:22px;height:22px;transition:transform .3s var(--ease-spring), opacity .2s;grid-area:1/1}.i-pause:where(.astro-5suqome6),.is-playing:where(.astro-5suqome6) .i-play:where(.astro-5suqome6){opacity:0;transform:scale(.5)}.is-playing:where(.astro-5suqome6) .i-pause:where(.astro-5suqome6){opacity:1;transform:none}.loop:where(.astro-5suqome6)[data-loop=queue],.loop:where(.astro-5suqome6)[data-loop=track]{color:var(--coral);border-color:color-mix(in srgb, var(--coral) 45%, transparent);background:color-mix(in srgb, var(--coral) 12%, var(--surface-2))}.loop-badge:where(.astro-5suqome6){background:var(--coral);color:#fff;min-width:16px;height:16px;transition:transform .25s var(--ease-spring);border-radius:999px;place-items:center;padding:0 3px;font-size:.6rem;font-weight:700;display:grid;position:absolute;bottom:-2px;right:-2px;transform:scale(0)}.loop:where(.astro-5suqome6)[data-loop=queue] .loop-badge:where(.astro-5suqome6),.loop:where(.astro-5suqome6)[data-loop=track] .loop-badge:where(.astro-5suqome6){transform:scale(1)}.loop:where(.astro-5suqome6)[data-loop=queue] .loop-badge:where(.astro-5suqome6):after{content:"Q"}.loop:where(.astro-5suqome6)[data-loop=track] .loop-badge:where(.astro-5suqome6):after{content:"1"}.row:where(.astro-5suqome6){align-items:center;gap:.6rem;display:flex}.volume:where(.astro-5suqome6){color:var(--muted);flex:1;align-items:center;gap:.45rem;min-width:0;display:flex}.volume:where(.astro-5suqome6) svg:where(.astro-5suqome6){fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:18px;height:18px}.volume:where(.astro-5suqome6) input:where(.astro-5suqome6){min-width:0;accent-color:var(--coral);flex:1}.volume:where(.astro-5suqome6) output:where(.astro-5suqome6){text-align:right;width:2.2rem;font-family:var(--mono);font-size:.78rem}.pill-toggle:where(.astro-5suqome6),.filters:where(.astro-5suqome6) button:where(.astro-5suqome6){border:1px solid var(--border-strong);color:var(--muted);transition:all .25s var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.82rem;font-weight:500;display:inline-flex}.pill-toggle:where(.astro-5suqome6):hover,.filters:where(.astro-5suqome6) button:where(.astro-5suqome6):hover{color:var(--text);transform:translateY(-1px)}.pill-toggle:where(.astro-5suqome6) .dot:where(.astro-5suqome6){background:var(--faint);border-radius:50%;width:7px;height:7px;transition:background .2s,box-shadow .2s}.pill-toggle:where(.astro-5suqome6)[aria-pressed=true]{color:var(--mint);border-color:color-mix(in srgb, var(--mint) 50%, transparent);background:color-mix(in srgb, var(--mint) 10%, transparent)}.pill-toggle:where(.astro-5suqome6)[aria-pressed=true] .dot:where(.astro-5suqome6){background:var(--mint);box-shadow:0 0 10px var(--mint)}.filters:where(.astro-5suqome6){flex-wrap:wrap;gap:.4rem;display:flex}.filters:where(.astro-5suqome6) button:where(.astro-5suqome6)[aria-pressed=true]{color:#fff;background:var(--grad);box-shadow:0 8px 20px -10px var(--coral);border-color:#0000}.queue-card:where(.astro-5suqome6){flex-direction:column;max-height:640px;padding:1rem;display:flex}.search:where(.astro-5suqome6){border:1px solid var(--border-strong);background:var(--surface-2);border-radius:12px;align-items:center;gap:.5rem;padding:.55rem .75rem;transition:border-color .2s,box-shadow .2s;display:flex}.search:where(.astro-5suqome6):focus-within{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb, var(--coral) 20%, transparent)}.search:where(.astro-5suqome6) svg:where(.astro-5suqome6){width:17px;fill:var(--faint);flex:none}.search:where(.astro-5suqome6) input:where(.astro-5suqome6){background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.9rem}.results:where(.astro-5suqome6){gap:2px;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.results:where(.astro-5suqome6) button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.6rem;width:100%;padding:.4rem .5rem;transition:background .2s,transform .2s;display:flex}.results:where(.astro-5suqome6) button:hover{background:var(--surface-2)}.results:where(.astro-5suqome6) button.added{animation:added .7s var(--ease-out)}@keyframes added{30%{background:color-mix(in srgb, var(--mint) 20%, transparent);transform:scale(.98)}}.results:where(.astro-5suqome6) .plus{border:1px solid var(--border-strong);width:24px;height:24px;color:var(--muted);transition:background .2s, color .2s, transform .3s var(--ease-spring);border-radius:50%;place-items:center;margin-left:auto;display:grid}.results:where(.astro-5suqome6) button:hover .plus{background:var(--grad);color:#fff;border-color:#0000;transform:rotate(90deg)}.results:where(.astro-5suqome6) .no-results{color:var(--faint);padding:.6rem;font-size:.85rem}.demo .thumb{background:linear-gradient(135deg, hsl(var(--h) 85% 62%), hsl(calc(var(--h) + 45) 80% 45%));color:#fff;width:34px;height:34px;font-size:.72rem;font-weight:800;font-family:var(--display);border-radius:9px;flex:none;place-items:center;display:grid}.demo .r-meta,.demo .q-meta{min-width:0;line-height:1.3;display:grid}.demo .r-meta strong,.demo .q-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.demo .r-meta span,.demo .q-meta span{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.queue-head:where(.astro-5suqome6){border-top:1px solid var(--border);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin:.9rem 0 .4rem;padding-top:.8rem;font-size:.72rem;font-weight:700;display:flex}.queue-head:where(.astro-5suqome6) span:where(.astro-5suqome6):last-child{letter-spacing:0;text-transform:none;font-weight:500;font-family:var(--mono);color:var(--faint)}.queue:where(.astro-5suqome6){gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.queue:where(.astro-5suqome6) li{background:var(--surface-2);transition:transform .25s var(--ease-out), box-shadow .25s, border-color .2s;border:1px solid #0000;border-radius:11px;align-items:center;gap:.5rem;padding:.35rem .4rem;display:flex}.queue:where(.astro-5suqome6) li.fresh{animation:fresh .6s var(--ease-out)}@keyframes fresh{0%{opacity:0;border-color:var(--mint);transform:translate(16px)}}.queue:where(.astro-5suqome6) li.dragging{z-index:2;border-color:var(--coral);background:var(--surface-3);transition:none;position:relative;box-shadow:0 16px 30px -12px #00000080}.queue:where(.astro-5suqome6) .handle{width:22px;height:30px;color:var(--faint);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.queue:where(.astro-5suqome6) .handle:active{cursor:grabbing}.queue:where(.astro-5suqome6) .handle svg{fill:currentColor;width:16px}.queue:where(.astro-5suqome6) .q-len{font-family:var(--mono);color:var(--faint);margin-left:auto;font-size:.72rem}.queue:where(.astro-5suqome6) .remove{width:24px;height:24px;color:var(--faint);opacity:.6;background:0 0;border:0;border-radius:6px;font-size:.75rem;transition:opacity .2s,color .2s,background .2s}.queue:where(.astro-5suqome6) li:hover .remove{opacity:1}.queue:where(.astro-5suqome6) .remove:hover{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.queue-empty:where(.astro-5suqome6){border:1px dashed var(--border-strong);color:var(--faint);text-align:center;border-radius:12px;margin:.4rem 0 0;padding:1rem;font-size:.85rem}.console-card:where(.astro-5suqome6){background:color-mix(in srgb, var(--bg) 70%, var(--surface));flex-direction:column;max-height:640px;display:flex;overflow:hidden}.console-head:where(.astro-5suqome6){border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:.7rem;padding:.7rem .9rem;font-size:.8rem;display:flex}.console-head:where(.astro-5suqome6) button:where(.astro-5suqome6){border:1px solid var(--border-strong);color:var(--muted);background:0 0;border-radius:6px;margin-left:auto;padding:.15rem .55rem;font-size:.72rem}.console-head:where(.astro-5suqome6) button:where(.astro-5suqome6):hover{color:var(--text)}.console:where(.astro-5suqome6){min-height:320px;font-family:var(--mono);flex:1;padding:.6rem .4rem .6rem .7rem;font-size:.74rem;line-height:1.55;overflow-y:auto}.console:where(.astro-5suqome6) .line{animation:line-in .35s var(--ease-out);border-radius:6px;align-items:baseline;gap:.5rem;padding:.12rem .3rem;display:flex}@keyframes line-in{0%{opacity:0;background:color-mix(in srgb, var(--coral) 10%, transparent);transform:translate(-6px)}}.console:where(.astro-5suqome6) .time{color:var(--faint);white-space:pre;opacity:.75;flex:none;font-size:.66rem}.console:where(.astro-5suqome6) .prompt{color:var(--coral)}.console:where(.astro-5suqome6) code{color:var(--tok-text);word-break:break-word}.console:where(.astro-5suqome6) .badge{color:var(--mint);background:color-mix(in srgb, var(--mint) 13%, transparent);border-radius:5px;flex:none;padding:0 .4rem;font-weight:600}.console:where(.astro-5suqome6) .badge.http{color:var(--sky);background:color-mix(in srgb, var(--sky) 13%, transparent)}.console:where(.astro-5suqome6) .detail{color:var(--muted);min-width:0}.console:where(.astro-5suqome6) .json{color:var(--muted);opacity:.9}.console:where(.astro-5suqome6) .note{color:var(--faint);font-style:italic}.legend:where(.astro-5suqome6){border-top:1px solid var(--border);color:var(--faint);flex-wrap:wrap;align-items:center;gap:.4rem .9rem;padding:.55rem .9rem;font-size:.72rem;display:flex}.legend:where(.astro-5suqome6) i:where(.astro-5suqome6){border-radius:2px;width:8px;height:8px;margin-right:.35rem;display:inline-block}.k-call:where(.astro-5suqome6){background:var(--coral)}.k-http:where(.astro-5suqome6){background:var(--sky)}.k-event:where(.astro-5suqome6){background:var(--mint)}.legend:where(.astro-5suqome6) a:where(.astro-5suqome6){color:var(--coral);margin-left:auto;font-weight:600}@media (width<=1100px){.demo:where(.astro-5suqome6){grid-template-columns:repeat(2,minmax(0,1fr))}.console-card:where(.astro-5suqome6){grid-column:1/-1;max-height:420px}.console:where(.astro-5suqome6){min-height:240px}}@media (width<=720px){.demo:where(.astro-5suqome6){grid-template-columns:minmax(0,1fr)}.queue-card:where(.astro-5suqome6){max-height:520px}}.grid:where(.astro-nikkmkia){grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card:where(.astro-nikkmkia){border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);isolation:isolate;transition:transform .4s var(--ease-out), border-color .3s, box-shadow .4s;flex-direction:column;gap:.55rem;padding:1.6rem;display:flex;position:relative;overflow:hidden}.card:where(.astro-nikkmkia):before{content:"";z-index:-1;background:radial-gradient(420px circle at var(--mx,-500px) var(--my,-500px), color-mix(in srgb, var(--accent) 16%, transparent), transparent 45%);transition:opacity .3s;position:absolute;inset:0}.card:where(.astro-nikkmkia):after{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx,-500px) var(--my,-500px), color-mix(in srgb, var(--accent) 70%, transparent), transparent 50%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.card:where(.astro-nikkmkia):hover{box-shadow:0 24px 50px -30px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-4px)}.icon:where(.astro-nikkmkia){width:44px;height:44px;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);transition:transform .5s var(--ease-spring);border-radius:12px;place-items:center;margin-bottom:.4rem;display:grid}.card:where(.astro-nikkmkia):hover .icon:where(.astro-nikkmkia){transform:rotate(-8deg)scale(1.08)}.icon:where(.astro-nikkmkia) svg:where(.astro-nikkmkia){fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}h3:where(.astro-nikkmkia){font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.22rem}p:where(.astro-nikkmkia){color:var(--muted);flex:1;margin:0;font-size:.95rem}.more:where(.astro-nikkmkia){color:var(--accent);align-items:center;gap:.35rem;margin-top:.5rem;font-size:.88rem;font-weight:600;display:inline-flex}.more:where(.astro-nikkmkia) svg:where(.astro-nikkmkia){fill:none;stroke:currentColor;stroke-width:2px;width:14px;transition:transform .3s var(--ease-out)}.card:where(.astro-nikkmkia):hover .more:where(.astro-nikkmkia) svg:where(.astro-nikkmkia){transform:translate(4px)}@media (width<=960px){.grid:where(.astro-nikkmkia){grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid:where(.astro-nikkmkia){grid-template-columns:1fr}}.sim:where(.astro-izhdtct4){overflow:hidden}.toolbar:where(.astro-izhdtct4){border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.tool:where(.astro-izhdtct4){border:1px solid var(--border-strong);background:var(--surface-2);height:38px;transition:transform .2s var(--ease-out), border-color .2s;border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem;font-size:.88rem;font-weight:600;display:inline-flex}.tool:where(.astro-izhdtct4):hover{border-color:color-mix(in srgb, var(--coral) 50%, var(--border-strong));transform:translateY(-1px)}.tool:where(.astro-izhdtct4) svg:where(.astro-izhdtct4){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px}.tool:where(.astro-izhdtct4).primary{background:var(--grad);color:#fff;box-shadow:var(--glow);border-color:#0000}.tool:where(.astro-izhdtct4).ghost{background:0 0}.docs-link:where(.astro-izhdtct4){color:var(--coral);margin-left:auto;font-size:.88rem;font-weight:600}.body:where(.astro-izhdtct4){grid-template-columns:minmax(0,1fr) 300px;display:grid}.stage:where(.astro-izhdtct4){align-content:start;gap:.8rem;padding:1rem;display:grid;position:relative}.nodes:where(.astro-izhdtct4){grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.nodes:where(.astro-izhdtct4) .node{--state:var(--mint);border:1px solid var(--border);background:var(--surface-2);transition:border-color .4s, background .4s, transform .4s var(--ease-out);border-radius:14px;flex-direction:column;gap:.7rem;padding:.9rem;display:flex}.nodes:where(.astro-izhdtct4) .node[data-status=reconnecting]{--state:var(--amber);border-color:color-mix(in srgb, var(--amber) 45%, transparent);animation:.5s ease-in-out shake}.nodes:where(.astro-izhdtct4) .node[data-status=down]{--state:var(--red);border-color:color-mix(in srgb, var(--red) 50%, transparent);background:color-mix(in srgb, var(--red) 6%, var(--surface-2))}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.nodes:where(.astro-izhdtct4) .node-head{align-items:center;gap:.5rem;display:flex}.nodes:where(.astro-izhdtct4) .light{background:var(--state);width:10px;height:10px;box-shadow:0 0 12px var(--state);border-radius:50%}.nodes:where(.astro-izhdtct4) .node[data-status=reconnecting] .light{animation:.7s steps(2,end) infinite blink}.nodes:where(.astro-izhdtct4) .node-head strong{font-family:var(--mono);font-size:.9rem}.nodes:where(.astro-izhdtct4) .status{color:var(--state);margin-left:auto;font-size:.72rem;font-weight:600}.nodes:where(.astro-izhdtct4) .penalty{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;font-size:.68rem;display:grid}.nodes:where(.astro-izhdtct4) .meter{background:var(--surface-3);border-radius:5px;height:5px;overflow:hidden}.nodes:where(.astro-izhdtct4) .meter i{border-radius:inherit;background:var(--state);height:100%;transition:width .5s var(--ease-out), background .4s;display:block}.nodes:where(.astro-izhdtct4) .penalty b{font-family:var(--mono);color:var(--muted);text-align:right;min-width:1.2rem}.nodes:where(.astro-izhdtct4) .slots,.orphans:where(.astro-izhdtct4){background:color-mix(in srgb, var(--bg) 45%, transparent);border:1px dashed var(--border);border-radius:10px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:92px;padding:.6rem;display:flex}.player-dot{--h:20;background:radial-gradient(circle at 35% 30%, hsl(var(--h) 95% 72%), hsl(var(--h) 85% 48%));width:26px;height:26px;box-shadow:0 4px 12px -4px hsl(var(--h) 90% 50%);border-radius:50%;place-items:center;display:grid;position:relative}.player-dot i{background:#ffffffd9;border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite beat}@keyframes beat{50%{opacity:.6;transform:scale(.55)}}.nodes:where(.astro-izhdtct4) .node[data-status=down] .player-dot{filter:grayscale(.7)}.nodes:where(.astro-izhdtct4) .node-foot{color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.nodes:where(.astro-izhdtct4) .node-actions{gap:.3rem;display:inline-flex}.nodes:where(.astro-izhdtct4) .node-actions button{border:1px solid var(--border-strong);color:var(--muted);background:0 0;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;transition:color .2s,border-color .2s,background .2s}.nodes:where(.astro-izhdtct4) .node-actions button:hover:not(:disabled){color:var(--text)}.nodes:where(.astro-izhdtct4) .node-actions button:disabled{opacity:.35;cursor:not-allowed}.nodes:where(.astro-izhdtct4) .node-actions .danger:hover:not(:disabled){color:var(--red);border-color:color-mix(in srgb, var(--red) 55%, transparent);background:color-mix(in srgb, var(--red) 10%, transparent)}.nodes:where(.astro-izhdtct4) .node-actions .ok{color:var(--mint);border-color:color-mix(in srgb, var(--mint) 55%, transparent)}.orphans:where(.astro-izhdtct4){border-color:color-mix(in srgb, var(--amber) 45%, transparent);min-height:60px;padding-top:1.6rem;position:relative}.orphans:where(.astro-izhdtct4)>span:where(.astro-izhdtct4){color:var(--amber);font-size:.7rem;font-weight:600;position:absolute;top:.4rem;left:.6rem}.restarting:where(.astro-izhdtct4) .nodes:where(.astro-izhdtct4) .player-dot{opacity:.35;filter:saturate(.4);transition:opacity .4s,filter .4s}.overlay:where(.astro-izhdtct4){background:color-mix(in srgb, var(--bg) 35%, transparent);backdrop-filter:blur(2px);place-items:center;animation:.3s ease-out fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.overlay-card:where(.astro-izhdtct4){border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center;border-radius:16px;justify-items:center;gap:.35rem;padding:1.2rem 1.5rem;display:grid}.overlay-card:where(.astro-izhdtct4) span:where(.astro-izhdtct4){color:var(--muted);font-size:.82rem}.spinner:where(.astro-izhdtct4){border:3px solid var(--surface-3);border-top-color:var(--coral);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.log-panel:where(.astro-izhdtct4){border-left:1px solid var(--border);background:color-mix(in srgb, var(--bg) 60%, var(--surface));flex-direction:column;min-height:0;display:flex}.log-head:where(.astro-izhdtct4){border-bottom:1px solid var(--border);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:.7rem .9rem;font-size:.72rem;font-weight:700}.log:where(.astro-izhdtct4){height:340px;font-family:var(--mono);flex:1;padding:.5rem .6rem;font-size:.72rem;overflow-y:auto}.log:where(.astro-izhdtct4) .log-row{animation:row-in .4s var(--ease-out);border-radius:6px;grid-template-columns:2.6rem 1fr;gap:0 .4rem;padding:.3rem .35rem;display:grid}@keyframes row-in{0%{opacity:0;background:color-mix(in srgb, var(--coral) 12%, transparent);transform:translateY(-6px)}}.log:where(.astro-izhdtct4) .t{color:var(--faint);grid-row:span 2}.log:where(.astro-izhdtct4) .e{color:var(--mint);font-weight:600}.log:where(.astro-izhdtct4) .warn .e{color:var(--amber)}.log:where(.astro-izhdtct4) .d{color:var(--muted);grid-column:2}.log:where(.astro-izhdtct4) .c{color:var(--coral);grid-row:span 2}.log:where(.astro-izhdtct4) .note .e{color:var(--faint);font-style:italic;font-weight:400}@media (width<=1000px){.body:where(.astro-izhdtct4){grid-template-columns:1fr}.log-panel:where(.astro-izhdtct4){border-left:0;border-top:1px solid var(--border)}.log:where(.astro-izhdtct4){height:220px}}@media (width<=700px){.nodes:where(.astro-izhdtct4){grid-template-columns:1fr}.docs-link:where(.astro-izhdtct4){margin-left:0}}.batching:where(.astro-6dszitgw){background:var(--bg-2);border-block:1px solid var(--border)}.split:where(.astro-6dszitgw){grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}h2:where(.astro-6dszitgw){font-family:var(--display);letter-spacing:-.03em;margin:.9rem 0 .8rem;font-size:clamp(2rem,4.5vw,3.1rem);line-height:1.05}.lead:where(.astro-6dszitgw){color:var(--muted);margin:0 0 1.4rem;font-size:1.05rem}.perks:where(.astro-6dszitgw){gap:.8rem;margin:0 0 1.3rem;padding:0;list-style:none;display:grid}.perks:where(.astro-6dszitgw) li:where(.astro-6dszitgw){gap:.75rem;display:flex}.perks:where(.astro-6dszitgw) svg:where(.astro-6dszitgw){background:color-mix(in srgb, var(--mint) 15%, transparent);fill:none;width:22px;height:22px;stroke:var(--mint);stroke-width:2.5px;border-radius:50%;flex:none;padding:3px}.perks:where(.astro-6dszitgw) strong:where(.astro-6dszitgw){font-size:.98rem;display:block}.perks:where(.astro-6dszitgw) span:where(.astro-6dszitgw){color:var(--muted);font-size:.92rem}.more:where(.astro-6dszitgw){color:var(--coral);font-weight:600}.viz:where(.astro-6dszitgw){padding:1.1rem}.viz-head:where(.astro-6dszitgw){justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1.1rem;display:flex}.mode:where(.astro-6dszitgw){background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.mode:where(.astro-6dszitgw) button:where(.astro-6dszitgw){color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:600;transition:background .25s,color .25s}.mode:where(.astro-6dszitgw) button:where(.astro-6dszitgw)[aria-selected=true]{background:var(--grad);color:#fff}.replay:where(.astro-6dszitgw){border:1px solid var(--border-strong);width:34px;height:34px;color:var(--muted);transition:transform .5s var(--ease-out), color .2s;background:0 0;border-radius:50%;place-items:center;display:grid}.replay:where(.astro-6dszitgw):hover{color:var(--text);transform:rotate(-180deg)}.replay:where(.astro-6dszitgw) svg:where(.astro-6dszitgw){fill:none;stroke:currentColor;stroke-width:2px;width:16px}.lane:where(.astro-6dszitgw){grid-template-columns:minmax(0,1.25fr) minmax(60px,.8fr) auto;align-items:center;gap:.6rem;display:grid}.calls:where(.astro-6dszitgw){gap:.45rem;display:grid}.call:where(.astro-6dszitgw){border:1px solid var(--border);background:var(--surface-2);font-family:var(--mono);color:var(--tok-fn);white-space:nowrap;text-overflow:ellipsis;opacity:.35;transition:opacity .35s, transform .45s var(--ease-out), border-color .3s, filter .4s;border-radius:9px;padding:.45rem .65rem;font-size:.74rem;display:block;overflow:hidden;transform:translate(-8px)}.call:where(.astro-6dszitgw).on{opacity:1;border-color:color-mix(in srgb, var(--coral) 45%, var(--border));transform:none}:where(.astro-6dszitgw)[data-mode=raya] .call:where(.astro-6dszitgw).sent{filter:saturate(.4);opacity:.55;transform:translate(14px)scale(.97)}.wire:where(.astro-6dszitgw){background:repeating-linear-gradient(90deg, var(--border-strong) 0 6px, transparent 6px 12px);height:2px;position:relative}.tick:where(.astro-6dszitgw){white-space:nowrap;color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, transparent);opacity:0;transition:opacity .3s, transform .4s var(--ease-spring);border-radius:999px;padding:.1rem .5rem;font-size:.66rem;font-weight:700;position:absolute;top:-28px;left:50%;transform:translate(-50%)scale(.8)}.tick:where(.astro-6dszitgw).show{opacity:1;transform:translate(-50%)scale(1)}.wire:where(.astro-6dszitgw) .packet{background:var(--grad);color:#fff;white-space:nowrap;box-shadow:0 6px 16px -6px var(--coral);border-radius:999px;padding:.15rem .5rem;font-size:.66rem;font-weight:700;position:absolute;top:50%;left:0;transform:translateY(-50%)}.lavalink:where(.astro-6dszitgw){border:1px solid var(--border-strong);background:var(--surface-2);text-align:center;border-radius:14px;justify-items:center;gap:.15rem;padding:.8rem .9rem;display:grid}.lavalink:where(.astro-6dszitgw) svg:where(.astro-6dszitgw){fill:none;width:26px;stroke:var(--mint);stroke-width:1.8px}.lavalink:where(.astro-6dszitgw) strong:where(.astro-6dszitgw){font-size:.85rem}.lavalink:where(.astro-6dszitgw) span:where(.astro-6dszitgw){color:var(--faint);font-size:.72rem;font-family:var(--mono);white-space:nowrap}.payload:where(.astro-6dszitgw){border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 55%, var(--surface));font-family:var(--mono);color:var(--muted);opacity:.3;filter:blur(1px);border-radius:12px;margin:1.1rem 0 0;padding:.75rem .9rem;font-size:.74rem;line-height:1.55;transition:opacity .5s,filter .5s;overflow-x:auto}.payload:where(.astro-6dszitgw).show{opacity:1;filter:none}.counters:where(.astro-6dszitgw){grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem;display:grid}.counters:where(.astro-6dszitgw) div:where(.astro-6dszitgw){border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:.7rem .9rem;display:grid}.counters:where(.astro-6dszitgw) span:where(.astro-6dszitgw){font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800;line-height:1}.counters:where(.astro-6dszitgw) div:where(.astro-6dszitgw):last-child span:where(.astro-6dszitgw){background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.counters:where(.astro-6dszitgw) small:where(.astro-6dszitgw){color:var(--faint);font-size:.78rem}@media (width<=900px){.split:where(.astro-6dszitgw){grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.lane:where(.astro-6dszitgw){grid-template-columns:minmax(0,1fr)}.wire:where(.astro-6dszitgw){background:repeating-linear-gradient(180deg, var(--border-strong) 0 6px, transparent 6px 12px);justify-self:center;width:2px;height:40px}.wire:where(.astro-6dszitgw) .packet{display:none}.tick:where(.astro-6dszitgw){top:50%;left:12px;transform:translateY(-50%)}.tick:where(.astro-6dszitgw).show{transform:translateY(-50%)}}.showcase:where(.astro-pmustpjz){max-width:880px;margin:0 auto;overflow:hidden}.bar:where(.astro-pmustpjz){border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.tabs:where(.astro-pmustpjz){scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.tabs:where(.astro-pmustpjz) button:where(.astro-pmustpjz){z-index:1;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:.45rem .85rem;font-size:.86rem;font-weight:600;transition:color .25s;position:relative}.tabs:where(.astro-pmustpjz) button:where(.astro-pmustpjz)[aria-selected=true]{color:var(--text)}.indicator:where(.astro-pmustpjz){background:var(--surface);border:1px solid var(--border-strong);transition:transform .35s var(--ease-out), width .35s var(--ease-out);border-radius:9px;position:absolute;top:0;bottom:0;left:0}.copy:where(.astro-pmustpjz){background:var(--grad);color:#fff;border:0;border-radius:8px;flex:none;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.code-panel:where(.astro-pmustpjz){padding:1rem 1.2rem;overflow-x:auto}.code-panel:where(.astro-pmustpjz) pre{font-family:var(--mono);margin:0;font-size:.86rem;line-height:1.7}.foot:where(.astro-pmustpjz){border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.4rem;padding:.75rem 1.2rem;font-size:.9rem;display:flex}.foot:where(.astro-pmustpjz) a:where(.astro-pmustpjz){color:var(--coral);font-weight:600}.list:where(.astro-62dugdtg){gap:10px;max-width:920px;margin:0 auto;display:grid}.fix:where(.astro-62dugdtg){border:1px solid var(--border);background:var(--surface);transition:border-color .3s, transform .4s var(--ease-out);border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:grid}.fix:where(.astro-62dugdtg):hover{border-color:color-mix(in srgb, var(--mint) 40%, var(--border));transform:translate(4px)}.before:where(.astro-62dugdtg),.after:where(.astro-62dugdtg){align-items:center;gap:.6rem;font-size:.95rem;display:flex}.before:where(.astro-62dugdtg) s:where(.astro-62dugdtg){color:var(--faint);text-decoration-color:color-mix(in srgb, var(--red) 70%, transparent);text-decoration-thickness:1.5px}.after:where(.astro-62dugdtg) span:where(.astro-62dugdtg):last-child{font-weight:500}.mark:where(.astro-62dugdtg){border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:grid}.bad:where(.astro-62dugdtg){color:var(--red);background:color-mix(in srgb, var(--red) 13%, transparent)}.good:where(.astro-62dugdtg){color:var(--mint);background:color-mix(in srgb, var(--mint) 15%, transparent)}.arrow:where(.astro-62dugdtg){fill:none;width:20px;stroke:var(--faint);stroke-width:2px;transition:transform .4s var(--ease-out), stroke .3s}.fix:where(.astro-62dugdtg):hover .arrow:where(.astro-62dugdtg){stroke:var(--mint);transform:translate(3px)}.cta:where(.astro-62dugdtg){text-align:center;margin:1.6rem 0 0}.cta:where(.astro-62dugdtg) a:where(.astro-62dugdtg){color:var(--coral);font-weight:600}@media (width<=720px){.fix:where(.astro-62dugdtg){grid-template-columns:1fr;gap:.4rem}.arrow:where(.astro-62dugdtg){justify-self:start;margin-left:2px;transform:rotate(90deg)}.fix:where(.astro-62dugdtg):hover .arrow:where(.astro-62dugdtg){transform:rotate(90deg)}}.final:where(.astro-ocqibz2a){padding:clamp(40px,8vw,100px) 0}.cta-card:where(.astro-ocqibz2a){border:1px solid var(--border-strong);background:var(--surface);text-align:center;isolation:isolate;border-radius:28px;justify-items:center;gap:.4rem;padding:clamp(40px,7vw,80px) 24px;display:grid;position:relative;overflow:hidden}.glow:where(.astro-ocqibz2a){z-index:-1;filter:blur(70px);opacity:.55;background:conic-gradient(from 180deg,#ff4d8d59,#ff7a454d,#ffb54740,#7cb2ff33,#ff4d8d59);height:140%;animation:16s linear infinite turn;position:absolute;inset:-40% -20% auto}@keyframes turn{to{transform:rotate(360deg)}}h2:where(.astro-ocqibz2a){font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}.cta-card:where(.astro-ocqibz2a) p:where(.astro-ocqibz2a){color:var(--muted);margin:0 0 1rem;font-size:1.08rem}.actions:where(.astro-ocqibz2a){flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.install:where(.astro-ocqibz2a){font-family:var(--mono);color:var(--muted);margin-top:1.1rem;font-size:.9rem}.footer:where(.astro-ocqibz2a){border-top:1px solid var(--border);background:var(--bg-2);padding:48px 0 56px}.cols:where(.astro-ocqibz2a){grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}.brand:where(.astro-ocqibz2a){font-family:var(--display);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:750;display:inline-flex}.about:where(.astro-ocqibz2a) p:where(.astro-ocqibz2a){color:var(--muted);margin:.6rem 0 0;font-size:.93rem}.about:where(.astro-ocqibz2a) .small:where(.astro-ocqibz2a){color:var(--faint);font-size:.82rem}h3:where(.astro-ocqibz2a){letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 .7rem;font-size:.78rem}ul:where(.astro-ocqibz2a){gap:.45rem;margin:0;padding:0;list-style:none;display:grid}ul:where(.astro-ocqibz2a) a:where(.astro-ocqibz2a){color:var(--muted);font-size:.93rem;transition:color .2s}ul:where(.astro-ocqibz2a) a:where(.astro-ocqibz2a):hover{color:var(--text)}@media (width<=800px){.cols:where(.astro-ocqibz2a){grid-template-columns:1fr 1fr}.about:where(.astro-ocqibz2a){grid-column:1/-1}}