#reader.novel-reader[open]{position:fixed!important;inset:0!important;top:0!important;margin:0!important;transform:none!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;overflow:hidden!important}#reader.novel-reader .reader-toolbar{position:static!important;flex:none;transform:none!important;opacity:1!important;padding:8px 16px!important;min-height:48px}#reader.novel-reader .formats{position:static!important;flex:none;display:flex;flex-wrap:wrap;gap:4px;padding:4px 12px!important;transform:none!important;opacity:1!important}#reader.novel-reader .formats button{font-size:12px;padding:6px 10px}#reader.novel-reader #reader-stage{position:relative!important;flex:1!important;min-height:0!important;height:auto!important;width:100%!important;display:flex!important;justify-content:center;align-items:stretch!important;overflow:hidden!important;padding:8px 18px!important;box-sizing:border-box}#reader.novel-reader .fitted-page{width:min(100%,760px)!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:22px 28px!important;box-sizing:border-box;overflow:hidden!important;white-space:pre-wrap;font:18px/1.65 Georgia,serif!important;columns:auto!important;column-count:auto!important;column-width:auto!important;flex:none!important}#reader.novel-reader .reader-controls{position:static!important;flex:none;min-height:52px;padding:6px 16px!important;display:flex!important;justify-content:center;align-items:center;gap:20px;opacity:1!important;transform:none!important}#reader.novel-reader .edge-turn{display:none!important}#reader.novel-reader.reading .reader-toolbar,#reader.novel-reader.reading .formats,#reader.novel-reader.reading .reader-controls{visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.reader-open{overflow:hidden!important}@media(max-width:600px){#reader.novel-reader #reader-stage{padding:4px 10px!important}#reader.novel-reader .fitted-page{padding:16px!important;font-size:16px!important;line-height:1.55!important}#reader.novel-reader #reader-title{font-size:13px}#reader.novel-reader .reader-toolbar button{padding:8px;font-size:12px}}
/* --- Reader chrome on a phone -------------------------------------------------
   The title bar and the format row were stacking hard against the top of the
   screen, under the notch, with the buttons wrapping into each other. */
@media(max-width:800px){
  #reader .reader-toolbar{
    padding:calc(12px + env(safe-area-inset-top,0px)) 12px 10px!important;
    min-height:0;gap:10px}
  #reader #reader-title{line-height:1.3}
  #reader .formats{padding:4px 12px 14px!important;gap:8px;row-gap:8px;justify-content:center}
  #reader .formats button,
  #reader .reader-toolbar button{min-height:40px;padding:9px 13px!important;font-size:12px!important}
  #reader #reader-stage{padding-top:6px!important}
}

/* --- The graphic novel reader fills the dialog and draws its own chrome ------- */
#reader.orbit-open{position:fixed!important;inset:0!important;width:100vw!important;
  max-width:none!important;height:100dvh!important;max-height:none!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  overflow:hidden!important;background:#0E1017}
#reader.orbit-open #reader-stage{position:absolute!important;inset:0!important;
  padding:0!important;height:100%!important;width:100%!important;max-height:none!important}
#reader.orbit-open .reader-toolbar,#reader.orbit-open .formats,
#reader.orbit-open .reader-controls,#reader.orbit-open .edge-turn{display:none!important}
.orbit-host{position:absolute;inset:0}