.vrec{flex-direction:column;gap:8px;padding:12px 0}.vrec,.vrec-btn{display:flex;align-items:center}.vrec-btn{width:60px;height:60px;padding:0;justify-content:center;border-radius:14px;border:1px solid var(--border);background:rgb(var(--well-rgb,0 0 0)/.25);color:var(--text);transition:background .14s ease,border-color .14s ease}.vrec-btn:hover:not(:disabled){background:rgb(var(--fg-rgb,255 255 255)/.06);border-color:var(--border-strong)}.vrec-btn svg{width:22px;height:22px}.vrec.recording .vrec-btn{border-color:var(--bad-bd);background:var(--bad-bg)}.vrec-square{width:20px;height:20px;border-radius:5px;background:var(--text);animation:vrec-spin 3s linear infinite}.vrec.busy .vrec-square{animation-duration:1.2s;opacity:.6}@keyframes vrec-spin{to{transform:rotate(1turn)}}.vrec-timer{font-size:13px;color:var(--faint);transition:color .3s ease}.vrec.busy .vrec-timer,.vrec.recording .vrec-timer{color:var(--text)}.vrec-hint{margin:0;min-height:16px;font-size:12.5px;color:var(--faint)}.vwave{display:flex;align-items:center;justify-content:center;gap:2px;height:18px;width:256px;max-width:100%}.vwave-bar{flex:0 0 2px;height:15%;min-height:2px;border-radius:999px;background:rgb(var(--fg-rgb,255 255 255)/.45);transition:height .1s ease}.vrec.idle .vwave-bar{background:rgb(var(--fg-rgb,255 255 255)/.12)}.vrec.busy .vwave-bar{animation:pulse-sun 1.4s ease-in-out infinite}.dictation-wave{width:72px;height:14px;gap:1.5px;justify-content:flex-start}@media (prefers-reduced-motion:reduce){.vrec-square{animation:none}.vwave-bar{transition:none}}