*{box-sizing:border-box}body{margin:0;color:#123f45;background:#e9eeeb;font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #df6d45;outline-offset:5px}header{min-height:83px;padding:22px 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid #cdd7d2;background:#f8f9f4}.brand{font-weight:900;letter-spacing:-.8px;font-size:23px;white-space:nowrap}.brand span{font-size:11px;vertical-align:top;letter-spacing:0}.edition{font-size:10px;letter-spacing:2px;color:#5b706e}.actions{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:12px}.actions button,.download{padding:12px 15px;border:1px solid #b9c9c2;border-radius:5px}.download{background:#073c43;color:white;border-color:#073c43}.actions span{margin-left:8px}main{padding:20px 5vw 12px;max-width:1800px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin:0 34px 15px}.intro span{font-size:10px;letter-spacing:2.4px}.intro p{font-family:Georgia,serif;font-style:italic;font-size:17px;margin:0;color:#526d69}.reader{display:flex;align-items:center;gap:16px;justify-content:center}.book{width:min(calc((100svh - 292px)*1.41345),1250px);max-width:calc(100% - 82px);aspect-ratio:841/595;position:relative;background:#fafaf7;box-shadow:0 14px 35px #092e3424,0 2px 4px #092e3426;perspective:2400px;isolation:isolate}.book>img{width:100%;height:100%;object-fit:contain;display:block}.book.loading{opacity:.7}#turn{display:none;position:absolute;inset:0;background-position:center;background-size:100% 100%;transform-origin:left center;backface-visibility:hidden;box-shadow:10px 0 25px #0002;z-index:2}.arrow{height:56px;width:34px;flex-shrink:0;border-radius:20px;font-family:Georgia,serif;font-size:43px;color:#164f54;background:#f7f9f580;display:flex;align-items:center;justify-content:center;padding-bottom:6px}.arrow:hover{background:white}.arrow:disabled{opacity:.2;cursor:default}.toolbar{max-width:1250px;margin:17px auto 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:20px}.toolbar button{padding:10px;border-radius:5px;white-space:nowrap}.toolbar button:hover{background:#d9e3de}.position{display:flex;align-items:center;gap:8px;flex:1;max-width:540px}.position input[type=number]{width:42px;border:1px solid #c1cec7;border-radius:4px;background:#f9faf6;padding:7px;text-align:center;color:#073c43;font-size:12px;appearance:textfield}.position input::-webkit-inner-spin-button{appearance:none}.position span{white-space:nowrap;font-size:12px;color:#617572}.position input[type=range]{margin-left:18px;accent-color:#0d565c;flex:1;min-width:40px;cursor:pointer}.tools{display:flex;gap:4px}.hint{text-align:center;font-size:10px;letter-spacing:.3px;color:#667d77;margin:9px 0 2px}footer{display:flex;justify-content:space-between;max-width:1700px;margin:8px auto;padding:12px 5vw;color:#6c817b;font-size:9px;letter-spacing:.6px}footer span:first-child{font-weight:bold}.shade{position:fixed;inset:0;background:#06262c88;z-index:5;backdrop-filter:blur(3px)}.drawer{position:fixed;inset:8vh 7vw;background:#f8f9f4;border-radius:12px;padding:27px;z-index:6;overflow:auto;box-shadow:0 20px 80px #0005}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.drawer-head small{font-size:9px;letter-spacing:2px}.drawer-head h2{font-family:Georgia,serif;font-weight:normal;font-size:26px;margin:7px 0}.drawer-head button{font-size:22px;padding:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px}.thumb{text-align:left;padding:7px;border:1px solid #d5dfd9;border-radius:5px}.thumb:hover,.thumb.active{border-color:#08525a;background:#e5ede7}.thumb img{width:100%;aspect-ratio:841/595;object-fit:contain;background:white;display:block}.thumb span{display:block;font-size:10px;padding:10px 2px 4px;line-height:1.4}dialog{border:0;padding:0;max-width:96vw;max-height:96vh;width:1400px;background:#f4f7f1;border-radius:8px;color:#073c43}dialog::backdrop{background:#05262ee8}.zoom-head{display:flex;justify-content:space-between;padding:12px 20px;align-items:center;font-size:12px}.zoom-head button{padding:8px}.zoom-body{overflow:auto;max-height:85vh;background:#d5ded8}.zoom-body img{display:block;width:100%;min-width:950px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#073c43;color:white;padding:14px 22px;border-radius:6px;box-shadow:0 6px 30px #0003;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}.toast.visible{opacity:1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}body:fullscreen{overflow:auto}.book:focus{outline-offset:6px}@media(max-width:900px){.edition{display:none}.intro{margin-inline:0}.book{max-width:calc(100% - 58px)}.reader{gap:8px}.arrow{width:21px;height:45px;font-size:35px}.toolbar{gap:10px}.tools span{display:none}.tools button{font-size:23px;padding:5px}.toolbar>button{padding-left:0}.position{max-width:320px}.position input[type=range]{margin-left:4px}header{padding:17px 4vw;gap:12px}.brand{font-size:19px}.actions{gap:7px}.actions button,.download{padding:10px;font-size:11px}.intro p{font-size:15px}.intro span{font-size:8px}.drawer{inset:3vh 3vw;padding:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:600px){main{padding:22px 3vw 10px}.book{width:100%;max-width:100%}.reader{position:relative;padding-bottom:54px}.arrow{position:absolute;bottom:0;width:58px;height:38px;font-size:32px;border:1px solid #bacbc3;background:#f8faf5;z-index:3}.prev{left:calc(50% - 66px)}.next{right:calc(50% - 66px)}.intro{align-items:flex-start;gap:10px;margin-bottom:18px}.intro p{font-size:14px}.intro span{font-size:7px;letter-spacing:1.5px;padding-top:5px}.toolbar{gap:8px;margin-top:12px;flex-wrap:wrap}.position{max-width:none}.toolbar>button{font-size:11px}.tools{margin-left:auto}.hint{font-size:9px;margin-top:16px}.actions button{font-size:0}.actions button span{font-size:16px;margin:0}.download{font-size:10px}.download span{display:none}header{min-height:72px;gap:9px}.brand{font-size:16px;letter-spacing:-.6px}.brand span{font-size:8px}footer{gap:15px;font-size:8px}.grid{gap:10px}.drawer-head h2{font-size:22px}dialog{max-width:98vw}.zoom-body{max-height:80svh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{header,.intro,.arrow,.toolbar,.hint,footer,.shade,.drawer,dialog,.toast{display:none!important}body{background:white}.book{width:100%;max-width:100%;box-shadow:none}main{padding:0}}