.app .chat-detail .voice-recording{display:flex;align-items:center;flex:none;min-height:56px;gap:10px;margin:9px 18px 14px;padding:7px 10px;border:0;border-radius:30px;background:var(--msg-input);color:var(--msg-text);font-size:15px}
.voice-recording-controls{display:flex;align-items:center;justify-content:flex-end;flex:0 1 450px;min-width:0;gap:12px;margin-left:auto}
.voice-status-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.voice-recording-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#ff9eb0;animation:voice-pulse 1.4s ease-in-out infinite}
.voice-recording time{flex:none;min-width:38px;font-size:16px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}
.voice-waveform{display:block;flex:1 1 160px;min-width:25px;max-width:160px;height:28px;fill:var(--msg-muted);color:var(--msg-muted)}
.app .chat-detail .voice-control{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:8px;border:0;border-radius:50%;background:transparent;color:var(--msg-text);box-shadow:none}
.app .chat-detail .voice-control:hover{background:var(--msg-selected)}
.voice-control svg{display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}
.app .chat-detail .voice-pause{color:#ff9eb0}
.voice-pause .voice-icon-pause{stroke-width:3.4}
.voice-pause .voice-icon-resume{display:none}
.voice-recording[data-phase=paused] .voice-icon-pause{display:none}
.voice-recording[data-phase=paused] .voice-icon-resume{display:block}
.voice-recording[data-phase=paused] .voice-recording-dot{animation:none;opacity:.65}
.app .chat-detail .voice-send{width:42px;height:42px;background:var(--msg-text);color:var(--msg-panel)}
.app .chat-detail .voice-send:hover{background:var(--msg-accent);color:var(--msg-accent-ink)}
.voice-send svg{fill:currentColor;stroke-width:1}
.app .chat-detail .voice-control:disabled{background:transparent;color:var(--msg-muted);cursor:wait}
.app .chat-detail #voice-cancel:hover{color:var(--msg-danger)}
.app .composer.voice-composer-hidden,.app .chat-detail.voice-active>.composer-toolbar{display:none}
[data-hubba-theme=light] .app .chat-detail .voice-pause{color:#b62b4a}
[data-hubba-theme=light] .app .chat-detail .voice-send{background:var(--hubba-primary);color:#fff}
[data-hubba-theme=light] .voice-recording-dot{background:#b62b4a}
.attachment-preview audio{width:min(300px,100%);height:40px;max-width:100%}
.attachment-preview:has(audio){align-items:center}
@keyframes voice-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.voice-recording-dot{animation:none}}
@media(max-width:500px){.app .chat-detail .voice-recording{margin:7px 8px calc(9px + env(safe-area-inset-bottom));padding:6px 7px}.voice-recording-controls{gap:8px;flex-basis:100%}.app .chat-detail .voice-control{width:34px;height:38px;padding:6px}.app .chat-detail .voice-send{width:40px;height:40px}.voice-recording time{font-size:15px;min-width:34px}.attachment-preview audio{width:100%}}