.sx-reading-audio .sx-book-sheets{height:auto;min-height:0;flex:1}
.sx-reading-audio .sx-book-controls{bottom:145px}
.sx-readalong-dock{flex:0 0 auto;position:relative;z-index:14;background:#10121e;color:#ede9e2;padding:8px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));font:13px/1.4 system-ui;box-sizing:border-box;width:100%;}
.sx-readalong-dock audio{display:block;width:min(760px,100%);height:42px;margin:auto}
.sx-readalong-actions{max-width:760px;margin:7px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.sx-readalong-actions button,.sx-readalong-actions select,.sx-readalong-actions summary{font:13px system-ui;color:#f5efdf;background:#242738;border:1px solid #ffffff30;border-radius:9px;min-height:36px;padding:7px 10px;cursor:pointer;box-sizing:border-box}
.sx-readalong-actions button[aria-pressed=true]{color:#f2d58b;border-color:#b89953}
.sx-readalong-actions details[open] .sx-audio-offline{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 32px));max-height:50dvh;overflow:auto;box-sizing:border-box;padding:18px;background:#191e2f;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 8px 40px #0008}
.sx-read-word{border-radius:3px;transition:background-color .08s;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sx-read-word.sx-spoken{background:#efd185;color:#17130b;box-shadow:0 0 0 2px #efd185}
.sx-readalong-error{padding:30px;color:#fff}
@media(max-width:700px){.sx-readalong-actions{gap:6px;font-size:11px}.sx-readalong-actions button,.sx-readalong-actions select,.sx-readalong-actions summary{font-size:11px;padding:6px 8px}.sx-reading-audio .sx-paper{padding-bottom:55px}.sx-reading-audio .sx-book-controls{bottom:135px}.sx-readalong-actions>span{display:none}}
@media(prefers-reduced-motion:reduce){.sx-read-word{transition:none}}

/* Controls float above the paper and disappear without changing pagination. */
.sx-reading-audio .sx-book-sheets{height:100%;flex:1}
.sx-readalong-dock{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 28px));border:1px solid #ffffff20;border-radius:18px;background:#10121ef2;box-shadow:0 12px 40px #0004;padding:9px 12px;transition:opacity .2s,visibility .2s}
.sx-book-quiet .sx-readalong-dock{opacity:0;visibility:hidden;pointer-events:none}
.sx-readalong-dock:focus-within{opacity:1;visibility:visible;pointer-events:auto}
.sx-reading-audio .sx-book-controls{bottom:132px}
.sx-readalong-mini{position:absolute;z-index:14;bottom:max(10px,env(safe-area-inset-bottom));right:14px;width:42px;height:42px;border:1px solid #443a2725;border-radius:50%;background:#f4edddd9;color:#393225;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s}
.sx-book-quiet .sx-readalong-mini{opacity:.8;visibility:visible}
.sx-readalong-mini:hover,.sx-readalong-mini:focus-visible{opacity:1;outline:2px solid #9b793f}
.sx-readalong-mini span{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid currentColor;margin-left:3px}
.sx-readalong-mini.is-playing span{width:10px;height:14px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box;margin:0}
@media(max-width:700px){.sx-reading-audio .sx-paper{padding-bottom:66px}.sx-reading-audio .sx-book-controls{bottom:132px}}
@media(prefers-reduced-motion:reduce){.sx-readalong-dock,.sx-readalong-mini{transition:none}}