*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#e9e7e4;color:#34302e}.app{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:16px}.stage{position:relative;width:min(96vw,calc((100svh - 115px)*1.493333));aspect-ratio:1568/1050;filter:drop-shadow(0 14px 20px #0002)}#book{display:block;width:100%;height:100%;background:#fff}.hotspot{position:absolute;top:0;height:100%;width:12%;background:transparent;border:0;cursor:pointer}.hotspot.left{left:0}.hotspot.right{right:0}.controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}.controls button{background:#fff;border:1px solid #d5d1cd;border-radius:50%;width:42px;height:42px;font-size:20px;cursor:pointer;color:#37322e}.controls button:disabled{opacity:.3;cursor:default}#counter{min-width:88px;text-align:center;font-size:13px}.website-link{margin-left:14px;color:#34302e;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;border-bottom:1px solid #aaa19a;padding:6px 0}.website-link:hover{border-bottom-color:#34302e}@media(max-width:700px){.app{gap:12px;padding:8px}.stage{width:98vw}.controls{gap:10px}.controls button{width:38px;height:38px}.website-link{margin-left:4px}}