.vr-tap{-webkit-tap-highlight-color:transparent;transition:transform 80ms cubic-bezier(.4,0,.2,1),background-color .15s,color .15s,opacity .15s}.vr-tap:active:not(:disabled){transform:scale(.96)}.vr-range{appearance:none;cursor:pointer;background:0 0;height:1.5rem}.vr-range::-webkit-slider-runnable-track{background:var(--color-surface-3);border-radius:999px;height:.375rem}.vr-range::-moz-range-track{background:var(--color-surface-3);border-radius:999px;height:.375rem}.vr-range::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:2px solid var(--color-surface);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-sm);border-radius:999px;margin-top:-.375rem;transition:transform .12s}.vr-range::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--color-surface);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-sm);border-radius:999px}.vr-range:active::-webkit-slider-thumb{transform:scale(1.15)}.vr-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-primary);outline-offset:2px}.vr-meter-rms{background:linear-gradient(to right,var(--color-success),var(--color-success));border-radius:999px;transition:none}.vr-meter-peak{background:linear-gradient(to right,color-mix(in oklab,var(--color-success)70%,transparent),color-mix(in oklab,var(--color-warning)75%,transparent)78%,color-mix(in oklab,var(--color-danger)85%,transparent)94%);opacity:.85;border-radius:999px}.flex-col>.vr-meter-peak{background:linear-gradient(to top,color-mix(in oklab,var(--color-success)70%,transparent),color-mix(in oklab,var(--color-warning)75%,transparent)78%,color-mix(in oklab,var(--color-danger)85%,transparent)94%)}.vr-record-button{box-shadow:0 0 0 0 color-mix(in oklab,var(--color-primary)45%,transparent),var(--shadow-md);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .3s,background-color .2s,width .2s,height .2s}.vr-record-button:hover:not(:disabled){transform:scale(1.05)}.vr-record-button:active:not(:disabled){transform:scale(.95)}.vr-record-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.bg-brand-danger.vr-record-button{animation:2s ease-out infinite vr-halo}@keyframes vr-halo{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--color-danger)55%,transparent),var(--shadow-md)}70%{box-shadow:0 0 0 18px transparent,var(--shadow-md)}to{box-shadow:0 0 0 0 transparent,var(--shadow-md)}}.vr-pulse{animation:1.4s ease-in-out infinite vr-blink}@keyframes vr-blink{0%,to{opacity:1}50%{opacity:.25}}.vr-stage-glow{background:radial-gradient(120% 100% at 50% 0%,color-mix(in oklab,var(--color-primary)16%,transparent),transparent 70%);pointer-events:none;transition:background .4s}.vr-stage-live{background:radial-gradient(120% 100% at 50% 0%,color-mix(in oklab,var(--color-danger)18%,transparent),transparent 70%)}.vr-countdown{animation:1s ease-out infinite vr-count}@keyframes vr-count{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.vr-backdrop{background:color-mix(in oklab,var(--color-bg)72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:.16s ease-out vr-fade}.vr-panel{animation:.22s cubic-bezier(0,0,.2,1) vr-rise}@keyframes vr-fade{0%{opacity:0}to{opacity:1}}@keyframes vr-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.vr-tap,.vr-record-button,.vr-stage-glow{transition:none}.vr-tap:active:not(:disabled),.vr-record-button:hover:not(:disabled),.vr-record-button:active:not(:disabled){transform:none}.vr-pulse,.vr-countdown,.vr-backdrop,.vr-panel,.bg-brand-danger.vr-record-button{animation:none}}