.reading-audio{width:100%;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-sizing:border-box}
.audio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.audio-heading>span{display:flex;align-items:center;gap:8px;font:600 14px/1.5 var(--sans)}.audio-heading>small{font-size:10px;letter-spacing:.3px;color:var(--accent-text,var(--accent));white-space:nowrap}.audio-icon{width:18px;height:18px;flex:0 0 18px}.audio-note,.audio-usage,.audio-message{font:400 12px/1.7 var(--sans);margin:8px 0;color:var(--muted)}.audio-message{color:var(--ink);min-height:0}.audio-message:empty{display:none}.audio-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.audio-controls .audio-play{min-height:44px;padding:10px 15px;font-size:13px;display:inline-flex;align-items:center;gap:8px}.audio-controls .icon-button{width:38px;height:38px;padding:9px}.audio-speed{display:flex;align-items:center;gap:7px;margin-left:auto;font:400 11px/1.5 var(--sans);color:var(--muted)}.audio-speed select{padding:7px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:7px;font:600 12px var(--sans);min-height:36px}.audio-position{display:flex;justify-content:space-between;gap:10px;font:400 11px/1.5 var(--sans);color:var(--muted);margin-top:14px}.audio-seek{width:100%;min-height:26px;accent-color:var(--accent);margin:0}.audio-reading-note{font-size:11px}.reading-audio .text-button{font-size:12px;min-height:38px}.reading-audio button:disabled{opacity:.55;cursor:default}.audio-controls button:focus-visible,.audio-speed select:focus-visible,.audio-seek:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:599px){.reading-audio{padding:15px}.audio-heading{align-items:flex-start}.audio-controls{gap:7px}.audio-speed{margin-left:0}.audio-controls .audio-play{flex:1 1 auto}.audio-heading>span{font-size:13px}.audio-heading>small{font-size:9px}}