/* ---- v8: PDF fit, slimmer phone chrome, mini bar ---- */
html,body{overflow-x:hidden}
#pdfView{overflow-x:hidden;touch-action:pan-y}
#pdfView.zoomed{overflow-x:auto;touch-action:pan-x pan-y}
#pdfView:not(.zoomed) .page{max-width:calc(100% - 8px)}
.page canvas{width:100%!important;height:100%!important}
.progrow{display:flex;align-items:center;gap:10px}.progrow .progress{flex:1}
#rPos{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
/* timer inside the top bar */
.pomopill.inbar{position:static;transform:none;top:auto;left:auto;margin:0 4px;padding:3px 10px 3px 4px;box-shadow:none;background:color-mix(in srgb,var(--fg) 6%,transparent);border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;min-height:32px;gap:6px}
.pomopill.inbar svg{width:22px;height:22px}.pomopill.inbar b{font-size:13px}.pomopill.inbar #pillPhase{display:none}
#reader:not(.chromeless) .pomopill.inbar{top:auto}
/* mini bar (shown when chrome is collapsed) */
.minibar{position:absolute;left:0;right:0;bottom:0;z-index:9;display:none;align-items:center;gap:10px;height:calc(26px + env(safe-area-inset-bottom));padding:0 max(14px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(14px,env(safe-area-inset-left));
  background:color-mix(in srgb,var(--paper) 92%,transparent);font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;animation:fade .25s var(--ease)}
.minibar .mprog{position:absolute;left:0;right:0;top:0;height:2px;background:color-mix(in srgb,var(--fg) 8%,transparent)}.minibar .mprog i{display:block;height:100%;width:0;background:var(--acc);transition:width .4s var(--ease)}
.minitimer{border:0;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);font:600 11.5px var(--sans);min-height:20px;height:20px;padding:0 8px;border-radius:999px;font-variant-numeric:tabular-nums}
.minitimer.paused{color:var(--muted);background:color-mix(in srgb,var(--fg) 6%,transparent)}
#reader.chromeless .minibar{display:flex}
#reader.chromeless .fab{display:none!important}
#reader.chromeless .pomopill{display:none}
/* phone: slimmer bars that overlay content; reading area stays fixed so EPUB never reflows */
@media (max-width:700px),(hover:none){
  .rbar{min-height:0;padding-top:max(2px,env(safe-area-inset-top));padding-bottom:2px}
  .rbar button.icon{min-width:44px;min-height:44px}
  #rTitle{font-size:15px}#rChapter{font-size:11px}
  .rfoot{gap:2px;padding-top:6px}
  .pbtn{min-height:50px;padding:3px 2px}
  .pbtn small{font-size:10.5px}
  .pbtn.mark:disabled{opacity:1;color:color-mix(in srgb,var(--fg) 30%,transparent)}
  .pbtn.mark:disabled small{color:color-mix(in srgb,var(--fg) 32%,transparent);font-style:italic}
  .pbtn.mark.on{background:color-mix(in srgb,var(--acc) 12%,transparent)}
  .footrow{display:none}
  #pdfView{padding:calc(52px + env(safe-area-inset-top)) 0 calc(36px + env(safe-area-inset-bottom))}
  #reader.chromeless #pdfView{padding-top:calc(52px + env(safe-area-inset-top))}
  #epubView,#reader.chromeless #epubView,#reader.deep #epubView{inset:calc(50px + env(safe-area-inset-top)) 0 calc(34px + env(safe-area-inset-bottom))}
  .selbar{bottom:calc(96px + env(safe-area-inset-bottom))}
  #reader.chromeless .selbar{bottom:calc(36px + env(safe-area-inset-bottom))}
}
@media (max-width:700px) and (orientation:landscape),(hover:none) and (orientation:landscape){
  #pdfView{padding-top:calc(46px + env(safe-area-inset-top))}
}
#pdfView{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.rbar,.rfoot{background:color-mix(in srgb,var(--paper) 95%,transparent)}
.minibar{background:color-mix(in srgb,var(--paper) 97%,transparent)}