.wlm-book{--wb-gold:#d5b475;--wb-navy:#051e2c;box-sizing:border-box;position:relative;padding:clamp(20px,4vw,54px);background:radial-gradient(ellipse at 50% 40%,#24414b,#071c29 68%);color:#f3e9d3;font-family:Georgia,serif;border:1px solid #b59355;isolation:isolate;max-width:1440px;margin:36px auto}.wlm-book *{box-sizing:border-box}.wb-top{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #b5935566;padding-bottom:22px}.wb-kicker{font:11px/1.6 system-ui,sans-serif;letter-spacing:.25em;color:var(--wb-gold);margin:0 0 9px}.wb-title{font-size:clamp(32px,4vw,58px);font-weight:400;line-height:1.05;margin:0}.wb-intro{max-width:240px;font-size:14px;line-height:1.6;color:#c6c7be;margin:0}.wb-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0}.wlm-book button,.wlm-book input{font:14px system-ui,sans-serif}.wlm-book button{cursor:pointer;background:transparent;border:1px solid #b5935580;color:#f4e3bf;padding:11px 17px;border-radius:3px;min-height:44px}.wlm-book button:hover{background:#d5b475;color:#061d2c}.wlm-book button:disabled{opacity:.35;cursor:default}.wlm-book button:focus-visible,.wlm-book input:focus-visible{outline:3px solid #ffdb90;outline-offset:4px}.wb-stage{perspective:2000px;max-width:1050px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px;background:#b6a17a;border-radius:3px;box-shadow:0 30px 50px #0009,0 3px 0 #70624b,0 6px 0 #ac9875,0 9px 0 #534733}.wlm-book .wb-sheet{position:relative;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;padding:9px;background:#eee8d9;aspect-ratio:0.75;min-width:0;box-shadow:inset -15px 0 23px -21px #30220e;overflow:hidden}.wlm-book .wb-sheet:nth-child(2){box-shadow:inset 15px 0 23px -21px #30220e;border-left:1px solid #a38d63}.wlm-book .wb-sheet:hover{background:#f4efe2}.wb-sheet img{width:100%;height:100%;object-fit:contain;display:block}.wb-sheet.wb-turn{animation:wb-turn .42s ease both;transform-origin:left center}.wb-sheet.wb-back{transform-origin:right center}.wb-sheet:after{content:'⤢';position:absolute;right:12px;bottom:12px;background:#071e2bcc;color:#ffe3a7;padding:5px 9px;font-size:20px}.wb-sheet:disabled:after{display:none}@keyframes wb-turn{from{transform:rotateY(-30deg);filter:brightness(.7)}to{transform:rotateY(0);filter:brightness(1)}}.wb-bar{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-top:29px}.wb-status{font:13px system-ui,sans-serif;letter-spacing:.06em;text-align:center;color:#e3d2ad}.wb-jump{display:flex;gap:9px;align-items:center;justify-content:center;font:13px system-ui,sans-serif;margin:20px 0 0}.wb-jump input{width:80px;padding:10px;background:#f4eedf;color:#071e2c;border:1px solid #b59355;border-radius:3px;min-height:44px}.wb-help{font:12px/1.6 system-ui,sans-serif;color:#b3bcb9;text-align:center;margin:14px 0 0}.wb-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;max-height:330px;overflow:auto;margin:20px 0;padding:10px;background:#0003}.wb-thumbs[hidden]{display:none}.wlm-book .wb-thumb{padding:6px;font-size:11px}.wb-thumb img{width:100%;height:105px;object-fit:contain;display:block;margin-bottom:6px}.wb-thumb[aria-current=true]{border:2px solid #f4cf85}.wb-dialog{position:fixed;inset:0;width:96vw;height:96vh;max-width:none;max-height:none;padding:14px;background:#061b28;color:#f7e9cc;border:1px solid #b59355;z-index:999999}.wb-dialog::backdrop{background:#000d}.wb-dialog-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-bottom:12px}.wb-zoom-area{height:calc(100% - 65px);overflow:auto;text-align:center;background:#112735}.wb-zoom-area img{height:100%;max-width:100%;object-fit:contain}.wb-zoom-area.is-zoom img{height:auto;width:auto;max-width:none;display:block;margin:auto}.wlm-book:fullscreen{width:100%;height:100%;max-width:none;overflow:auto;margin:0}.wlm-book:fullscreen .wb-stage{max-width:min(1050px,105vh)}@media(max-width:740px){.wb-top{display:block}.wb-intro{margin-top:14px;max-width:none}.wb-stage{grid-template-columns:1fr;max-width:430px}.wb-stage>.wb-sheet:nth-child(2){display:none}.wb-bar{gap:8px}.wlm-book button{padding:10px 12px}.wb-status{font-size:11px}.wb-actions{gap:6px}.wb-title{font-size:38px}}@media(prefers-reduced-motion:reduce){.wb-sheet.wb-turn{animation:none}}
