/* Gelli Belle v26 — reader presentation; installation is handled by Playhouse */
.reader-embedded .install-reader-button{display:none!important}
.reader-embedded .app:not(:fullscreen):not(.focus-mode) .header-button.primary-button{min-width:42px}
.reader-embedded .app:not(:fullscreen):not(.focus-mode) .header-button.primary-button #fullLabel{font-size:clamp(10px,1.65vw,13px);white-space:nowrap}
@media(max-width:530px){
 .reader-embedded .app:not(:fullscreen):not(.focus-mode) .topbar{flex-wrap:wrap}
 .reader-embedded .app:not(:fullscreen):not(.focus-mode) .top-actions{max-width:100%}
 .reader-embedded .app:not(:fullscreen):not(.focus-mode) .header-button.primary-button{padding:0 10px}
 .reader-embedded .app:not(:fullscreen):not(.focus-mode) .brand{font-size:17px}
}
.reader-dedicated, .reader-dedicated body{height:100%;overscroll-behavior-y:none}
.reader-dedicated body{background:#eaf6fb}
.reader-dedicated .app{width:100%;max-width:none;min-height:100svh;height:100svh;height:100dvh;overflow:hidden;padding:max(9px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));}
.reader-dedicated .topbar{flex:0 0 auto;max-width:1400px;margin:auto}
.reader-dedicated .intro{display:none!important}
.reader-dedicated .topbar .primary-button{display:none!important}
.reader-dedicated .topbar .exit-link{display:flex!important;white-space:nowrap}
.reader-dedicated .stage{flex:1 1 auto;min-height:0;margin:6px 0;gap:0}
.reader-dedicated .book{width:min(88vw,1440px,calc((100dvh - 164px)*2*var(--page-ratio)));max-height:calc(100dvh - 154px)}
.reader-dedicated .book[data-layout="single"],.reader-dedicated .book[data-layout="solo"]{width:min(88vw,720px,calc((100dvh - 164px)*var(--page-ratio)));max-height:calc(100dvh - 154px)}
.reader-dedicated .arrow{position:absolute;z-index:18;top:50%;transform:translateY(-50%);width:48px;height:52px}
.reader-dedicated .arrow-prev{left:max(4px,env(safe-area-inset-left))}.reader-dedicated .arrow-next{right:max(4px,env(safe-area-inset-right))}
.reader-dedicated .arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.04)}
.reader-dedicated .footer{flex:0 0 auto;width:min(980px,95%);margin:0 auto 1px;padding:0}
.reader-dedicated .bottom-row{margin-top:7px;gap:12px}
.reader-dedicated .thumbnail-panel,.reader-dedicated .help-panel{position:absolute;bottom:max(64px,env(safe-area-inset-bottom));z-index:35;width:min(96vw,950px);max-height:32vh;overflow-y:auto}
.reader-dedicated .install-reader-button{display:inline-flex;align-items:center;gap:5px;background:#fff4df;border-color:#e6d4b4;color:#976835}
.reader-dedicated.reader-installed .install-reader-button{display:none!important}
@media(max-width:1200px) and (orientation:portrait){
 .reader-dedicated .book,.reader-dedicated .book[data-layout="solo"],.reader-dedicated .book[data-layout="single"]{width:min(93vw,calc((100dvh - 146px)*var(--page-ratio)));max-height:calc(100dvh - 146px)}
}
@media(max-width:700px){
 .reader-dedicated .app{padding-top:max(9px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .reader-dedicated .topbar{gap:5px}
 .reader-dedicated .brand{font-size:18px}
 .reader-dedicated .branding small{display:none}
 .reader-dedicated .top-actions{gap:5px}
 .reader-dedicated .header-button,.reader-dedicated .exit-link{font-size:11px;height:35px;padding:0 10px;border-radius:11px}
 .reader-dedicated .install-reader-button{font-size:10px}
 .reader-dedicated .stage{margin:5px 0}
 .reader-dedicated .footer{width:95%}
 .reader-dedicated .bottom-row{display:none}
 .reader-dedicated .reading-row{margin-bottom:5px;font-size:11px}
 .reader-dedicated .arrow{width:38px;height:47px;border-radius:12px;background:#fffffff0}
 .reader-dedicated .arrow svg{width:24px;height:24px}
 .reader-dedicated .book,.reader-dedicated .book[data-layout="solo"],.reader-dedicated .book[data-layout="single"]{width:min(96vw,calc((100dvh - 95px)*var(--page-ratio)));max-height:calc(100dvh - 95px)}
}
@media(min-width:701px) and (max-width:900px){.reader-dedicated .book{width:min(93vw,calc((100dvh - 150px)*var(--page-ratio)))}}
body.install-sheet-open{overflow:hidden!important}
.install-backdrop{position:fixed;inset:0;z-index:80;background:#102b3c9e;backdrop-filter:blur(5px)}
.install-sheet{position:fixed;z-index:81;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,440px);max-height:90dvh;overflow-y:auto;background:linear-gradient(160deg,#fff9e9,#eaf6fb);border:2px solid #fff;box-shadow:0 24px 80px #0e2e436b;border-radius:26px;padding:25px 25px 21px;text-align:center;color:#294b61}
.install-close{position:absolute;right:12px;top:8px;line-height:1;font-size:30px;padding:6px;border:0;background:none;color:#547991}
.install-icon{width:78px;height:78px;border-radius:21px;object-fit:cover;box-shadow:0 7px 20px #517d9350}
.install-eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:#bd7d46;margin:12px 0 5px}
.install-sheet h2{color:#244561;font-size:clamp(24px,5vw,30px);line-height:1.07;margin:4px 0 12px;letter-spacing:-.6px}
.install-sheet p{font-size:13px;line-height:1.5;margin:8px 0 14px}
.install-step{display:flex;gap:12px;text-align:left;padding:10px 3px;border-top:1px solid #d6e5e8;color:#315466;font-size:13px;line-height:1.45;align-items:flex-start}
.install-step b{background:#3488ae;color:#fff;border-radius:50%;display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px}
.install-action{border:0;border-radius:13px;padding:13px 22px;background:#3289af;color:white;font-weight:800;width:100%;font-size:14px;margin:6px 0 12px}
.install-fineprint{font-size:10px!important;color:#6c8998}
@media(max-height:570px){.install-sheet{padding:10px 16px}.install-icon{height:48px;width:48px}.install-step{padding:5px 1px}.install-sheet h2{font-size:21px}}