/* Gelli Belle V31 — cinematic, scene-aware soundtrack player */
.soundtrack-bar{position:relative;z-index:17;flex:0 0 auto;display:flex;align-items:center;gap:11px;width:min(740px,92vw);margin:8px auto 0;padding:8px 11px;background:#fff8edee;border:1px solid #dbdfd9;border-radius:16px;box-shadow:0 5px 23px #567f8e19;color:#244a62;min-height:54px}
.soundtrack-play{flex:0 0 auto;min-width:122px;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:38px;padding:0 14px;border:0;border-radius:12px;background:#337e9f;color:white;font-size:12px;font-weight:850;box-shadow:0 3px 11px #23566d1f;white-space:nowrap}
.soundtrack-play:hover{background:#246c91}.soundtrack-play:focus-visible,.soundtrack-mute:focus-visible{outline:3px solid #d48f5a;outline-offset:2px}
#musicPlayIcon{font-size:14px;line-height:1}.soundtrack-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;text-align:left}.soundtrack-eyebrow{color:#9e765d;font-size:9px;letter-spacing:1.25px;font-weight:850;white-space:nowrap}.soundtrack-copy strong{font-size:12px;color:#2e5e77;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.soundtrack-mute{width:30px;height:32px;display:grid;place-items:center;flex:0 0 30px;border:0;border-radius:9px;background:transparent;color:#367a99}.soundtrack-mute:hover{background:#e2eef2}.soundtrack-mute svg{width:21px;height:21px}.soundtrack-muted-mark{display:none}.soundtrack-mute[aria-pressed="true"] .soundtrack-muted-mark{display:block}.soundtrack-mute[aria-pressed="true"] .soundtrack-volume-wave{display:none}
.soundtrack-volume-label{width:72px;flex:0 0 72px;display:flex;align-items:center}.soundtrack-volume-label input{width:100%;height:19px;accent-color:#337e9f;cursor:pointer}
.soundtrack-message{position:absolute;left:0;right:0;top:100%;font-size:11px;text-align:center;color:#8b5142;background:#fff8ed;z-index:19;padding:4px 6px;border-radius:8px}
@media(max-width:550px){.soundtrack-bar{width:calc(100% - 8px);max-width:100%;padding:6px 8px;gap:7px;margin-top:7px;border-radius:13px;min-height:48px}.soundtrack-play{min-width:103px;font-size:11px;height:35px;padding:0 9px;gap:6px}.soundtrack-copy strong{font-size:11px}.soundtrack-eyebrow{font-size:7.5px;letter-spacing:.65px}.soundtrack-volume-label{width:48px;flex-basis:48px}.soundtrack-mute{flex-basis:24px;width:24px}}
@media(max-width:350px){
 .soundtrack-bar{flex-wrap:wrap;row-gap:3px}
 .soundtrack-play{min-width:96px}
 .soundtrack-copy{flex-basis:calc(100% - 170px)}
 .soundtrack-volume-label{display:flex;width:100%;flex:1 1 100%;padding:0 8px}
}
.reader-dedicated .soundtrack-bar{width:min(820px,92%);margin:5px auto;min-height:46px;padding:5px 10px}
.reader-embedded .soundtrack-bar{margin-top:6px}
:is(.app:fullscreen,.app.focus-mode) .soundtrack-bar{position:absolute;z-index:35;bottom:max(85px,env(safe-area-inset-bottom) + 78px);left:50%;transform:translateX(-50%);margin:0;width:min(600px,80vw);background:#102b3ce8;border-color:#ffffff55;color:white;backdrop-filter:blur(10px)}
:is(.app:fullscreen,.app.focus-mode) .soundtrack-copy strong{color:#fff}:is(.app:fullscreen,.app.focus-mode) .soundtrack-eyebrow{color:#f2caa5}
@media(max-width:700px){:is(.app:fullscreen,.app.focus-mode) .soundtrack-bar{bottom:63px;width:min(92vw,600px)}.reader-dedicated .soundtrack-bar{width:98%}}
@media(max-height:500px) and (orientation:landscape){.reader-dedicated .soundtrack-bar{min-height:35px;padding:3px 8px}.reader-dedicated .soundtrack-play{height:28px}.reader-dedicated .soundtrack-eyebrow{display:none}}