.project-demo:where(.astro-jjawpsu5){display:grid;gap:.55rem;margin-block:.7rem;border:1px dashed hsl(var(--border) / .95);border-radius:.8rem;padding:.75rem .85rem .6rem;background:hsl(var(--background) / .66)}.project-demo:where(.astro-jjawpsu5)[data-playing=false] .demo-sweep:where(.astro-jjawpsu5),.project-demo:where(.astro-jjawpsu5)[data-playing=false] .demo-node:where(.astro-jjawpsu5),.project-demo:where(.astro-jjawpsu5)[data-playing=false] .demo-chip:where(.astro-jjawpsu5),.project-demo:where(.astro-jjawpsu5)[data-playing=false] .demo-chip:where(.astro-jjawpsu5):after,.project-demo:where(.astro-jjawpsu5)[data-playing=false] .demo-line-inner:where(.astro-jjawpsu5){animation:none}.demo-stage:where(.astro-jjawpsu5){min-height:3.4rem}.demo-track:where(.astro-jjawpsu5){position:relative;display:flex;align-items:center;justify-content:space-between;gap:.4rem;border-top:1px solid hsl(var(--border) / .9);padding-top:.5rem}.demo-sweep:where(.astro-jjawpsu5){position:absolute;top:-1px;left:0;width:100%;height:2px;background:hsl(var(--field-amber));transform:scaleX(0);transform-origin:left;animation:demo-sweep 2.1s var(--motion-spring) forwards}.demo-node:where(.astro-jjawpsu5){display:inline-flex;align-items:center;gap:.28rem;color:hsl(var(--muted-foreground) / .55);font-size:.62rem;font-weight:650;opacity:0;transform:translateY(3px);animation:demo-node-on .24s ease forwards;animation-delay:calc(var(--i) * .48s)}.demo-node:where(.astro-jjawpsu5) i:where(.astro-jjawpsu5){width:.42rem;height:.42rem;border:1px solid hsl(var(--field-amber-strong));border-radius:999px;background:hsl(var(--background))}.demo-chips:where(.astro-jjawpsu5){display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.demo-chip:where(.astro-jjawpsu5){position:relative;border:1px solid hsl(var(--border));border-radius:.45rem;padding:.24rem .5rem;color:hsl(var(--muted-foreground) / .6);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6rem;font-weight:620;opacity:.45;animation:demo-chip-on .26s var(--motion-spring) forwards;animation-delay:calc(var(--i) * .44s)}.demo-chip:where(.astro-jjawpsu5):after{position:absolute;right:.35rem;bottom:.16rem;left:.35rem;height:2px;background:hsl(var(--field-amber) / .75);content:"";opacity:0;transform:scaleX(0);transform-origin:left;animation:demo-sweep .3s ease forwards;animation-delay:calc(var(--i) * .44s + .12s)}.demo-term:where(.astro-jjawpsu5){display:grid;gap:.28rem;border:1px solid hsl(var(--field-ink) / .32);border-radius:.55rem;padding:.55rem .65rem;background:hsl(var(--field-ink) / .045);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.demo-line:where(.astro-jjawpsu5){overflow:hidden;white-space:nowrap}.demo-line-inner:where(.astro-jjawpsu5){display:inline-block;color:hsl(var(--field-ink) / .86);transform:translate(-101%);animation:demo-type-in .46s steps(20) forwards;animation-delay:calc(var(--i) * .52s)}.demo-bar:where(.astro-jjawpsu5){display:flex;align-items:center;justify-content:space-between;gap:.6rem}.demo-name:where(.astro-jjawpsu5){display:grid;gap:.05rem}.demo-name:where(.astro-jjawpsu5) strong:where(.astro-jjawpsu5){color:hsl(var(--foreground));font-size:.66rem;font-weight:680;letter-spacing:.02em}.demo-name:where(.astro-jjawpsu5) small:where(.astro-jjawpsu5){color:hsl(var(--muted-foreground));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem}.demo-replay:where(.astro-jjawpsu5){display:inline-flex;align-items:center;gap:.3rem;border:1px solid hsl(var(--border));border-radius:999px;padding:.3rem .6rem;background:hsl(var(--background) / .85);color:hsl(var(--foreground));font-size:.62rem;font-weight:640;text-decoration:none}@keyframes demo-sweep{to{transform:scaleX(1)}}@keyframes demo-node-on{to{opacity:1;transform:none}}@keyframes demo-chip-on{to{opacity:1;color:hsl(var(--foreground))}}@keyframes demo-type-in{to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.demo-sweep:where(.astro-jjawpsu5),.demo-node:where(.astro-jjawpsu5),.demo-chip:where(.astro-jjawpsu5),.demo-chip:where(.astro-jjawpsu5):after,.demo-line-inner:where(.astro-jjawpsu5){animation:none}.demo-sweep:where(.astro-jjawpsu5){transform:scaleX(1)}.demo-node:where(.astro-jjawpsu5),.demo-chip:where(.astro-jjawpsu5){opacity:1;transform:none;color:hsl(var(--foreground))}.demo-chip:where(.astro-jjawpsu5):after{opacity:1;transform:scaleX(1)}.demo-line-inner:where(.astro-jjawpsu5){transform:none}}.haptics-toggle:where(.astro-uxefmfha){display:inline-flex;align-items:center;gap:.42rem;border:1px solid hsl(var(--border) / .9);border-radius:999px;padding:.34rem .72rem;background:hsl(var(--background) / .8);color:hsl(var(--muted-foreground));font-size:.66rem;font-weight:650;letter-spacing:.03em}.haptics-toggle:where(.astro-uxefmfha) i:where(.astro-uxefmfha){width:.46rem;height:.46rem;border:1px solid hsl(var(--muted-foreground) / .7);border-radius:999px;background:transparent;transition:background-color var(--motion-base) ease,border-color var(--motion-base) ease}.haptics-toggle:where(.astro-uxefmfha):hover,.haptics-toggle:where(.astro-uxefmfha):focus-visible{color:hsl(var(--foreground));border-color:hsl(var(--field-teal) / .65)}.haptics-toggle:where(.astro-uxefmfha)[aria-pressed=true]{border-color:hsl(var(--field-teal) / .75);color:hsl(var(--foreground))}.haptics-toggle:where(.astro-uxefmfha)[aria-pressed=true] i:where(.astro-uxefmfha){border-color:hsl(var(--field-teal));background:hsl(var(--field-teal));box-shadow:0 0 0 3px hsl(var(--field-teal) / .16)}@media(prefers-reduced-motion:reduce){.haptics-toggle:where(.astro-uxefmfha),.haptics-toggle:where(.astro-uxefmfha) i:where(.astro-uxefmfha){transition:none}}