*{box-sizing:border-box}html{background:#fff;color:#000;scroll-padding-top:60px}body{margin:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}header{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;z-index:2;padding-top:env(safe-area-inset-top)}button{color:#000;background:#fff;border:0;font:inherit;cursor:pointer;min-width:44px;min-height:44px}button:focus-visible{outline:2px solid #000;outline-offset:-3px}#menu{position:absolute;right:12px;top:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}#menu span{width:20px;height:1px;background:#000}#pages{position:absolute;right:16px;top:54px;background:#fff;border:1px solid #000;padding:8px;max-height:70svh;overflow:auto;width:180px;grid-template-columns:repeat(3,1fr);gap:4px}#pages:not([hidden]){display:grid}#pages button{font-size:14px}#pages button[aria-current=page]{background:#000;color:#fff}main{max-width:900px;margin:56px auto 0;padding-bottom:env(safe-area-inset-bottom)}.pdf-page{width:100%;aspect-ratio:2/3;margin:0;scroll-margin-top:0;background:white;position:relative}.pdf-page canvas{display:block;width:100%;height:100%}a{color:#000}#error{padding:32px;line-height:1.5}
html,body{height:100%;overflow:hidden}main{height:calc(100svh - 56px - env(safe-area-inset-bottom));margin:56px auto 0;padding:0;display:flex;align-items:center;justify-content:center;max-width:none}#book{position:relative;width:min(100vw,calc((100svh - 56px - env(safe-area-inset-bottom))*2/3));aspect-ratio:2/3;perspective:1800px;touch-action:pan-y pinch-zoom;isolation:isolate}.pdf-page{position:absolute;inset:0;backface-visibility:hidden}.pdf-page[hidden]{display:none}.edge{position:absolute;top:0;bottom:0;width:18%;background:transparent;z-index:3;padding:0;touch-action:pan-y pinch-zoom}.edge.previous{left:0}.edge.next{right:0}.edge:disabled{pointer-events:none}.edge:focus-visible{outline:1px solid black;outline-offset:-5px}header{z-index:10}