*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 45%,#08265a,#03142e 40%,#020914 80%)}body{display:grid;place-items:center}.opf-reader{position:relative;aspect-ratio:17/22;height:min(96dvh,calc(96vw*22/17));max-width:96vw;overflow:hidden;background:#001536;box-shadow:0 0 32px #00aeff73,0 26px 80px #000b}.opf-page{width:100%;height:100%;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;display:block;z-index:5;cursor:pointer;border-radius:999px}.index-next{left:31%;bottom:3.1%;width:38%;height:5.7%}.prev{left:4%;bottom:1.55%;width:18%;height:4.6%}.next,.home{right:4%;bottom:1.55%;width:18%;height:4.6%}@media(max-width:600px){.opf-reader{width:min(98vw,calc(98dvh*17/22));height:auto;max-height:98dvh}}