.speech-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.speech-read-button:disabled{opacity:.35;cursor:default}
.speech-read-button[aria-pressed="true"]{color:var(--text-primary,#fff);background:var(--surface-hover,#333);border-radius:8px}
#speech-player{position:fixed;top:calc(76px + env(safe-area-inset-top,0px));right:24px;z-index:180;display:flex;align-items:center;gap:10px;width:320px;max-width:calc(100vw - 32px);padding:12px 14px;border:1px solid #ffffff20;border-radius:18px;background:#292929;color:#f1f1f1;box-shadow:0 8px 30px #0005}
#speech-player[hidden]{display:none}
.speech-badge{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#ffffff12}
.speech-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.35}
.speech-details strong{font-size:13px;font-weight:600}.speech-details span{font-size:12px;color:#aaa}
#speech-player button{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
#speech-player button:hover{background:#ffffff15}#speech-player button:focus-visible{outline:2px solid #a5bfff;outline-offset:2px}
html[data-theme="light"] #speech-player{background:#fff;color:#242424;border-color:#00000015;box-shadow:0 8px 30px #0002}
html[data-theme="light"] .speech-badge,html[data-theme="light"] #speech-player button:hover{background:#00000008}
html[data-theme="light"] .speech-details span{color:#666}
@media(max-width:766px){#speech-player{right:12px;top:calc(64px + env(safe-area-inset-top,0px));max-width:calc(100vw - 24px)}}