/* The reading surface keeps its own viewport at every panel size. */
:root{--settings-width:288px;--settings-height:32dvh}
.sidebar{width:var(--settings-width);padding-left:22px;padding-right:22px}
#readingArea{margin-left:var(--settings-width);width:calc(100% - var(--settings-width));min-height:0;overflow:hidden}
.sidebar-body{min-height:0}.sidebar-footer{flex-shrink:0}
.panel-resize{flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;position:relative;z-index:25;display:flex;align-items:center;justify-content:center;background:#e5eaf0;outline-offset:-2px}
.panel-resize span,.toolbar-reveal span{display:block;border-radius:5px;background:#98a9ba;pointer-events:none}
.panel-resize:hover,.panel-resize:focus-visible{background:#d8e5be}
.panel-resize:hover span,.panel-resize:focus-visible span{background:#657f38}
.sidebar-resize{position:fixed;left:calc(var(--settings-width) - 5px);top:0;bottom:0;width:10px;cursor:col-resize;background:transparent}
.sidebar-resize span{width:3px;height:48px;background:#8495a6}
.toolbar-resize{height:12px;width:100%;cursor:row-resize;border-top:1px solid #d4dde7;border-bottom:1px solid #d4dde7}
.toolbar-resize span{height:3px;width:48px}
.toolbar-resize.will-collapse{background:#d7f487}
.reader-toolbar{flex-shrink:0;overflow:auto;overscroll-behavior:contain;min-height:0;max-height:50dvh;background:#edf0f4;scrollbar-width:thin}
.reader-toolbar .document-toolbar{flex-shrink:0}
.compact-toolbar .document-toolbar,.compact-toolbar .reading-instruction{display:none}
.reader-toolbar .file-info{flex:1;min-width:0}.reader-toolbar .file-info h2{max-width:100%}
.toolbar-reveal{height:16px;flex-shrink:0;border:0;border-bottom:1px solid #ccd7e3;background:#e9eef4;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;touch-action:manipulation}
.toolbar-reveal span{height:3px;width:64px;background:#82986a}
.toolbar-reveal:hover,.toolbar-reveal:focus-visible{background:#dceac7}
#readerPlayer{position:relative;left:auto;right:auto;bottom:auto;min-height:76px;max-height:45dvh;overflow:auto;overscroll-behavior:contain;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;scrollbar-width:thin}
#readerPlayer .buffer-strip,#readerPlayer .player-main,#readerPlayer .progress{flex-shrink:0}
#readerPlayer.compact-player{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
.compact-player .buffer-strip{display:none}.compact-player .progress{margin-top:9px}
.now-reading{flex:1}.now-reading span{max-width:100%}.view-actions{flex-wrap:wrap}
.reader-scroll{min-height:0}.notice{flex-shrink:0;max-height:24dvh;overflow:auto}
body.focus-mode .sidebar-resize{display:none}
body.focus-mode #readingArea,#readingArea:fullscreen{margin:0;width:100%;height:100dvh}
body.resizing-panels,body.resizing-panels *{user-select:none!important;-webkit-user-select:none!important}
body.resizing-panels[data-resize-axis=x],body.resizing-panels[data-resize-axis=x] *{cursor:col-resize!important}
body.resizing-panels[data-resize-axis=y],body.resizing-panels[data-resize-axis=y] *{cursor:row-resize!important}
@media(max-width:760px){
 body,body.pdf-mode{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 .sidebar,body.pdf-mode .sidebar{position:relative;width:100%;height:var(--settings-height);max-height:45dvh;min-height:100px;overflow:auto;flex-shrink:0;padding:16px 20px}
 .sidebar-resize{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:14px;cursor:row-resize;background:#d8e0e9}
 .sidebar-resize span{width:48px;height:3px}
 #readingArea,body.pdf-mode #readingArea{margin:0;width:100%;height:0;min-height:0;flex:1}
 .reader-scroll{overflow:auto;padding-bottom:30px}
 #readerPlayer{padding-left:12px;padding-right:12px}
 body.focus-mode #readingArea{height:100dvh;flex:1}
 .reader-toolbar{max-height:46dvh}
}
@media(pointer:coarse){.toolbar-resize,.sidebar-resize{min-height:20px}.toolbar-reveal{height:24px}}