/* V86 · One quiet reader surface. The artwork is the interface. */
/* Keep existing controls in the DOM for backward-compatible JS, but do not show
   the duplicate toolbar, effects, music UI, labels, arrow pills, or onboarding. */
#readerApp:not(:fullscreen):not(.focus-mode) {padding:8px clamp(5px,1.8vw,24px) max(10px,env(safe-area-inset-bottom,0px))!important; min-height:100dvh!important; gap:0!important; justify-content:flex-end!important; overflow:hidden!important;}
#readerApp .branding,#readerApp .top-actions>:not(#exitLink),#readerApp .intro,
#readerApp .arrow,#readerApp .soundtrack-bar,#readerApp .gb38-motion-toggle,
#readerApp .gb40-story-finish,#readerApp .rotate-tip,
#readerApp .bottom-row,#readerApp .reading-row {display:none!important;}
body .gb73-audio-dock {display:none!important;}
#readerApp .topbar {height:0!important;min-height:0!important;margin:0!important;padding:0!important;width:100%!important;position:relative!important;z-index:35!important;}
html.reader-embedded #readerApp .topbar {display:none!important;}
html.reader-dedicated #readerApp:not(:fullscreen):not(.focus-mode) .topbar .top-actions {display:block!important;position:absolute!important;top:0;left:0;}
html.reader-dedicated #readerApp:not(:fullscreen):not(.focus-mode) .topbar #exitLink {
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;
 border-radius:999px!important;border:1px solid #c6dfe7!important;
 background:rgba(255,255,255,.72)!important;color:#2f7493!important;
 font-size:0!important;line-height:0!important;box-shadow:0 3px 10px #164e6720!important;
 text-decoration:none!important;white-space:nowrap!important;
}
html.reader-dedicated #readerApp #exitLink::before {content:'←';font:600 23px/1 system-ui,sans-serif;}
#readerApp:not(:fullscreen):not(.focus-mode) .stage {
 width:100%!important;min-height:0!important;flex:1 1 auto!important;
 padding:4px 0!important;margin:0!important;gap:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
}
#readerApp:not(:fullscreen):not(.focus-mode) .book[data-layout='solo'],
#readerApp:not(:fullscreen):not(.focus-mode) .book[data-layout='single'] {
 width:min(98%,1460px,calc((100dvh - 90px)*var(--page-ratio)))!important;
 max-width:100%!important;height:auto!important;max-height:calc(100dvh - 86px)!important;
 aspect-ratio:var(--page-ratio)!important;flex:0 1 auto!important;
}
#readerApp:not(:fullscreen):not(.focus-mode) .book[data-layout='spread'],
#readerApp:not(:fullscreen):not(.focus-mode) .book[data-layout='panorama'] {
 width:min(98%,1460px,calc((100dvh - 90px)*2*var(--page-ratio)))!important;
 max-width:100%!important;height:auto!important;max-height:calc(100dvh - 86px)!important;
 aspect-ratio:calc(2 * var(--page-ratio))!important;flex:0 1 auto!important;
}
#readerApp:not(:fullscreen):not(.focus-mode) .footer {
 flex:0 0 auto!important;display:block!important;
 width:min(720px,100%)!important;max-width:100%!important;
 margin:0 auto!important;padding:8px 1px 3px!important;
 background:transparent!important;box-shadow:none!important;border:0!important;
}
#readerApp:not(:fullscreen):not(.focus-mode) .gb86-page-controls {
 display:flex!important;align-items:center!important;gap:clamp(7px,2vw,17px)!important;
 width:100%!important;max-width:100%!important;
 padding:7px clamp(8px,1.8vw,15px)!important;
 margin:0!important;min-height:55px!important;
 border:1px solid rgba(145,193,214,.48)!important;
 border-radius:20px!important;background:rgba(255,255,255,.68)!important;
 box-shadow:0 5px 15px rgba(23,69,99,.08)!important;
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
#readerApp .gb86-restart {
 display:grid!important;place-items:center!important;
 width:39px!important;height:39px!important;flex:0 0 39px!important;
 border:0!important;border-radius:50%!important;background:transparent!important;
 color:#337f9f!important;padding:7px!important;box-shadow:none!important;
 touch-action:manipulation!important;
}
#readerApp .gb86-restart svg{display:block;width:26px;height:26px;}
#readerApp .gb86-restart:active{background:rgba(65,140,180,.12)!important;}
#readerApp .gb86-page-controls #pageSlider {
 appearance:none!important;-webkit-appearance:none!important;
 flex:1 1 auto!important;width:0!important;min-width:35px!important;height:38px!important;
 border:0!important;border-radius:20px!important;cursor:pointer!important;background:transparent!important;
 touch-action:pan-x!important;padding:0!important;margin:0!important;
}
#readerApp .gb86-page-controls #pageSlider::-webkit-slider-runnable-track{
 height:6px;border-radius:10px;background:linear-gradient(90deg,#3b8aad var(--scrub-percent,0%),#c9dae2 var(--scrub-percent,0%));
}
#readerApp .gb86-page-controls #pageSlider::-moz-range-track{height:6px;border-radius:10px;background:#c9dae2;}
#readerApp .gb86-page-controls #pageSlider::-moz-range-progress{height:6px;background:#3b8aad;border-radius:10px;}
#readerApp .gb86-page-controls #pageSlider::-webkit-slider-thumb{
 -webkit-appearance:none!important;width:22px;height:22px;background:#fff!important;
 border:2px solid #4b93b5!important;border-radius:50%!important;margin-top:-8px!important;
 box-shadow:0 2px 7px #365a7d29!important;
}
#readerApp .gb86-page-controls #pageSlider::-moz-range-thumb{width:19px;height:19px;border:2px solid #4b93b5;border-radius:50%;background:#fff;}
#readerApp .gb86-page-controls #pageStatus {
 flex:0 0 auto!important;min-width:76px!important;white-space:nowrap!important;
 font:700 clamp(11px,1.65vw,14px)/1.2 'Fredoka',system-ui,sans-serif!important;
 color:#2f6887!important;letter-spacing:0!important;text-align:right!important;
}
#readerApp .gb86-page-controls #pageSlider:focus-visible,
#readerApp .gb86-restart:focus-visible {outline:3px solid #2e88b0!important;outline-offset:2px!important;}
@media(max-width:540px){
 #readerApp:not(:fullscreen):not(.focus-mode) .footer{padding-bottom:4px!important;}
 #readerApp:not(:fullscreen):not(.focus-mode) .gb86-page-controls{border-radius:16px!important;min-height:49px!important;padding:4px 7px!important;gap:7px!important;}
 #readerApp .gb86-restart{width:35px!important;height:35px!important;flex-basis:35px!important;padding:5px!important;}
 #readerApp .gb86-page-controls #pageStatus{min-width:70px!important;font-size:11px!important;}
}
/* Immersive mode stays page-only. Preserve the V83 emergency escape, icon only. */
#readerApp:fullscreen .gb83-exit-fullscreen span,
#readerApp.focus-mode .gb83-exit-fullscreen span{display:none!important;}
#readerApp:fullscreen .gb83-exit-fullscreen,
#readerApp.focus-mode .gb83-exit-fullscreen{
 width:43px!important;height:43px!important;min-height:43px!important;padding:10px!important;
 right:max(9px,env(safe-area-inset-right,0px) + 7px)!important;
 top:max(9px,env(safe-area-inset-top,0px) + 7px)!important;
}