/* A shared listening surface for book endings and direct visits. */
.listening-room{padding:clamp(28px,5vw,70px) 24px 80px;background:var(--lulla-stage);color:#fff6ff;min-height:80svh}
.bedtime-listening,.story-reader .book-afterglow .bedtime-listening{box-sizing:border-box;max-width:800px;margin:32px auto 0;padding:clamp(24px,5vw,48px);background:linear-gradient(135deg,#ffffff10,#edb5ff08);border:1px solid #e0c4ff40;border-radius:8px;color:#fff6ff;text-align:left;scroll-margin-top:100px;box-shadow:0 22px 70px #160d3526}
.listening-room .bedtime-listening{margin-top:0}
.bedtime-listening .listening-eyebrow{font:650 .875rem/1.5 Manrope,sans-serif;letter-spacing:.12em;color:#efcfff;margin:0 0 16px}
.bedtime-listening h1,.bedtime-listening h2{font:550 clamp(2.6rem,6vw,4.6rem)/1.05 Literata,Georgia,serif;letter-spacing:-.045em;color:#fff6ff;margin:0 0 24px;text-wrap:balance}
.bedtime-listening p{font:400 1rem/1.65 Manrope,sans-serif;color:#f0e8ff;margin:12px 0}
.bedtime-listening .listening-heading>p:last-child{max-width:48ch}
.bedtime-listening fieldset{border:0;padding:0;margin:28px 0;min-width:0}
.bedtime-listening legend{font:650 1rem/1.4 Manrope,sans-serif;margin-bottom:14px;padding:0}
.listening-tracks{display:grid;gap:10px}.listening-tracks label,.listening-durations label{position:relative;cursor:pointer;min-width:0}
.listening-tracks input,.listening-durations input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.listening-track-card{display:flex;gap:16px;align-items:center;padding:20px;background:linear-gradient(120deg,#ffffff08,#ffffff03);border:1px solid #ddd0ff38;border-radius:5px;transition:background .2s,border-color .2s}
.listening-track-card strong{display:block;font:650 1.12rem/1.4 Manrope,sans-serif}.listening-track-card small{display:block;font:400 .875rem/1.55 Manrope,sans-serif;color:#e1d5f2;margin-top:5px;max-width:44ch}
.listening-track-icon{display:flex;flex-shrink:0}.bedtime-listening svg{width:24px;height:24px;flex-shrink:0;fill:currentColor}
.listening-selected{margin-left:auto;opacity:0;display:flex;color:#ffe0be}.listening-tracks input:checked+.listening-track-card{background:linear-gradient(110deg,#ceabff24,#ffbcda12);border-color:#dcbcffb0}.listening-tracks input:checked+.listening-track-card .listening-selected{opacity:1}
.listening-tracks input:focus-visible+.listening-track-card,.listening-durations input:focus-visible+span{outline:3px solid #ffddba;outline-offset:4px}
.bedtime-listening .listening-durations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bedtime-listening .listening-durations span{display:flex;justify-content:center;align-items:baseline;gap:6px;border:1px solid #e7ccff60;border-radius:5px;padding:13px 8px;font:650 1.5rem/1.3 Manrope,sans-serif;background:#ffffff08;color:#fff}
.bedtime-listening .listening-durations small{font:500 .875rem/1.4 Manrope,sans-serif}.bedtime-listening .listening-durations input:checked+span{background:linear-gradient(120deg,#ffe2bc,#eec9fa);color:#302044;border-color:#ffe3dc}
.listening-now{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font:600 1rem/1.5 Manrope,sans-serif}.listening-now output{font-variant-numeric:tabular-nums;font-size:1.25rem}
#listening-progress{display:block;width:100%;height:3px;border:0;background:#fff3;margin:14px 0 26px;accent-color:#ffd8bd}#listening-progress::-webkit-progress-bar{background:#fff3}#listening-progress::-webkit-progress-value{background:linear-gradient(90deg,#ddbcff,#ffe0bc)}#listening-progress::-moz-progress-bar{background:#ffe0bc}
.bedtime-listening .listening-actions{display:flex;gap:10px}.bedtime-listening .listening-actions button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border:1px solid #fff6;border-radius:5px;cursor:pointer;background:linear-gradient(115deg,#ffe3bf,#efcafa);color:#2a2040;font:700 1rem/1.4 Manrope,sans-serif;padding:14px 20px}.bedtime-listening #listening-play{flex:1}.bedtime-listening #listening-stop{flex:0 0 56px;padding:12px;background:#ffffff0c;color:#fff}.bedtime-listening button:focus-visible,.bedtime-listening a:focus-visible{outline:3px solid #ffddba;outline-offset:4px}
.bedtime-listening #listening-status{min-height:3.3em;font-size:.875rem;color:#eddefa}.bedtime-listening .listening-hint,.bedtime-listening .listening-credits p{font-size:.875rem;color:#dfd4ed}.listening-credits{border-top:1px solid #fff3;margin-top:24px;padding-top:18px;font:500 .875rem/1.6 Manrope,sans-serif}.listening-credits summary{cursor:pointer}.bedtime-listening a{color:#ffe2c3;text-underline-offset:4px}.listening-library-link{display:block;margin-top:24px;font:600 .9rem/1.5 Manrope,sans-serif}.bedtime-listening audio{max-width:100%}.bedtime-listening [hidden]{display:none!important}
.bedtime-listening-active .story-sound{display:none}.cover-listening-link{display:flex;align-items:center;gap:8px;width:fit-content;font:600 .95rem/1.5 Manrope,sans-serif;margin:24px 0;color:#ffe3ce!important;text-underline-offset:5px}.settings-listening-link{display:block;padding:14px;font-size:1rem}
@media(max-width:600px){.listening-room{padding:24px 16px 48px}.bedtime-listening,.story-reader .book-afterglow .bedtime-listening{padding:26px 20px}.listening-track-card{padding:16px 12px;gap:12px}.listening-track-card small{font-size:.875rem}.listening-track-icon{display:none}.listening-selected svg{width:20px;height:20px}.bedtime-listening h1,.bedtime-listening h2{font-size:2.75rem}.listening-track-card strong{font-size:1rem}.book-afterglow{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.listening-track-card{transition:none}}
/* Keep five listening choices easy to scan, especially on a phone. */
.listening-track-card{padding:14px 16px}
.listening-tracks input:not(:checked)+.listening-track-card small{display:none}