.speech-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0}.speech-controls>span{font-size:10px;color:#8e9a81;margin-right:6px}.speech-controls button{border:1px solid #dbe5cf;background:#f2f6ec;color:#6d8657;border-radius:8px;padding:8px 11px;font:inherit;font-size:11px;line-height:1.5}.speech-controls button:hover{background:#e7efdc}.speech-controls button:focus-visible{outline:2px solid #8da477;outline-offset:3px}#speech-panel{position:fixed;right:24px;bottom:22px;z-index:8;display:flex;align-items:center;gap:15px;max-width:calc(100vw - 30px);background:#355e48;color:#fff;border-radius:12px;padding:13px 16px;box-shadow:0 8px 30px #263d3322;font-size:11px}#speech-panel[hidden]{display:none}#speech-panel button{border:1px solid #ffffff55;background:transparent;color:white;padding:6px 11px;border-radius:6px;cursor:pointer;font:inherit}.speech-controls+.speech-controls{margin-top:0}@media(max-width:700px){.speech-controls{gap:6px}.speech-controls>span{flex-basis:100%;margin-bottom:2px}.speech-controls button{padding:8px 10px}#speech-panel{right:15px;bottom:16px}}
#speech-status{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){#speech-panel{flex-wrap:wrap;gap:8px}#speech-status{flex-basis:100%}#speech-panel button{font-size:10px}}