:root{--green:#183d32;--ink:#20362f;--muted:#758079;--paper:#f6f5ef;--line:#dedfd5;--gold:#c0a166;color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent;border-radius:6px;min-height:40px;min-width:40px}button:hover:not(:disabled){background:#e7eae2}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,.viewport:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.topbar{height:88px;border-bottom:1px solid var(--line);padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;color:var(--green);text-decoration:none;font-size:12px;font-weight:750;letter-spacing:1.7px;line-height:1.5}.brand>span:last-child>span{display:block;font-size:10px;letter-spacing:2.6px}.brand-mark{font-family:Georgia,serif;font-size:34px;letter-spacing:-8px;border:1px solid #b8c3b6;width:50px;height:48px;padding-left:4px;line-height:44px}.brand-mark span{font-size:24px}.edition{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.dot{width:6px;height:6px;background:#608568;border-radius:50%}.badge{border:1px solid #d7d4bd;border-radius:4px;padding:5px 7px;color:#8a7547;font-size:9px;letter-spacing:1px}.text-button{font-size:13px}.text-button:first-letter{font-size:24px}main{max-width:1560px;margin:auto;padding:30px 4.5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#7b846f;margin:0 0 9px}h1{font-family:Georgia,serif;font-size:clamp(24px,2.4vw,36px);font-weight:400;letter-spacing:-.8px;margin:0}.intro-note{font-size:12px;line-height:1.8;margin:0;color:var(--green);text-align:right}.intro-note span{color:var(--muted)}.reader{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 12px 35px #183d3206}.reader-toolbar{height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.reader-toolbar>button{font-size:13px;padding:0 12px}.reader-toolbar>button:first-letter{font-size:19px}.reader-toolbar>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.zoom-controls{display:flex;align-items:center;gap:3px}.zoom-controls button{font-size:21px}.zoom-controls #fit{font-size:11px;padding:0 9px;margin-left:7px;border-left:1px solid var(--line);border-radius:0}.zoom-controls output{font-size:11px;min-width:39px;text-align:center}.workspace{position:relative;background:radial-gradient(ellipse at 50% 40%,#e8e9df,#d9ddd2);height:clamp(360px,calc(100dvh - 340px),850px);min-height:360px;isolation:isolate}.viewport{width:100%;height:100%;overflow:auto;display:block;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;padding:20px 54px}.book{position:relative;display:flex;margin:auto;perspective:1800px;filter:drop-shadow(0 12px 16px #1b302d35)}.page{height:100%;width:50%;flex:none;background:#fff;position:relative;overflow:hidden}.book.single .page{width:100%}.page img{width:100%;height:100%;object-fit:contain;display:block}.book:not(.single) .page:first-child:after{content:"";position:absolute;inset:0 0 0 auto;width:18px;background:linear-gradient(90deg,transparent,#00000015);pointer-events:none}.book:not(.single) .page:nth-child(2):after{content:"";position:absolute;inset:0 auto 0 0;width:12px;background:linear-gradient(90deg,#00000018,transparent);pointer-events:none}.flip-leaf{position:absolute;top:0;z-index:3;backface-visibility:hidden;transform-style:preserve-3d;animation:turn-next .52s ease-in-out both;transform-origin:left center;right:0}.flip-leaf.back{right:auto;left:0;transform-origin:right center;animation-name:turn-back}.book.single .flip-leaf{width:100%}.flip-leaf:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#0004,transparent);opacity:.3}.edge{position:absolute;top:calc(50% - 23px);border-radius:50%;background:#f6f7f0e8;box-shadow:0 2px 10px #183d3210;font-size:32px;line-height:1;width:44px;height:44px}.edge.prev{left:10px}.edge.next{right:10px}.bottom-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px;gap:10px}.page-jump{display:flex;align-items:center;gap:7px;color:var(--muted)}.page-jump input{width:48px;text-align:center;border:1px solid var(--line);border-radius:5px;height:32px;color:var(--ink);font:inherit;appearance:textfield}.page-jump input::-webkit-inner-spin-button{appearance:none}.nav-group{display:flex;align-items:center;gap:7px}.nav-group button{font-size:22px}.nav-group span{min-width:86px;text-align:center;font-size:12px}.reading-label{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.progress{display:block;appearance:none;width:100%;height:4px;margin:0;cursor:pointer;background:linear-gradient(to right,var(--green) var(--progress,0%),#e6e9e1 var(--progress,0%))}.progress::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--green)}.progress::-moz-range-thumb{width:12px;height:12px;border:0;background:var(--green)}footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#7b847d;padding:17px 0 24px}#drawer{position:absolute;z-index:5;left:0;top:0;bottom:0;width:290px;background:#f8f9f3;box-shadow:8px 0 30px #183d3228;overflow:auto;padding:10px 16px}.drawer-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;position:sticky;top:-10px;background:#f8f9f3;padding:4px 0;z-index:1}#thumbGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 0}#thumbGrid button{padding:6px;border:1px solid #dce1d5;background:#fff;border-radius:5px;font-size:10px}#thumbGrid button[aria-current]{outline:2px solid var(--green)}#thumbGrid img{width:100%;height:auto;display:block;margin-bottom:6px}.page-error{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:white;padding:10px;border-radius:6px;font-size:12px;z-index:4}.page-error button{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes turn-next{0%{transform:rotateY(0);filter:brightness(1)}100%{transform:rotateY(-110deg);filter:brightness(.65)}}@keyframes turn-back{0%{transform:rotateY(0)}100%{transform:rotateY(110deg);filter:brightness(.65)}}@media(min-width:1700px){main{padding-top:38px}}@media(max-width:700px){.topbar{height:72px;padding:0 18px;gap:10px}.brand{font-size:10px;letter-spacing:1px;gap:9px}.brand-mark{width:39px;height:39px;font-size:28px;line-height:36px}.brand-mark span{font-size:20px}.brand>span:last-child>span{font-size:8px;letter-spacing:2px}.edition{font-size:0;gap:0}.edition .dot{display:none}.badge{font-size:8px}.text-button span{display:none}main{padding:22px 12px 0}.intro{padding:0 5px;margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:25px}.intro-note{display:none}.reader-toolbar{height:50px;padding:0 6px;gap:0}.reader-toolbar>span{display:none}.reader-toolbar>button{font-size:11px;padding:0 7px}.zoom-controls{gap:0}.zoom-controls #fit{margin-left:0}.workspace{height:calc(100dvh - 308px);min-height:330px}.viewport{padding:16px 24px}.edge{width:35px;min-width:35px;height:40px;font-size:26px;background:#f6f7f0d9}.edge.prev{left:2px}.edge.next{right:2px}.bottom-toolbar{padding:0 10px;height:60px;gap:0}.page-jump{font-size:10px;gap:5px}.page-jump input{width:35px}.nav-group{gap:0}.nav-group button{min-width:33px}.nav-group span{min-width:62px;font-size:10px}.reading-label{display:none}footer{font-size:9px;padding:14px 5px;line-height:1.6}footer>span:last-child{display:none}#drawer{width:min(290px,88vw)}}@media(prefers-reduced-motion:reduce){.flip-leaf{animation:none}}