.reader-listen{max-width:860px;margin:12px auto;padding:14px 18px;border:1px solid var(--line,#d6d6d6);border-radius:14px;background:var(--paper,#faf9f5);color:var(--ink,#222);box-shadow:0 4px 18px #0002;font:14px/1.5 system-ui,sans-serif}
.listen-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.listen-actions button,.listen-actions select{font:inherit;color:var(--ink,#222);background:var(--panel,#fff);border:1px solid var(--line,#999);border-radius:8px;padding:9px 12px;min-height:44px}
.listen-actions button{cursor:pointer}.listen-actions button:disabled{opacity:1;color:var(--muted,#65736c);background:var(--paper,#faf9f5);cursor:default}
#listen-play{background:var(--accent,#087c73);color:var(--paper,#fff);border-color:var(--accent,#087c73)}
#listen-play:disabled{background:var(--panel,#fff);color:var(--muted,#65736c);border-color:var(--line,#999)}
.listen-actions label{display:flex;align-items:center;gap:6px;max-width:100%}.listen-actions select{max-width:260px;min-width:0}
.listen-actions :focus-visible{outline:3px solid #b47b35;outline-offset:3px}
#listen-status{margin:10px 0 0;color:var(--muted,#666)}
@media(max-width:600px){.reader-listen{margin:10px 12px;padding:12px}.listen-actions label:last-child{width:100%}.listen-actions label:last-child select{flex:1;max-width:100%}}