/* Unwind & Listen: a quiet, compact player within the existing learning app. */
.leisure-directory,.leisure-reader{--listen-ink:#292642;--listen-muted:#605d73;--listen-accent:#5b4bc4;--listen-paper:#f8f8fc;color:var(--listen-ink)}
.leisure-reader{--listen-ink:#24433c;--listen-muted:#5c726b;--listen-accent:#315f50;--listen-paper:#eef3ed}
.literature-entry.leisure-entry{background:#5b4bc4;border-color:#5b4bc4;color:#fff}.literature-entry.leisure-entry b,.literature-entry.leisure-entry strong,.literature-entry.leisure-entry small,.literature-entry.leisure-entry span{color:#fff}
.leisure-directory button,.leisure-reader button{font-family:inherit;cursor:pointer;touch-action:manipulation}
.leisure-directory button:focus-visible,.leisure-reader button:focus-visible,.leisure-reader input:focus-visible,.leisure-reader summary:focus-visible{outline:3px solid #b77a37;outline-offset:3px}
.leisure-invitation{margin:18px 0 23px;border:1px solid #e0e2d6;border-radius:24px;padding:23px 21px 20px;background:var(--listen-paper);text-align:center}
.leisure-eyebrow{display:block;color:var(--listen-muted);font-size:11px;font-weight:700;letter-spacing:1.4px;line-height:1.5}
.leisure-invitation h3{font-size:28px;font-weight:650;letter-spacing:.5px;margin:12px 0;color:var(--listen-ink)}
.leisure-invitation p{font-size:15px;line-height:1.8;color:var(--listen-muted);margin:0 0 18px}
.leisure-invitation .leisure-start{display:block;width:100%;min-height:51px;padding:12px;border:0;border-radius:14px;background:var(--listen-accent);color:#fff;font-size:18px;font-weight:700;box-shadow:0 5px 12px #315f5017}
.leisure-start span{font-size:13px;margin-right:7px}.leisure-invitation>small{display:block;font-size:11px;line-height:1.7;color:var(--listen-muted);margin-top:11px}
.leisure-section-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.leisure-section-line b{font-size:17px}.leisure-section-line>span{font-size:11px;white-space:nowrap;color:var(--listen-muted)}
.leisure-filters{display:flex;gap:6px;margin:14px 0 9px;flex-wrap:wrap}.leisure-filters button{border:1px solid #d8e0d9;background:#fff;color:var(--listen-muted);border-radius:20px;font-size:12px;min-height:38px;padding:7px 12px}.leisure-filters button.on{background:#e7eee7;border-color:#9eb6a7;color:#234f3d;font-weight:700}
.leisure-work{display:grid;width:100%;grid-template-columns:27px minmax(0,1fr) 35px;gap:11px;align-items:center;padding:18px 0;background:transparent;border:0;border-bottom:1px solid #e4e9e2;text-align:left;color:var(--listen-ink)}
.leisure-number{align-self:start;margin-top:4px;color:#87958a;font-size:12px;font-variant-numeric:tabular-nums}.leisure-work-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.leisure-work-copy b{font-size:21px;font-weight:650;line-height:1.4}.leisure-work-copy small{font-size:13px;color:var(--listen-muted);line-height:1.5}.leisure-work-copy em{font-style:normal;font-size:11px;color:#738479}.leisure-english-title{font-size:13px;line-height:1.5;color:var(--listen-muted)}
.leisure-row-play{width:34px;height:34px;border:1px solid #cfddce;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--listen-accent)}
.leisure-footnote{margin:17px 0 8px;text-align:center;font-size:11px;line-height:1.8;color:#718276}.leisure-source{font-size:12px;line-height:1.8;color:var(--listen-muted);margin:17px 0}.leisure-source summary{cursor:pointer}.leisure-source a{color:var(--listen-accent);text-decoration:underline}
.leisure-reader-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}.leisure-reader-nav button{background:#fff;border:1px solid #d5dfd6;border-radius:11px;padding:9px 12px;min-height:40px;font-size:13px;font-weight:650;color:var(--listen-accent)}
.leisure-player{padding:20px 17px 14px;border-radius:24px;border:1px solid #dedfd2;background:var(--listen-paper);text-align:center}
.leisure-player h2{font-size:clamp(25px,6.8vw,32px);line-height:1.5;margin:12px 0 5px;font-weight:650;letter-spacing:.4px;color:var(--listen-ink)}
.leisure-player-english{font-size:14px;color:var(--listen-muted);line-height:1.5;margin:0 0 7px}.leisure-player .leisure-mood{font-size:.9375rem;line-height:1.5;color:var(--listen-muted);margin:0}
.leisure-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;margin:8px auto}.leisure-wave i{height:var(--wave);width:3px;border-radius:5px;background:#8ea895;opacity:.65}.leisure-player.is-playing .leisure-wave i{animation:leisure-breathe 2.2s ease-in-out var(--delay) infinite alternate}
@keyframes leisure-breathe{from{transform:scaleY(.55);opacity:.45}to{transform:scaleY(1.4);opacity:.9}}
.leisure-voices{display:inline-flex;gap:3px;border:1px solid #d0d9cb;border-radius:22px;background:#e8ece2;padding:3px}.leisure-voices button{border:0;border-radius:18px;background:transparent;min-height:34px;min-width:72px;padding:6px 14px;color:var(--listen-muted);font-size:13px}.leisure-voices button.on{background:#fff;color:var(--listen-accent);font-weight:700;box-shadow:0 1px 4px #25443410}
.leisure-seek{margin:12px 0 5px}.leisure-seek input{display:block;width:100%;height:26px;padding:0;margin:0;accent-color:var(--listen-accent);cursor:pointer}.leisure-seek>div{display:flex;justify-content:space-between;font-size:11px;color:var(--listen-muted);font-variant-numeric:tabular-nums}
.leisure-play-controls{display:grid;grid-template-columns:minmax(58px,1fr) minmax(120px,1.6fr) minmax(58px,1fr);align-items:center;gap:7px;margin:12px 0 9px}.leisure-play-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:49px;border:0;background:transparent;color:var(--listen-accent);border-radius:13px;font-size:11px;font-weight:650;padding:6px}.leisure-play-controls button>span{font-size:23px;line-height:1}.leisure-play-controls button.leisure-play-main{flex-direction:row;gap:9px;background:var(--listen-accent);color:#fff;font-size:17px;min-height:52px;white-space:nowrap}.leisure-play-main>span{font-size:17px!important}.leisure-play-controls button:disabled{opacity:.35;cursor:default}
.leisure-autonext{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 9px;min-height:36px;border:0;background:transparent;color:var(--listen-muted);font-size:.875rem}.leisure-switch{display:inline-flex;align-items:center;width:29px;height:18px;border-radius:10px;background:#a5ada4;padding:3px}.leisure-switch:after{content:'';width:12px;height:12px;border-radius:50%;background:#fff}.leisure-switch.on{background:var(--listen-accent);justify-content:flex-end}
.leisure-status{min-height:30px;font-size:.8125rem;color:var(--listen-muted);line-height:1.5;margin:5px 0 3px}.leisure-audio-label{display:block;color:#6d7c71;font-size:10px;line-height:1.5}
.leisure-text{margin-top:14px;border:1px solid #dbe2d8;border-radius:16px;background:#fff;padding:0 15px}.leisure-text>summary{padding:15px 0;min-height:48px;font-size:14px;font-weight:650;color:var(--listen-accent);cursor:pointer}.leisure-text-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e4e9e2;padding-top:12px}.leisure-text-tools>span{font-size:11px;line-height:1.6;color:var(--listen-muted);max-width:58%}.leisure-text-tools button{flex-shrink:0;border:1px solid #bfd0be;border-radius:10px;color:var(--listen-accent);background:#f4f7f1;font-size:12px;min-height:39px;padding:6px 10px}
.leisure-prose p,html[data-language=en] .leisure-prose p{font-size:25px;line-height:1.95;color:#2e4238;letter-spacing:.5px;margin:20px 0;word-break:normal;overflow-wrap:anywhere}
.leisure-prose .leisure-ruby{line-height:2.9}
.leisure-ruby ruby{display:inline-flex;flex-direction:column-reverse;align-items:center;vertical-align:baseline;gap:4px;line-height:1.45;margin:0 3px 8px;break-inside:avoid}
.leisure-ruby rt{display:block;font-size:1.25rem;font-weight:500;line-height:1.25;letter-spacing:0;white-space:nowrap;color:#405f51}
.leisure-ruby rp{display:none}
.leisure-meaning{border-top:1px solid #e4e9e2;padding:16px 0}.leisure-meaning b{font-size:12px;color:var(--listen-muted)}.leisure-meaning p,html[data-language=en] .leisure-meaning p{font-size:14px;line-height:1.8;color:#5e7166;margin:7px 0}
.leisure-seek .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-height:760px){.leisure-player{padding-top:14px;padding-bottom:11px}.leisure-player h2{margin-top:8px;font-size:27px}.leisure-wave{height:22px;margin:5px auto}.leisure-seek{margin-top:8px}.leisure-play-controls{margin-top:8px}.leisure-status{min-height:18px;margin-top:2px}.leisure-reader-nav{margin-bottom:9px}.leisure-text{margin-top:10px}}
@media(max-width:360px){.leisure-invitation{padding:20px 15px}.leisure-filters{gap:4px}.leisure-filters button{padding-inline:9px;font-size:11px}.leisure-player{padding-inline:12px}.leisure-work{gap:8px;grid-template-columns:22px minmax(0,1fr) 31px}.leisure-work-copy b{font-size:20px}.leisure-section-line b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.leisure-player.is-playing .leisure-wave i{animation:none}}

.leisure-group{margin:25px 0 30px}.leisure-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#edf2ea;border-radius:12px}.leisure-group-heading h3{margin:0;font-size:17px;line-height:1.5}.leisure-group-heading>span{font-size:13px;white-space:nowrap;color:#536b61}
.leisure-ai-note{font-size:.75rem;line-height:1.6;font-weight:400;text-align:center;color:#5c726b;margin:10px 0 8px}
.leisure-voices button{min-height:40px}.leisure-footnote{font-size:13px}
.leisure-reader>.leisure-footnote{font-size:1.0625rem;font-weight:500;line-height:1.8;color:var(--listen-ink);margin:20px 0 5px}
.leisure-filters button{min-height:42px;font-size:13px}.leisure-audio-label{display:none}