.speech-btn.speech-active{position:relative}.speech-btn.speech-active:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--accent-red, #ef4444);animation:recording-blink 1s ease-in-out infinite}.speech-btn.voicenote-active{color:var(--accent-red, #ef4444)}.speech-btn.voicenote-active svg{animation:mic-pulse 1.5s ease-in-out infinite}.speech-btn.live-active{color:var(--accent-green, #22c55e)}.speech-btn.live-active svg{animation:mic-pulse 1.5s ease-in-out infinite}.speech-btn.speech-transcribing{opacity:.5;pointer-events:none}@keyframes mic-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.speech-recording-indicator{display:none;align-items:center;gap:8px;padding:6px 12px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:8px 8px 0 0;border-bottom:none;font-size:12px;color:var(--text-secondary, #a0a0a0)}.speech-recording-indicator.visible{display:flex}.speech-recording-indicator.live-mode{background:#22c55e0f;border-color:#22c55e26}.speech-recording-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red, #ef4444);animation:recording-blink 1s ease-in-out infinite}.speech-recording-indicator.live-mode .speech-recording-dot{background:var(--accent-green, #22c55e)}@keyframes recording-blink{0%,to{opacity:1}50%{opacity:.3}}.speech-timer{font-variant-numeric:tabular-nums;font-family:var(--font-mono, monospace);min-width:36px}.speech-mode-label{opacity:.7;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.speech-cancel-btn{margin-left:auto;background:none;border:none;color:var(--text-muted, #666);cursor:pointer;font-size:12px;padding:2px 8px;border-radius:4px;transition:color .15s,background .15s}.speech-cancel-btn:hover{color:var(--text-primary, #fff);background:#ffffff14}.speech-error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#ef4444f2;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;z-index:10000;max-width:400px;text-align:center;animation:toast-in .2s ease-out;box-shadow:0 4px 12px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}