/* Shared book chrome: editor, public reader and popup iframe. */
.reader .reader-preview{position:relative;isolation:isolate;--visible-book-width:600px;--arrow-top:80%}
.reader .reading-surface{border-radius:0}
.reader .toolbar{height:32px;min-height:32px;padding:0;border:0;border-radius:0;background:transparent;display:block}
.reader .page-controls{position:absolute;inset:0;margin:0;padding:0;display:block;pointer-events:none;z-index:5;font-size:0}
.reader .page-controls button{position:absolute;top:var(--arrow-top);width:36px;height:36px;min-width:0;padding:3px;border:0;border-radius:0;background:transparent;color:#222;pointer-events:auto;box-shadow:none}
.reader .page-controls button:hover{background:#ffffff90;border-radius:4px}
.reader .page-controls button:disabled{visibility:hidden}
.reader #previous{left:max(6px,calc(50% - var(--visible-book-width)/2 - 40px))}
.reader #next{right:max(6px,calc(50% - var(--visible-book-width)/2 - 40px))}
.reader #previous svg{transform:scaleX(-1)}
.reader .page-controls svg{width:30px;height:30px;fill:#ffffff50;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.reader #page-seek{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:min(700px,72%);height:16px;margin:0;padding:0;border:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;pointer-events:auto;accent-color:#606060}
.reader #page-seek::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:#bfc1c1}
.reader #page-seek::-moz-range-track{height:8px;border-radius:8px;background:#bfc1c1}
.reader #page-seek::-webkit-slider-thumb{-webkit-appearance:none;width:85px;height:8px;border-radius:8px;background:#606060;margin-top:0;border:0}
.reader #page-seek::-moz-range-thumb{width:85px;height:8px;border-radius:8px;background:#606060;border:0}
.reader #page-seek:disabled{opacity:.5;cursor:default}
.reader .view-controls{position:absolute;right:20px;top:8px;display:flex;align-items:center;gap:4px;padding:8px 12px;background:#ffffffed;border-radius:5px;z-index:8}
.reader .view-controls button{display:flex;align-items:center;justify-content:center;width:36px;height:34px;padding:3px;border:0;border-radius:3px;background:transparent;color:#111;font-size:26px}
.reader .view-controls button:hover{background:#e7e9e8}
.reader .view-controls svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reader #reader-audio svg{stroke-width:1.6}
.reader #reader-audio[aria-pressed=false]{color:#626767}
.reader .view-controls .zoom-hidden{display:none}
.reader .reader-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important}
.reader .book-viewport{position:relative}
#book-mount>.stf__parent{transition:transform .35s ease}
#book-mount.closed-cover>.stf__parent{transform:translateX(-25%)}
.reader .reader-custom-logo{max-width:170px;max-height:85px}
.reader .reader-extras{position:absolute;bottom:60px;left:30px;z-index:6;max-width:min(200px,20%);background:transparent;padding:0}
.reader .reader-extras audio{display:none}
.reader .reader-heading{pointer-events:none}
.reader .reader-extras details[open]{max-height:50vh;overflow:auto}
.standalone-reader .view-controls{top:20px;right:30px}
.editor-mode .reader .book-viewport{height:calc(100dvh - 150px)}
@media(max-width:760px){
 .reader .view-controls{right:8px;top:8px;padding:5px 8px;gap:2px}
 .reader .view-controls button{width:30px;height:30px}
 .reader .view-controls svg{width:24px;height:24px}
 .reader #page-seek{width:76%}
 .reader #page-seek::-webkit-slider-thumb{width:45px}
 .reader #page-seek::-moz-range-thumb{width:45px}
 .reader .reader-extras{left:10px;bottom:42px;max-width:100px}
 .reader .reader-custom-logo{max-width:85px;max-height:40px}
 .editor-mode .reader .book-viewport{height:55vh}
}
@media(prefers-reduced-motion:reduce){#book-mount>.stf__parent{transition:none}}
#book-mount.closed-back>.stf__parent{transform:translateX(25%)}