@font-face{font-family:Manrope;src:url('../fonts/catalog/Manrope-Regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Manrope;src:url('../fonts/catalog/Manrope-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
*{box-sizing:border-box}body{margin:0;color:#173d30;background:#e7e9e0;font-family:Manrope,Arial,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{color:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:3px solid #af8c32;outline-offset:4px}.book-header{display:flex;align-items:center;gap:22px;background:#073e30;color:#f8f7f1;padding:12px 4vw}.brand img{width:66px;display:block}.book-title{flex:1}.book-title span{font-size:10px;letter-spacing:2px;color:#d9c57c}h1{font-size:clamp(17px,2vw,25px);font-weight:400;margin:5px 0}.header-actions{display:flex;align-items:center;gap:24px;font-size:12px}.gold-button{background:#deca87;color:#073e30;border-radius:3px;padding:13px 19px}.reader-toolbar{display:flex;justify-content:center;align-items:end;gap:12px;padding:18px 15px 4px;flex-wrap:wrap}.reader-toolbar label{display:grid;gap:5px;font-size:10px}.reader-toolbar select,.reader-toolbar button{background:#f8f7f1;border:1px solid #b7bfaf;border-radius:4px;padding:9px;font-size:12px;height:38px}.reader-toolbar select{max-width:300px}#book-status{height:20px;text-align:center;font-size:11px;margin:10px 12px}.reader-stage{position:relative;max-width:1350px;margin:auto;padding:0 60px}.book-viewport{padding:16px 0 30px;overflow:hidden;perspective:2200px}.flip-book{position:relative;margin:auto;width:min(100%,calc((100dvh - 290px)*1.4133));min-width:400px;aspect-ratio:1190/842;transform-style:preserve-3d;transition:transform .6s;touch-action:pan-y;isolation:isolate}.flip-book.cover{transform:translateX(-25%)}.flip-book.back-cover{transform:translateX(25%)}.page{position:absolute;top:0;width:50%;height:100%;background:#f8f7f1;box-shadow:2px 3px 0 #d5d6cc,4px 6px 0 #c4c6bb,6px 10px 0 #d9dad0,4px 18px 25px #1b2f2338;overflow:hidden}.page img,.turn-face img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.left-page{left:0}.right-page{right:0}.page.empty{visibility:hidden}.page-link{position:absolute;display:block;background:transparent}.page-link:hover{background:#c7b26a22}.spine{position:absolute;z-index:4;left:calc(50% - 13px);top:0;width:26px;height:100%;background:linear-gradient(90deg,transparent,#001e2615 45%,#001e2644 50%,#001e2615 58%,transparent);pointer-events:none}.cover .spine,.back-cover .spine{display:none}.turn{position:absolute;z-index:5;top:45%;width:44px;height:44px;border:1px solid #a4ae9c;border-radius:50%;background:#f8f7f1;font-size:22px}.previous{left:5px}.next{right:5px}.turn-sheet{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:6}.turn-sheet.forward{left:50%;transform-origin:left center}.turn-sheet.backward{left:0;transform-origin:right center}.turn-face{position:absolute;inset:0;backface-visibility:hidden;background:#f8f7f1}.turn-face.back{transform:rotateY(180deg)}.turn-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001c2022,transparent 25%,transparent 80%,#001c2010);pointer-events:none}.reader-bottom{display:flex;justify-content:center;align-items:center;gap:20px;font-size:11px;padding:0 20px 15px;flex-wrap:wrap}.reader-bottom p{color:#687663}.reader-bottom a{text-decoration:underline;text-underline-offset:4px}.page-transcript{max-width:900px;margin:0 auto 28px;padding:15px 24px;background:#f8f7f180;font-size:12px}.page-transcript summary{cursor:pointer}#page-text{white-space:pre-wrap;line-height:1.7}dialog{--zoom-scale:1;width:min(96vw,1500px);height:95dvh;max-width:none;max-height:none;background:#e7e9e0;border:0;padding:20px;overflow:auto}dialog::backdrop{background:#052a24cf}.zoom-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:8px}.zoom-toolbar button{min-width:44px;background:#073e30;color:white;border:0;padding:12px 16px;border-radius:4px}.zoom-toolbar output{min-width:62px;padding:10px;background:#f8f7f1;border:1px solid #b7bfaf;border-radius:4px;text-align:center;font-size:12px}#close-zoom{margin-left:8px}#zoom-pages{display:flex;align-items:start;gap:12px;padding:15px 6px 35px;min-width:max-content}#zoom-pages img{width:calc(595px * var(--zoom-scale));height:auto;flex-shrink:0;box-shadow:0 5px 20px #0003;image-rendering:auto}.no-script{text-align:center}#reader:fullscreen{background:#e7e9e0;overflow:auto;padding-top:18px}#reader:fullscreen .flip-book{width:min(100%,calc((100dvh - 200px)*1.4133))}
@media(min-width:1600px){.flip-book{max-width:1100px}}@media(max-width:700px){.book-header{padding:12px;gap:12px}.brand img{width:45px}.book-title span{font-size:8px;letter-spacing:1px}.header-actions>a:first-child{display:none}.header-actions{font-size:10px}.gold-button{padding:10px}.reader-toolbar{gap:8px;padding-top:12px}.reader-toolbar select{max-width:180px}.reader-toolbar button{font-size:11px;padding:8px}#fullscreen{display:none}.reader-stage{padding:0 27px}.turn{width:29px;height:35px;font-size:18px;border-radius:4px}.previous{left:0}.next{right:0}.flip-book{width:min(100%,calc((100dvh - 260px)*.70665));min-width:0;aspect-ratio:595/842}.flip-book.cover,.flip-book.back-cover{transform:none}.left-page,.spine{display:none}.right-page{width:100%;left:0}.turn-sheet{width:100%}.turn-sheet.forward,.turn-sheet.backward{left:0}.reader-bottom{gap:12px}.reader-bottom p{width:100%;text-align:center;margin:0}.book-viewport{padding:10px 0 22px}.zoom-toolbar{justify-content:center}#close-zoom{margin-left:auto}#zoom-pages{display:block}#zoom-pages img{margin-bottom:12px}.page-transcript{margin:0 12px 20px}#reader:fullscreen .flip-book{width:min(100%,calc((100dvh - 230px)*.70665))}}
@media(prefers-reduced-motion:reduce){.flip-book{transition:none}}