:root{--surface:#f1f4f9;--ease-smooth:cubic-bezier(.4, 0, .2, 1)}.dark{--surface:oklch(22% .025 260)}.demo-wrap[data-astro-cid-jx4u2kgf]{flex-direction:column;align-items:center;padding-bottom:12rem;display:flex}.nav-wrap[data-astro-cid-jx4u2kgf]{position:relative}.nav-bar[data-astro-cid-jx4u2kgf]{background:oklch(96% .008 264);border:none;border-radius:100px;gap:.375rem;padding:.35rem;display:flex;box-shadow:0 2px 12px oklch(20% .02 260/.08)}.dark .nav-bar[data-astro-cid-jx4u2kgf]{background:oklch(22% .025 260);box-shadow:0 2px 12px oklch(0% 0 0/.3)}.nav-item[data-astro-cid-jx4u2kgf]{appearance:none;color:var(--c-muted);font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;transition:color .2s var(--ease-smooth), background .2s var(--ease-smooth), box-shadow .2s var(--ease-smooth), transform .2s var(--ease-smooth);background:0 0;border:none;border-radius:100px;padding:.6rem 1.5rem;font-size:.8rem;font-weight:500;position:relative}.nav-item[data-astro-cid-jx4u2kgf].hovered:not(.active){color:var(--c-text);background:oklch(18% .02 260/.05)}.dark .nav-item[data-astro-cid-jx4u2kgf].hovered:not(.active){background:oklch(93% .04 260/.07)}.nav-item[data-astro-cid-jx4u2kgf].active{color:var(--c-text);background:var(--c-snippet-canvas);font-weight:600}.dark .nav-item[data-astro-cid-jx4u2kgf].active{background:oklch(28% .03 260)}.dropdown[data-astro-cid-jx4u2kgf]{transform-origin:top;opacity:0;pointer-events:none;background:var(--surface);min-width:340px;transition:opacity .22s var(--ease-smooth), transform .22s var(--ease-smooth);z-index:10;border:none;border-radius:1rem;margin-top:.875rem;padding:1.25rem 1.375rem;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-6px)scale(.98);box-shadow:0 8px 30px oklch(20% .02 260/.1),0 2px 8px oklch(20% .02 260/.05)}.dark .dropdown[data-astro-cid-jx4u2kgf]{box-shadow:0 8px 30px oklch(0% 0 0/.35),0 2px 8px oklch(0% 0 0/.2)}.dropdown[data-astro-cid-jx4u2kgf].active{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.dropdown-arrow[data-astro-cid-jx4u2kgf]{background:var(--surface);z-index:1;width:12px;height:12px;margin-left:-6px;position:absolute;top:-6px;left:50%;transform:rotate(45deg)}.dropdown-columns[data-astro-cid-jx4u2kgf]{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.dropdown-heading[data-astro-cid-jx4u2kgf]{color:var(--c-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem;padding-left:.625rem;font-size:.575rem;font-weight:600}.dropdown-links[data-astro-cid-jx4u2kgf]{flex-direction:column;gap:2px;list-style:none;display:flex}.dropdown-links[data-astro-cid-jx4u2kgf] a[data-astro-cid-jx4u2kgf]{color:var(--c-text);transition:color .15s var(--ease-smooth), background .15s var(--ease-smooth), transform .15s var(--ease-smooth);border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .625rem;font-size:.8rem;font-weight:450;text-decoration:none;display:flex}.dropdown-links[data-astro-cid-jx4u2kgf] a[data-astro-cid-jx4u2kgf]:hover,.dropdown-links[data-astro-cid-jx4u2kgf] a[data-astro-cid-jx4u2kgf].cursor-hover{color:var(--c-accent);background:oklch(18% .02 260/.05);transform:translate(2px)}.dark .dropdown-links[data-astro-cid-jx4u2kgf] a[data-astro-cid-jx4u2kgf]:hover,.dark .dropdown-links[data-astro-cid-jx4u2kgf] a[data-astro-cid-jx4u2kgf].cursor-hover{background:oklch(93% .04 260/.07)}.controls[data-astro-cid-jx4u2kgf]{align-items:center;gap:1rem;display:flex}.toggle-wrap[data-astro-cid-jx4u2kgf]{justify-content:center;display:flex}.gauge-wrap[data-astro-cid-jx4u2kgf]{align-items:center;gap:.5rem;display:flex}.gauge-bar[data-astro-cid-jx4u2kgf]{width:120px;height:4px;position:relative}.gauge-track[data-astro-cid-jx4u2kgf]{background:var(--c-border);border-radius:2px;position:absolute;inset:0;overflow:hidden}.gauge-fill[data-astro-cid-jx4u2kgf]{background:var(--c-accent);border-radius:2px;width:0%;transition:width 80ms linear,background .2s;position:absolute;top:0;bottom:0;left:0}.gauge-threshold[data-astro-cid-jx4u2kgf]{background:var(--c-muted);border-radius:1px;width:2px;position:absolute;top:-3px;bottom:-3px}.gauge-label[data-astro-cid-jx4u2kgf]{color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.6rem}.gauge-wrap[data-astro-cid-jx4u2kgf].pulse .gauge-fill[data-astro-cid-jx4u2kgf]{box-shadow:0 0 6px var(--c-accent)}@media (prefers-reduced-motion:reduce){.dropdown[data-astro-cid-jx4u2kgf],.nav-item[data-astro-cid-jx4u2kgf],.gauge-fill[data-astro-cid-jx4u2kgf]{transition:none!important}}