.audio-current{background:rgba(224,151,165,.15)!important;box-shadow:none}.audio-test-label{font:10px 'Segoe UI',sans-serif;color:var(--muted);letter-spacing:1px}.audio-options{border-top:1px solid var(--border);padding-top:16px;margin-top:4px}.audio-options p{font-size:11px;color:var(--muted);line-height:1.6}#audio-status{font-size:12px;line-height:1.6;min-height:20px;margin:8px 0 0}


#audio-status{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--surface);padding:6px 12px;border-radius:12px;max-width:85vw;z-index:30;pointer-events:none}#audio-status:empty{display:none}

.audio-navigation{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;justify-content:center;gap:12px;width:476px;max-width:calc(100vw - 24px);transition:transform .48s cubic-bezier(.32,.04,.35,1),opacity .3s ease .12s}
.audio-navigation .chapter-nav{position:static;left:auto;bottom:auto;transform:none;margin:0;flex:1;min-width:0;width:auto;max-width:none;transition:none}
.audio-navigation #audio-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:12px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 6px 24px #24272412}
#audio-toggle svg{width:18px;height:18px;fill:currentColor;stroke:none}#audio-toggle[aria-pressed=true]{background:#e6d7d6;color:#713b3f}
.audio-navigation.scroll-hidden{opacity:0;transform:translate(-50%,105px);pointer-events:none}.audio-navigation:focus-within{opacity:1;transform:translateX(-50%);pointer-events:auto}
@media(max-width:760px){.audio-navigation{bottom:12px;gap:10px;width:424px}.audio-navigation .chapter-nav{margin:0}.audio-navigation #audio-toggle{flex-basis:42px;width:42px;height:42px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.audio-navigation{transition:none}}

.audio-navigation .chapter-nav{height:58px;padding:6px 9px}
.audio-navigation #audio-toggle{flex:0 0 58px;width:58px;height:58px;min-height:58px;background:#f0f3ed;border-color:#d6ddd0;color:#252725}
.audio-navigation #audio-toggle[aria-pressed=true]{background:#e6d7d6;border-color:#d4bdbc;color:#713b3f}
body[data-theme=sepia] #audio-toggle:not([aria-pressed=true]){background:#f4f3e9;border-color:#dedfcd;color:#252725}
body[data-theme=dark] #audio-toggle:not([aria-pressed=true]){background:#272a25;border-color:#3a4035;color:#e6e4df}
#audio-toggle svg{width:21px;height:21px}

.audio-navigation #audio-toggle:disabled{opacity:.4;cursor:default;box-shadow:none}

.audio-navigation #audio-toggle[hidden]{display:none}.audio-navigation.without-audio{width:420px;gap:0}@media(max-width:760px){.audio-navigation.without-audio{width:370px}}

/* Keep the footer above the floating chapter controls at the end of the page. */
body>footer{display:block;position:relative;padding:24px 20px calc(104px + env(safe-area-inset-bottom,0px));line-height:1.6;scroll-margin-bottom:100px}

#audio-toggle{position:relative;isolation:isolate}
#audio-toggle .audio-progress-ring{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);fill:none;stroke:none;pointer-events:none;overflow:visible;transform:rotate(-90deg) scaleY(-1);opacity:0;transition:opacity .2s}
#audio-toggle.has-audio-progress .audio-progress-ring{opacity:1}
.audio-progress-ring circle{fill:none;stroke:currentColor;stroke-width:1.5}
.audio-progress-ring .audio-ring-track{opacity:.12}
.audio-progress-ring .audio-ring-value{opacity:.65;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--audio-remaining,100));transition:stroke-dashoffset .25s linear}
@media(prefers-reduced-motion:reduce){.audio-progress-ring .audio-ring-value{transition:none}}

/* Play in aceeasi paleta neutra ca navigarea. */
.audio-navigation #audio-toggle:not([aria-pressed=true]){background:#f2f2f2;border-color:#ddd;color:#252525}body[data-theme=dark] .audio-navigation #audio-toggle:not([aria-pressed=true]){background:#292929;border-color:#3c3c3c;color:#e6e6e6}