:root{color-scheme:dark;--paper:#f1f0e9;--accent:#36fdf1}*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader{height:100vh;height:100dvh;display:grid;grid-template-rows:calc(42px + env(safe-area-inset-top)) minmax(0,1fr) calc(82px + env(safe-area-inset-bottom));max-width:100%;margin:auto}.reader-top{display:flex;justify-content:flex-end;align-items:center;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0}.reader-close,.zoom-close{display:grid;place-items:center;width:40px;height:40px;font-size:30px;line-height:1;color:#b2b5b0}.reader-stage{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.page-image-button{display:block;width:100%;height:100%;padding:0;touch-action:pan-y pinch-zoom}.page-image-button img{display:block;width:100%;height:100%;object-fit:contain;opacity:1}.page-image-button img.is-loading{opacity:.65}.reader-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:44px 30px;align-content:center;align-items:center;gap:0 26px;max-width:440px;width:100%;justify-self:center;padding:0 12px env(safe-area-inset-bottom)}.reader-controls button{min-height:44px;font-size:13px;letter-spacing:.3px}.reader-controls button:first-child{text-align:right}.reader-controls button[data-book-next]{text-align:left}.reader-controls button:disabled{opacity:.25;cursor:default}#book-counter{color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.reader-first{grid-column:1/-1;min-height:30px!important;font-size:10px!important;color:#a0a49c;letter-spacing:.6px!important}.reader-controls button:hover:not(:disabled),.reader-close:hover,.zoom-close:hover{color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reader-error{position:absolute;max-width:300px;text-align:center;background:#000d;padding:20px;line-height:1.6;font-size:14px}.book-zoom{position:fixed;inset:0;margin:0;border:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;background:#000;overflow:auto;padding:55px 0 20px}.book-zoom::backdrop{background:#000}.book-zoom img{display:block;width:min(1080px,160vw);max-width:none;height:auto;margin:auto}.zoom-close{position:fixed;right:max(16px,env(safe-area-inset-right));top:env(safe-area-inset-top);background:#000b;z-index:2}.book-zoom:focus{outline:none}
@media(prefers-reduced-motion:no-preference){.page-image-button img{transition:opacity .16s ease}}
@media(max-width:600px){.reader{grid-template-rows:calc(36px + env(safe-area-inset-top)) minmax(0,1fr) calc(76px + env(safe-area-inset-bottom))}.reader-close{height:34px;width:34px;font-size:27px}.reader-controls{gap:0 18px}.reader-controls button{font-size:12px}}