:root{--speechbar-height:0px}
.speech-bar{position:sticky;top:0;z-index:35;display:flex;align-items:center;gap:14px;padding:9px 24px;background:#edf3e9;border-bottom:1px solid #ceddc5;color:#31523e;font-size:12px}
.speech-copy{min-width:0;flex:1}.speech-copy p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speech-copy small{font-size:10px;color:#667760}
.speech-buttons{display:flex;gap:6px}.speech-buttons button{padding:8px 10px;border:1px solid #becfb3;border-radius:5px;background:#fbfdf8;white-space:nowrap}
.speech-bar label{display:flex;align-items:center;gap:5px;font-size:10px}.speech-bar select{min-width:0;max-width:210px;padding:6px;border:1px solid #becfb3;border-radius:4px;background:#fbfdf8;font-size:11px}
.topbar-hidden .speech-bar{padding-right:54px}
.answer-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.read-answer{font-size:10px;letter-spacing:0;text-transform:none;color:var(--green);white-space:nowrap}
.selection-menu{flex-wrap:wrap}.selection-menu #read-selection{white-space:nowrap}
@media(max-width:950px){.speech-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 14px}.speech-copy{grid-column:1;grid-row:1}.speech-buttons{grid-column:2;grid-row:1}.speech-bar label:has([data-speech-voice]){grid-column:1;grid-row:2;min-width:0}.speech-bar label:has([data-speech-rate]){grid-column:2;grid-row:2;justify-self:end}.speech-bar select{max-width:100%}.speech-bar [data-speech-voice]{width:100%}}
@media(max-width:400px){.speech-buttons{gap:3px}.speech-buttons button{padding:7px}.speech-bar{column-gap:6px}.answer-actions{gap:7px}.message-heading{flex-wrap:wrap;row-gap:8px}}