#reader-controls-toggle,#reader-focus-hint{position:fixed;z-index:8}
#reader-controls-toggle{top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));width:44px;min-height:44px;padding:6px;background:#17110be8;border:1px solid #b08b50;color:#f2d596;box-shadow:0 2px 12px #0005}
#reader-focus-hint{bottom:76px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:340px;background:#17110bf2;border:1px solid #977544;border-radius:6px;padding:12px 16px;margin:0;font:14px/1.5 Arial,sans-serif;color:#f1d7a8;pointer-events:none;text-align:center}
#settings label:has(#reader-auto-hide){flex-direction:row;flex-wrap:nowrap;justify-content:space-between}
#settings label:has(#reader-auto-hide)>span{width:auto;flex:1;line-height:1.5}#reader-auto-hide{flex:none;width:24px;height:24px}
body.reader-immersive{grid-template-rows:0 minmax(0,1fr)}
body.reader-immersive>.reader-header{visibility:hidden;overflow:hidden;min-height:0;height:0;padding:0;border:0;pointer-events:none}
.reader-layout{grid-row:2}
body.reader-immersive .reading-desk{grid-template-rows:0 minmax(0,1fr) 0;padding:0}
body.reader-immersive .chapter-bar,body.reader-immersive .reader-bottom{visibility:hidden;overflow:hidden;height:0;min-height:0;padding:0;pointer-events:none}
body.reader-immersive #paper{border-radius:0;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}
@media(prefers-reduced-motion:no-preference){#reader-controls-toggle{transition:background-color .15s}}

/* Reserve horizontal touch gestures for paging, retaining native vertical scroll and pinch zoom. */
body[data-mode=pages] #reading-viewport{touch-action:pan-y pinch-zoom}
body[data-mode=scroll] #reading-viewport{touch-action:auto}