.voice-controls { display: flex; align-items: center; gap: 8px; padding-top: 4px; min-height: 42px; }
.voice-button { color: #476d5a; background: #edf2e6; border: 1px solid #d7e1d0; border-radius: 24px; padding: 8px 13px; font: inherit; font-size: 12px; min-height: 36px; white-space: nowrap; }
.voice-button[aria-pressed=true] { background: #f9e5e5; border-color: #d5a3a3; color: #9b4a4a; }
#voice-status { font-size: 10px; color: #73846c; flex: 1; min-width: 0; overflow-wrap: anywhere; line-height: 1.5; }
.voice-settings-button { font: inherit; border: 0; background: transparent; color: #607a57; min-width: 36px; min-height: 36px; font-size: 19px; }
.voice-controls .text-button { font-size: 10px; white-space: nowrap; min-height: 36px; }
.voice-playback { flex-shrink: 0; margin: 4px 0; display: flex; align-items: center; gap: 8px; }
.voice-playback[hidden] { display: none; }
#voice-player { height: 34px; width: 100%; min-width: 0; }
#resume-voice { font-size: 11px; white-space: nowrap; }
.read-answer { display: block; font-size: 11px; margin-top: 8px; min-height: 36px; }
#voice-settings { width: min(500px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow-y: auto; }
#voice-settings label:not(.check-label) { display: block; font-size: 12px; margin: 14px 0 8px; }
#voice-settings select { width: 100%; padding: 12px; background: white; border: 1px solid #d1ddca; border-radius: 10px; font: inherit; }
#voice-rate { width: 100%; }
#voice-settings .check-label { margin: 18px 0; }
.voice-description { font-size: 12px; line-height: 1.8; color: #6b7d65; }
.floating-mode.keyboard-open .voice-controls { min-height: 34px; }
.floating-mode.keyboard-open .chat-history { min-height: 0; }
.floating-mode.keyboard-open .chat-status { max-height: 24px; }
.floating-mode.keyboard-open #voice-playback { display: none; }
@media(max-width:600px) {
  .voice-button, .voice-settings-button, .read-answer { min-height: 44px; }
  .voice-controls { gap: 5px; }
  .voice-controls .text-button { min-height: 44px; }
  #voice-settings { padding: 18px; }
  #voice-settings h2 { font-size: 18px; }
}
@media(max-height:460px) {
  .voice-button, .voice-settings-button, .voice-controls .text-button { min-height: 32px; padding-top: 4px; padding-bottom: 4px; }
  .voice-controls { min-height: 32px; }
  #voice-playback { display: none; }
  .floating-mode .chat-history { min-height: 0; }
  .floating-mode .chat-status { max-height: 24px; }
  .floating-mode .composer textarea { min-height: 32px; height: 32px; }
}