.vr{--vr-h:32px;height:var(--vr-h);border-radius:calc(var(--vr-h) * .34);background:var(--tr-well);box-shadow:var(--tr-well-shadow);--level:0;flex-shrink:0;align-items:center;display:inline-flex;position:relative;overflow:hidden}.vr-bars{height:18px;transition:opacity .12s var(--ease-out) .12s;align-items:center;gap:2px;margin-left:9px;display:flex}.vr-bar{border-radius:var(--r-skew);background:var(--voice);transform-origin:50%;width:2px;height:18px;transform:scaleY(max(.16, calc(var(--level) * var(--reach))));animation:vr-rise .16s var(--ease-out) both;animation-delay:calc(var(--d) * 12ms);will-change:transform}.vr[data-silent="1"] .vr-bar{animation:vr-rise .16s var(--ease-out) both, vr-breathe 1.4s ease-in-out infinite;animation-delay:calc(var(--d) * 12ms), calc(var(--i) * 40ms)}.vr[data-phase=starting] .vr-bar{transform:scaleY(.16)}.vr[data-phase=writing] .vr-bar{transition:transform .12s var(--ease-out);animation:none;transform:scaleY(.12)}.vr[data-phase=writing] .vr-bars{opacity:0}.vr-label{font-size:var(--text-micro);line-height:var(--leading-ui);white-space:nowrap;color:var(--muted-foreground);opacity:0;pointer-events:none;transition:opacity .12s var(--ease-out);position:absolute;left:11px}.vr[data-phase=writing] .vr-label{opacity:1;background:linear-gradient(90deg, var(--muted-foreground) 38%, var(--foreground) 50%, var(--muted-foreground) 62%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;transition-delay:.12s;animation:2s linear infinite vr-shimmer}.vr-time{font-size:var(--text-micro);line-height:var(--leading-ui);font-variant-numeric:tabular-nums;color:var(--muted-foreground);animation:vr-fade .16s var(--ease-out) both;margin-left:8px}.vr[data-phase=writing] .vr-time{display:none}.vr-cap{border-radius:var(--r-card);background:var(--tr-cap);width:24px;height:24px;box-shadow:var(--tr-cap-shadow);color:var(--foreground);cursor:pointer;transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);border:0;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.vr-cap:active{box-shadow:var(--tr-well-shadow);transform:scale(.94)}.vr-cap:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.vr-stop{border-radius:var(--r-skew);background:currentColor;width:9px;height:9px}.vr[data-phase=writing] .vr-cap{box-shadow:none;color:var(--muted-foreground);background:0 0}.vr[data-phase=writing] .vr-cap:hover{background:var(--tr-wash);color:var(--foreground)}@keyframes vr-rise{0%{scale:1 0}to{scale:1}}@keyframes vr-breathe{0%,to{scale:1}50%{scale:1 1.6}}@keyframes vr-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes vr-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.vr-bar,.vr[data-silent="1"] .vr-bar{animation:none}.vr[data-phase=writing] .vr-label{color:var(--muted-foreground);background:0 0;animation:none}.vr-time{animation:none}.vr-cap:active{transform:none}}html.motion-reduced .vr-bar,html.motion-reduced .vr[data-silent="1"] .vr-bar{animation:none}html.motion-reduced .vr[data-phase=writing] .vr-label{color:var(--muted-foreground);background:0 0;animation:none}html.motion-reduced .vr-time{animation:none}html.motion-reduced .vr-cap:active{transform:none}