:root{color-scheme:light;--ink:#242620;--gold:#947039;--paper:#f3efe7;--pw:min(36vw,calc((100dvh - 185px)*148/210));font-family:Avenir,"Avenir Next",system-ui,sans-serif;color:var(--ink);background:#e6e1d8}*{box-sizing:border-box}body{margin:0}header{min-height:76px;padding:16px 4vw;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #cfc7b7}.brand{font:italic 28px Georgia,serif}.brand span{font:10px system-ui;letter-spacing:3px;display:block;margin-top:5px}.download{font-size:14px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding:8px 0}.download span{margin-left:8px}main{padding:18px 12px 10px}.stage{min-height:calc(var(--pw)*210/148);display:grid;place-items:center;perspective:2200px;touch-action:pan-y pinch-zoom}.book{position:relative;width:calc(2*var(--pw));height:calc(var(--pw)*210/148);transform:translateX(-25%);transition:transform .7s;transform-style:preserve-3d}.sheet{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.35,.05,.25,1);cursor:pointer}.sheet.turned{transform:rotateY(-180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fff;box-shadow:0 8px 25px #493b252b}.face img{width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}.face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#372b1715,transparent 6%);pointer-events:none}.back{transform:rotateY(180deg)}.back::after{background:linear-gradient(270deg,#372b1715,transparent 6%)}.single{display:none;max-width:100%;box-shadow:0 8px 25px #493b252b}nav{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}button,select{font:inherit;font-size:14px;color:var(--ink);background:#f9f7f2;border:1px solid #c2b69f;border-radius:6px;min-height:44px;padding:8px 13px;cursor:pointer}button:hover,select:hover{background:white}button:disabled{opacity:.3;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#previous,#next{font-size:23px;min-width:46px}select{max-width:220px}.hint{text-align:center;font-size:14px;color:#605b51;margin:13px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.zoomed .book{display:none}.zoomed .single{display:block;width:min(100%,1000px)}.zoomed .stage{height:auto}.zoomed nav{position:sticky;bottom:10px;background:#e6e1d8ed;padding:8px;width:max-content;max-width:100%;margin:18px auto 0;border-radius:10px}.zoomed .hint{display:none}@media(max-width:680px){:root{--pw:min(calc(100vw - 24px),calc((100dvh - 210px)*148/210))}header{min-height:68px;padding:12px 16px}.brand{font-size:24px}.brand span{font-size:8px;letter-spacing:2px}.download{font-size:13px}.book{display:none}.single{display:block;width:var(--pw)}.stage{perspective:1800px}.hint{font-size:13px}nav{gap:6px}select{max-width:175px;padding:8px}#zoom{padding:8px}.zoomed .single{width:100%}}@media(prefers-reduced-motion:reduce){.book,.sheet{transition:none}}