.listen-page{display:grid;gap:14px}.listen-hero p{max-width:780px}.listen-player{display:grid;gap:16px}.listen-now{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.listen-status{font-weight:800;color:var(--accent);text-align:right}.listen-controls{display:grid;grid-template-columns:1fr minmax(150px,1.4fr) 1fr;gap:10px}.listen-play{font-size:1.05rem}.listen-controls button:disabled{opacity:.45;cursor:not-allowed}.listen-settings{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:10px;align-items:end}.listen-settings label{display:grid;gap:6px;font-weight:700;font-size:13px}.listen-settings select{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface);color:var(--text)}.listen-check{display:flex!important;align-items:center;gap:8px;grid-column:1/-1}.listen-check input{width:18px;height:18px}.listen-script{border-left:4px solid var(--accent)}.listen-script-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.listen-script h3{margin:0}.listen-script p{font-size:1.05rem;line-height:1.8;white-space:pre-line}.listen-unsupported{color:var(--danger);font-weight:700}.listen-speaking #listenText{background:linear-gradient(transparent 65%,var(--accent2) 65%)}
@media(max-width:700px){.listen-now{display:grid}.listen-status{text-align:left}.listen-controls{grid-template-columns:1fr 1.35fr 1fr}.listen-settings{grid-template-columns:1fr}.listen-check{grid-column:auto}.listen-script p{font-size:1rem}.listen-controls .btn{padding:11px 8px;font-size:13px}}