/* V38: Navigation, soundtrack spacing, fullscreen affordance and uncluttered immersive view */
.gb38-immersive-button{display:none!important;white-space:nowrap;border-color:#e3d0b5;background:#fff4e3;color:#946439}
.reader-embedded .gb38-immersive-button{display:inline-flex!important}
.gb38-motion-toggle{white-space:nowrap;color:#85643c;background:#fbf4e8}
.reader-embedded .app:not(:fullscreen):not(.focus-mode) .top-actions{flex-wrap:wrap;justify-content:flex-end}
.reader-embedded .app:not(:fullscreen):not(.focus-mode) .gb38-immersive-button{font-size:12px}
.soundtrack-bar{width:min(740px,96%)!important;gap:0!important;display:grid!important;
 grid-template-columns:minmax(124px,auto) minmax(125px,1fr) 34px minmax(90px,140px);
 padding:9px 15px!important;column-gap:16px!important;min-height:64px!important;align-items:center!important}
.soundtrack-play{width:100%;min-width:0;justify-self:stretch}
.soundtrack-copy{min-width:0;padding-left:15px;border-left:1px solid #dbc8aa}
.soundtrack-copy strong{font-size:13px}
.soundtrack-mute{width:34px;height:36px}
.soundtrack-volume-label{width:100%!important;flex-basis:auto!important;padding-left:10px;border-left:1px solid #dbc8aa}
.soundtrack-volume-label input{width:100%;min-width:0;accent-color:#337e9f}
.reader-dedicated .soundtrack-bar{width:min(820px,95%)!important}
.gb38-page-scrub{display:grid;grid-template-columns:auto minmax(85px,1fr) auto;align-items:center;gap:12px;
 background:#ffffff65;border:1px solid #d6e8ef;border-radius:13px;padding:7px 12px;margin:6px 0 0;min-height:39px}
.gb38-page-label,.gb38-page-last{font-size:11px;font-weight:850;color:#487c99;white-space:nowrap}
.gb38-page-scrub input{width:100%;height:22px;min-width:0;cursor:pointer;accent-color:#3388af}
.gb38-page-scrub input:focus-visible{outline:2px solid #3889b1;outline-offset:3px;border-radius:8px}
.reader-embedded .footer{width:min(740px,95%)!important}
.reader-dedicated .footer{width:min(820px,95%)!important}
/* Pure page-only fullscreen: navigation, tools, soundtrack and chrome all hidden. */
:is(.app:fullscreen,.app.focus-mode) .topbar,
:is(.app:fullscreen,.app.focus-mode) .intro,
:is(.app:fullscreen,.app.focus-mode) .arrow,
:is(.app:fullscreen,.app.focus-mode) .footer,
:is(.app:fullscreen,.app.focus-mode) .soundtrack-bar,
:is(.app:fullscreen,.app.focus-mode) .thumbnail-panel,
:is(.app:fullscreen,.app.focus-mode) .help-panel,
:is(.app:fullscreen,.app.focus-mode) .rotate-tip,
:is(.app:fullscreen,.app.focus-mode) .install-sheet,
:is(.app:fullscreen,.app.focus-mode) .install-backdrop,
:is(.app:fullscreen,.app.focus-mode) .gb38-motion-toggle,
:is(.app:fullscreen,.app.focus-mode) .error{display:none!important}
:is(.app:fullscreen,.app.focus-mode) .stage{position:absolute!important;inset:0!important;margin:0!important;padding:0!important;width:100vw!important;height:100dvh!important;max-height:none!important}
:is(.app:fullscreen,.app.focus-mode) .book{width:100vw!important;height:100dvh!important;max-height:100dvh!important;max-width:100vw!important;aspect-ratio:auto!important;filter:none!important;box-shadow:none!important}
:is(.app:fullscreen,.app.focus-mode) .page{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
:is(.app:fullscreen,.app.focus-mode) .page-left{width:100%!important;height:100%!important;flex:0 0 100%!important}
:is(.app:fullscreen,.app.focus-mode) .page-left::after{display:none!important}
:is(.app:fullscreen,.app.focus-mode) .book:focus-visible{outline:none}
@media(max-width:680px){
 .soundtrack-bar{grid-template-columns:auto minmax(100px,1fr) 32px;gap:8px!important;padding:8px!important}
 .soundtrack-play{min-width:98px;height:36px}.soundtrack-copy{padding-left:8px}
 .soundtrack-eyebrow{font-size:7px;letter-spacing:.45px}
 .soundtrack-copy strong{font-size:11px}
 .soundtrack-volume-label{grid-column:1/-1;border:0!important;padding:0 8px!important;width:100%!important}
 .reader-embedded .app:not(:fullscreen):not(.focus-mode) .gb38-motion-toggle{font-size:11px}
 .reader-embedded .app:not(:fullscreen):not(.focus-mode) .top-actions{gap:5px}
 .gb38-page-scrub{gap:8px;padding:6px 7px}
 .gb38-page-label,.gb38-page-last{font-size:10px}
}
@media(max-width:430px){.reader-embedded .app:not(:fullscreen):not(.focus-mode) .gb38-immersive-button{font-size:10px;padding:0 8px}.reader-embedded .app:not(:fullscreen):not(.focus-mode) .gb38-motion-toggle{font-size:10px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.gb38-atmosphere,.gb38-atmosphere *{animation:none!important;display:none!important}}