/* Kids' book read-aloud player: quiet, site palette, big touch targets */
.ab-anchor{height:1px}
.ab-player{max-width:34rem;margin:6px auto 18px;text-align:left}
.ab-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--gb);border-radius:999px;background:var(--glass)}
.ab-pp{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:var(--gold);color:var(--deep);display:grid;place-items:center;cursor:pointer;padding:0}
.ab-pp svg{width:20px;height:20px}.ab-pp .ab-i-pa{display:none}.ab-on .ab-pp .ab-i-pl{display:none}.ab-on .ab-pp .ab-i-pa{display:block}
.ab-mid{flex:1;min-width:0}
.ab-lbl{display:flex;justify-content:space-between;gap:8px;font:600 .88rem/1.2 var(--ui);color:var(--ink)}
.ab-now{color:var(--gold);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.ab-time{flex:none;font:500 .8rem/1.2 var(--ui);color:var(--m);font-variant-numeric:tabular-nums}
.ab-seek{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:4px 0 0;background:transparent;cursor:pointer;--ab-p:0%}
.ab-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--gold) var(--ab-p),var(--gb) var(--ab-p))}
.ab-seek::-moz-range-track{height:4px;border-radius:2px;background:var(--gb)}.ab-seek::-moz-range-progress{height:4px;border-radius:2px;background:var(--gold)}
.ab-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--gold);border:0}
.ab-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold);border:0}
.ab-rate{flex:none;min-width:52px;height:36px;border-radius:999px;border:1px solid var(--gb);background:transparent;color:var(--ink);font:600 .85rem var(--ui);cursor:pointer}
.ab-back{display:none;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--gb);background:transparent;color:var(--ink);cursor:pointer;padding:0}
.ab-note{margin:6px 4px 0;font:400 .78rem/1.4 var(--ui);color:var(--m);text-align:center}
.ab-float .ab-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:80;width:min(34rem,calc(100% - 24px));background:var(--deep);box-shadow:0 8px 28px rgba(0,0,0,.35)}
.ab-float .ab-back{display:grid;place-items:center}
@media (max-width:520px){.ab-bar{gap:8px;padding:8px 10px}.ab-rate{min-width:46px}.ab-lbl{font-size:.82rem}}
@media print{.ab-player{display:none}}