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