.listen-player{margin:2rem 0 2.5rem;padding:22px;border:1px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);font:14px/1.5 Georgia,serif}
.listen-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.listen-player .listen-heading h2{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px}
.listen-duration,.listen-position{font:11px/1.5 'IBM Plex Mono',Consolas,monospace}
.listen-intro{margin:0 0 16px;color:var(--muted)}
.listen-controls{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}
.listen-controls button{min-height:44px;padding:9px 13px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:12px/1.4 'IBM Plex Mono',Consolas,monospace}
.listen-controls .listen-play{background:var(--ink);color:var(--paper);min-width:105px}
.listen-controls button:disabled{opacity:.45;cursor:default}
.listen-player :focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.listen-options{display:grid;grid-template-columns:minmax(0,2fr) minmax(80px,1fr) minmax(100px,1fr);gap:12px}
.listen-options label,.listen-progress-label{display:grid;gap:6px;font:11px/1.5 'IBM Plex Mono',Consolas,monospace;min-width:0}
.listen-options select{width:100%;min-width:0;min-height:44px;padding:9px 7px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:13px/1.5 Georgia,serif;border-radius:0}
.listen-progress-label{margin-top:18px}.listen-progress{width:100%;margin:0;accent-color:var(--blue);min-height:30px}
.listen-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.listen-follow-label{display:flex;gap:8px;align-items:center;min-height:44px;font-size:13px}.listen-follow{width:17px;height:17px;accent-color:var(--blue)}
.listen-status{margin:8px 0 0;font-size:13px}.listen-note{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.listen-sentence-active{background:#ffe493;color:#171c2d;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.listen-word-active{background:#bd3d15;color:#fff9ed;outline:1px solid #bd3d15}
html[data-theme=night] .listen-sentence-active{background:#62552b;color:#fff9ed}html[data-theme=night] .listen-word-active{background:#ffad87;color:#171c2d;outline-color:#ffad87}
@media(max-width:600px){.listen-player{padding:17px}.listen-options{grid-template-columns:1fr 1fr}.listen-options label:first-child{grid-column:1/-1}.listen-controls{gap:7px}.listen-controls button{flex:1;font-size:11px;padding:9px}.listen-controls .listen-play{flex-basis:100%}.listen-player .listen-heading h2{font-size:22px}.listen-bottom{gap:0}}
@media print{.listen-player{display:none}.listen-sentence-active,.listen-word-active{background:none!important;color:inherit!important;outline:0!important}}