:root{color-scheme:light;--red:#a92c20;--ink:#372c26;--paper:#f6f2ea}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,input:focus-visible{outline:3px solid #bf703d;outline-offset:3px}button:disabled{opacity:.25;cursor:default}header{height:84px;padding:0 5vw;border-bottom:1px solid #dbd2c3;display:flex;align-items:center;justify-content:space-between;background:#fffaf4}.brand{display:flex;align-items:center;gap:12px}.seal{border:1px solid var(--red);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:15px serif;color:var(--red)}strong{font-size:19px;letter-spacing:2px}small{display:block;color:#837469;font-size:12px;margin-top:4px}#contents{padding:12px 16px;border:1px solid #ddd2c3;border-radius:6px;font-size:14px}#contents span{margin-left:12px}.intro{text-align:center;padding:18px 0 10px}.intro>span{font-size:9px;letter-spacing:3px;color:#a28469}.intro p{font:17px Georgia,serif;letter-spacing:4px;margin:6px}.stage{display:flex;align-items:center;justify-content:center;gap:44px;perspective:1600px;padding:12px 20px}.book{position:relative;width:min(calc((100dvh - 320px)*.5),calc(100vw - 44px));min-width:190px;aspect-ratio:1/2;background:#fff;box-shadow:4px 2px 0 #dfd6c9,7px 4px 0 #f9f6ef,10px 6px 0 #d7cfc3,0 12px 36px #4f3f3528;touch-action:pan-y pinch-zoom;transform-origin:left center}.book>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.spine{position:absolute;inset:0 auto 0 0;width:10px;pointer-events:none;background:linear-gradient(90deg,#77604925,transparent)}.side{width:46px;height:46px;background:#fffaf5;border:1px solid #dfd4c7;border-radius:50%;font-size:30px}.hint{text-align:center;color:#958474;font-size:11px;margin:13px 0 14px}.controls{display:flex;align-items:center;justify-content:center;gap:14px;height:52px}.controls button{font-size:14px;min-height:44px;padding:8px}.pagination{display:flex;align-items:center;gap:5px;font-size:13px;color:#8e7967}.pagination input{width:38px;text-align:center;border:0;border-bottom:1px solid #c5b39e;background:transparent;border-radius:0;color:var(--red);font-weight:600;font-size:16px;appearance:textfield}.pagination input::-webkit-inner-spin-button{appearance:none}.divider{height:18px;width:1px;background:#d9ccbb}#zoom{color:var(--red)}.progress{height:2px;width:160px;margin:4px auto 10px;background:#e3d7c7}.progress i{display:block;height:100%;background:var(--red);width:8.333%;transition:width .3s}.footer-note{text-align:center;font-size:10px;color:#9d8a78;padding-bottom:max(12px,env(safe-area-inset-bottom))}.footer-note a{color:inherit;margin-left:8px}dialog{border:none;padding:0;color:var(--ink);border-radius:12px;width:min(700px,94vw);max-height:90dvh;box-shadow:0 20px 60px #0003}dialog::backdrop{background:#30292199;backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;background:#fff;z-index:1;display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eee}.dialog-head button{font-size:20px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:18px;background:#f8f4ee}.thumbs button{padding:6px;border:2px solid transparent;border-radius:5px;font-size:11px}.thumbs button[aria-current=true]{border-color:var(--red);color:var(--red)}.thumbs img{display:block;width:100%;aspect-ratio:1/2;object-fit:contain;margin-bottom:8px;background:white}#zoomDialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;overflow:hidden}.zoom-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:#fff;border-bottom:1px solid #ddd;font-size:12px}.zoom-head button{color:var(--red);padding:10px}.zoom-scroll{height:calc(100dvh - 54px);overflow:auto;background:#ddd6cc;touch-action:pan-x pan-y pinch-zoom}.zoom-scroll img{display:block;width:max(100%,850px);max-width:1654px;height:auto;margin:auto}.status{position:absolute;inset:0;align-items:center;justify-content:center;background:#fffdf5e8;font-size:14px;text-align:center;padding:30px}.status:not([hidden]){display:flex}body.modal-open{overflow:hidden}@media(max-width:600px){header{height:68px;padding:0 18px}.brand strong{font-size:17px}.brand small{font-size:11px}.seal{width:36px;height:36px;font-size:13px}#contents{padding:9px}.intro{padding:11px 0 3px}.intro p{font-size:14px}.intro>span{font-size:8px}.stage{padding:10px 18px}.side{display:none}.book{width:min(calc((100dvh - 280px)*.5),calc(100vw - 44px));min-width:180px}.hint{margin:11px 0 6px;font-size:10px}.controls{gap:8px}.controls button{font-size:13px}.footer-note{font-size:9px}.thumbs{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.intro p{letter-spacing:2px}}@media(max-height:550px){.intro{display:none}.book{width:220px;min-width:0}.stage{padding-top:22px}.hint{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}