*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#111;color:#eee;font-family:Arial,Helvetica,sans-serif}body{display:flex;flex-direction:column}header{height:72px;flex-shrink:0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2a2a}.brand{font-size:23px;letter-spacing:-1px;font-weight:900}.brand span{color:#f32d35}.brand small{display:block;font-size:9px;letter-spacing:5px;color:#f32d35;text-align:right}.edition{font-size:20px;color:#eee;letter-spacing:1px}.edition span{font-size:9px;color:#aaa;display:block;letter-spacing:2px;margin-top:4px}main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:20px 20px 14px;background:radial-gradient(ellipse at center,#303030,#141414 75%)}#viewport{flex:1;width:100%;min-height:0;position:relative;overflow:hidden;touch-action:none;outline:none;cursor:grab}#viewport:focus-visible{outline:2px solid #f32d35;outline-offset:2px}#viewport.dragging{cursor:grabbing}#book{position:absolute;left:50%;top:50%;display:flex;transform-origin:center;box-shadow:0 20px 50px #0009;will-change:transform;perspective:1800px}.page{height:100%;position:relative;background:#000;overflow:hidden}.page img{width:100%;height:100%;display:block;object-fit:fill;user-select:none;-webkit-user-drag:none}.page.single{display:none}#book.double:after{content:"";position:absolute;left:50%;width:18px;top:0;bottom:0;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#0007,transparent);pointer-events:none}#fold{display:none;position:absolute;top:0;height:100%;width:50%;backface-visibility:hidden;background:#171717;z-index:2;pointer-events:none;transform-style:preserve-3d}#fold img{width:100%;height:100%;display:block}#fold.forward{display:block;right:0;transform-origin:left;animation:turn-forward .44s ease-in-out forwards}#fold.backward{display:block;left:0;transform-origin:right;animation:turn-backward .44s ease-in-out forwards}@keyframes turn-forward{to{transform:rotateY(-180deg)}}@keyframes turn-backward{to{transform:rotateY(180deg)}}.hint{font-size:10px;letter-spacing:.7px;color:#aaa;margin:12px 0 10px}nav{display:flex;align-items:center;gap:6px;background:#222;border:1px solid #3c3c3c;padding:6px;border-radius:8px}button{font:inherit;background:transparent;border:0;color:#eee;min-width:40px;height:36px;cursor:pointer;border-radius:4px;font-size:20px}button:hover{background:#393939}button:focus-visible,input:focus-visible{outline:2px solid #f32d35}button:disabled{opacity:.3;cursor:default}#fit{font-size:12px;min-width:55px}.jump{display:flex;align-items:center;white-space:nowrap;font-size:12px;min-width:86px;color:#aaa}.jump input{width:37px;height:30px;background:#151515;border:1px solid #444;color:#fff;text-align:center;border-radius:3px;font:inherit;-moz-appearance:textfield}.jump input::-webkit-inner-spin-button{appearance:none}#range{margin-left:5px}.divider{width:1px;height:20px;background:#444;margin:0 3px}footer{height:34px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 32px;font-size:8px;letter-spacing:1.5px;color:#888;border-top:1px solid #252525}.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}@media(max-width:600px){header{height:58px;padding:0 15px}.brand{font-size:19px}.edition{font-size:16px}.edition span{font-size:7px;letter-spacing:1px}main{padding:10px 8px 12px}footer{padding:0 14px;font-size:7px;letter-spacing:.7px}nav{gap:2px}button{min-width:35px}.hint{font-size:9px}}@media(prefers-reduced-motion:reduce){#fold.forward,#fold.backward{animation-duration:.01s}}
.brand{position:relative;width:185px;height:52px;overflow:hidden}.brand img{position:absolute;width:230px;max-width:none;height:auto;left:-23px;top:-57px}@media(max-width:600px){.brand{width:145px;height:42px}.brand img{width:180px;left:-18px;top:-45px}}
.brand img{top:-66px}@media(max-width:600px){.brand img{top:-51px}}