:root{font-family:Arial,sans-serif;color:#f6f5f1;background:#171c20;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:18px 30px;border-bottom:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font:400 clamp(18px,2.5vw,27px) Georgia,serif;margin:5px 0 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#d3b675}a{color:#e4ca94;text-decoration:none;font-size:14px;white-space:nowrap}button,select{font:inherit;border:1px solid #ffffff35;border-radius:6px;background:#252c32;color:#fff;min-height:44px;padding:8px 15px;cursor:pointer}button:hover,a:hover{color:#e4ca94}button:disabled{opacity:.25;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e4ca94;outline-offset:3px}main{padding:18px 14px 12px}.stage{display:flex;align-items:center;justify-content:center;gap:24px;perspective:1800px;height:calc(100svh - 215px);min-height:260px}.sheet{position:relative;max-width:calc(100% - 130px);height:100%;display:flex;align-items:center;justify-content:center;transform-origin:left center;filter:drop-shadow(12px 15px 20px #0007)}#page{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;background:white}.side{border:0;background:transparent;font:48px Georgia;padding:8px;min-width:38px}#enlarge{position:absolute;bottom:10px;right:10px;background:#171c20ec;font-size:14px;opacity:.9}.sheet.turn-next{animation:turnNext .42s ease-in-out}.sheet.turn-prev{animation:turnPrev .42s ease-in-out}@keyframes turnNext{0%{transform:rotateY(0)}45%{transform:rotateY(-65deg);opacity:.45}100%{transform:rotateY(0);opacity:1}}@keyframes turnPrev{0%{transform:rotateY(0)}45%{transform:rotateY(65deg);opacity:.45}100%{transform:rotateY(0);opacity:1}}nav{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:16px}select{max-width:240px;min-width:150px}#count{font-variant-numeric:tabular-nums;font-size:14px;min-width:50px;text-align:center}.hint{text-align:center;font-size:13px;color:#bac0c4;margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{padding:0;border:1px solid #ffffff40;background:#171c20;width:96vw;max-width:1800px;height:94svh;max-height:94svh}dialog::backdrop{background:#000c}.zoom-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;height:65px}.zoom-scroll{height:calc(100% - 65px);overflow:auto;background:#41484d;text-align:center;touch-action:pan-x pan-y pinch-zoom}#zoom-img{width:1100px;max-width:none;height:auto;display:block;margin:auto}#error{text-align:center}@media(max-width:600px){header{padding:12px 16px;align-items:flex-start}header a{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{max-width:230px}.stage{height:calc(100svh - 215px);gap:0;min-height:230px}.sheet{max-width:100%}.side{display:none}main{padding:14px 8px}select{min-width:0;width:165px;font-size:14px}nav{gap:6px}nav button{padding:8px 13px}.hint{font-size:12px;padding:0 8px}#enlarge{bottom:7px;right:7px}}@media(prefers-reduced-motion:reduce){.sheet.turn-next,.sheet.turn-prev{animation:none}}