.listening{width:min(1050px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);box-sizing:border-box;border:1px solid #8d7c5b;border-radius:12px;padding:1.5rem;background:#f8f3e8;color:#29271e;overflow:auto;font:16px/1.45 system-ui,sans-serif}
.listening::backdrop{background:rgb(18 24 21/.55)}
.listening header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.listening h2{margin:.2rem 0;font-size:1.6rem}.listening button{font:inherit;color:inherit;cursor:pointer}.listening header button{border:1px solid #b7aa91;border-radius:6px;padding:.5rem .7rem;background:#fffaf0}.listening input{display:block;width:100%;box-sizing:border-box;padding:.7rem;margin:1rem 0;border:1px solid #b7aa91;border-radius:6px;background:#fffdf8;font:inherit}.listening button:focus-visible,.listening input:focus-visible{outline:3px solid #375c69;outline-offset:3px}
.listening-episodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1.2rem}.listening-episode{display:flex;flex-direction:column;gap:.45rem;text-align:left;min-width:0;border:1px solid #d1c5b0;border-radius:8px;padding:.8rem;background:#fffcf5}.listening-episode img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:4px}.listening-episode h3{font-size:1.05rem;line-height:1.35;margin:0;overflow-wrap:anywhere}.listening-show{font-size:.9rem;color:#645d4e;margin:0}.listening-message:empty{display:none}.listening-episode.is-playing{border-color:#198944}
.listening-card-controls{display:flex;align-items:center;gap:.8rem;margin-top:auto;padding-top:.5rem}.listening .listening-play{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#1ed760;color:#102317;font-size:20px;font-weight:700;line-height:1;box-shadow:0 2px 5px rgb(0 0 0/.12)}.listening-play:hover{background:#28e570}.listening-duration{font-size:.9rem;color:#645d4e;font-variant-numeric:tabular-nums}
.listening-clips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}.listening-clips button{min-width:44px;min-height:44px;padding:.4rem;border:1px solid #b7aa91;border-radius:6px;background:#fffaf0}.listening-clips button[aria-pressed=true]{background:#294c56;color:white;border-color:#294c56}.listening-clips button.is-playing{background:#198944;border-color:#198944}
.listening-player{position:sticky;bottom:-1.5rem;margin:1.2rem -1.5rem -1.5rem;padding:.8rem 1.5rem;background:#f8f3e8;border-top:1px solid #d1c5b0;box-shadow:0 -4px 14px rgb(41 39 30/.08)}.listening-now-playing{margin:0 0 .5rem;font-size:.9rem;line-height:1.3;overflow-wrap:anywhere}.listening audio{display:block;width:100%;height:40px}.listening [hidden]{display:none!important}
@media(max-width:600px){.listening{padding:1rem}.listening header{align-items:flex-start}.listening header button{font-size:.9rem}.listening-episodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.listening-episode{padding:.55rem}.listening-episode h3{font-size:.95rem}.listening-card-controls{gap:.45rem}.listening-clips{gap:.25rem}.listening-player{bottom:-1rem;margin-inline:-1rem;margin-bottom:-1rem;padding:.8rem 1rem}}