.flipbook-shell{color:#201c18;background:linear-gradient(#ffffffe0,#f5f0e8eb),radial-gradient(circle at 20% 0,#94512d2e,#0000 34%),#f5f0e8;min-height:100vh;padding:7rem 1rem 2rem}.flipbook-stage{flex-direction:column;align-items:center;gap:1rem;max-width:86rem;min-height:calc(100vh - 9rem);margin:0 auto;display:flex}.flipbook-stage:fullscreen{background:#f5f0e8;justify-content:flex-start;max-width:none;padding:1rem 1.25rem 1.25rem;overflow:auto}.flipbook-stage:fullscreen .flipbook-toolbar{z-index:50;position:sticky;top:0}.flipbook-stage:fullscreen .book-title{display:none}.book-title{text-align:center}.book-title p{color:#85664f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.78rem;font-weight:700}.book-title h1{margin:0;font-size:clamp(1.3rem,3vw,2.6rem);font-weight:800;line-height:1.2}.flipbook-toolbar{background:#ffffffe6;border:1px solid #4130241f;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.45rem;display:flex;box-shadow:0 16px 45px #36271b1f}.flipbook-toolbar button,.flipbook-toolbar a{color:#2d2925;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:inline-flex}.flipbook-toolbar button:hover,.flipbook-toolbar a:hover{color:#111;background:#eadfce}.flipbook-toolbar button:active,.flipbook-toolbar a:active{transform:translateY(1px)}.flipbook-toolbar button:disabled{cursor:not-allowed;opacity:.35}.flipbook-toolbar svg{width:1.15rem;height:1.15rem}.page-readout,.zoom-readout{color:#4a4037;text-align:center;min-width:4.8rem;font-size:.9rem;font-weight:700}.zoom-readout{min-width:3.4rem}.toolbar-divider{background:#41302429;width:1px;height:1.65rem;margin:0 .2rem}.reader-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;width:100%;display:grid}.reader-layout.contents-open{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem)}.book-area{min-height:min(var(--single-page-height,58rem), 90rem);scrollbar-color:#bca68d transparent;justify-content:center;align-items:center;width:100%;padding:.75rem .75rem 1.25rem;scroll-padding:1rem;display:flex;overflow:auto}.single-page-book-frame{box-sizing:content-box;max-width:min(100%, var(--single-page-width));min-width:min(100%,22.5rem);width:var(--single-page-width);background:#fff;border:1px solid #41302424;padding:0;line-height:0;position:relative;overflow:hidden;box-shadow:0 26px 48px #2a1f172e}.mobile-split-frame{max-width:min(100%, var(--single-page-width));width:var(--single-page-width);background:#fff;border:1px solid #41302424;grid-template-columns:minmax(0,1fr);line-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 48px #2a1f172e}.compact-reader-frame{background:#fff;border:1px solid #41302424;width:min(100%,100vw - 4rem);line-height:0;position:relative;overflow:hidden;box-shadow:0 26px 48px #2a1f172e}.compact-reader-frame .book-page{height:var(--compact-reader-height);width:100%}.compact-reader-frame .page-paper,.compact-reader-frame canvas{width:100%;height:100%}.mobile-split-frame .book-page{aspect-ratio:270/764;width:100%;min-width:0}.mobile-split-frame .page-paper,.mobile-split-frame canvas{width:100%;height:100%}.side-page-button{color:#fff;cursor:pointer;opacity:0;z-index:20;background:#201c1894;border:0;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:opacity .18s,background .18s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.single-page-book-frame:hover .side-page-button,.mobile-split-frame:hover .side-page-button,.side-page-button:focus-visible{opacity:1}.side-page-button:hover{background:#201c18c7}.side-page-button:disabled{display:none}.side-page-button svg{width:1.45rem;height:1.45rem}.side-page-button-left{left:.75rem}.side-page-button-right{right:.75rem}.reader-fullscreen-overlay{display:none}.book-status{color:#4a4037;background:#ffffffe6;border-radius:8px;padding:1rem 1.25rem;font-weight:700}.book-status.error{color:#9a3412}.flipbook{background:#fff;line-height:0;display:block}.flipbook.stf__parent,.flipbook .stf__wrapper,.flipbook .stf__block,.flipbook .stf__wrapper.--portrait{background:#fff;overflow:hidden!important}.book-page{color:#2c251f;background:#fff;position:relative;overflow:hidden}.page-paper{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.page-paper canvas{object-fit:contain;width:100%;height:100%;display:block}.page-placeholder{color:#b09a82;background-color:#fffdf8;background-image:linear-gradient(90deg,#7b5c3f14 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;font-size:1.5rem;font-weight:800;display:flex;position:absolute;inset:0}.placeholder-icon{width:1.5rem;height:1.5rem}.spin{animation:.9s linear infinite spin}.contents-panel{background:#ffffffeb;border:1px solid #4130241f;border-radius:8px;max-height:min(80vh,54rem);padding:.9rem;position:sticky;top:6rem;overflow:auto;box-shadow:0 16px 45px #36271b1f}.contents-heading{border-bottom:1px solid #4130241f;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.65rem;display:flex}.contents-heading p{color:#241f1a;margin:0;font-size:1rem;font-weight:800}.contents-heading span,.page-tile-heading{color:#85664f;text-transform:uppercase;font-size:.78rem;font-weight:800}.contents-list{gap:.35rem;margin-bottom:1rem;display:grid}.contents-list button,.page-tile-grid button{color:#372f27;cursor:pointer;text-align:left;background:#fffdf8;border:1px solid #4130241f;border-radius:6px;transition:background .18s,border-color .18s,color .18s}.contents-list button{padding:.55rem .65rem .55rem calc(.65rem + (var(--entry-depth) * .8rem));gap:.15rem;display:grid}.contents-list button span{font-size:.9rem;font-weight:800;line-height:1.25}.contents-list button small{color:#7a6958;font-size:.74rem;font-weight:700}.contents-list button:hover,.page-tile-grid button:hover{background:#eadfce;border-color:#4130243d}.contents-list button.active,.page-tile-grid button.active{color:#fff;background:#2d2925;border-color:#2d2925}.contents-list button.active small,.page-tile-grid button.active span{color:#ffffffb8}.page-tile-heading{margin-bottom:.5rem}.page-tile-grid{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.45rem;display:grid}.page-tile-grid button{text-align:center;place-items:center;min-height:3.4rem;padding:.45rem;font-size:1rem;font-weight:900;display:grid}.page-tile-grid button span{color:#7a6958;text-transform:uppercase;font-size:.66rem;font-weight:800}.page-slider-bar{background:#ffffffe6;border:1px solid #4130241f;border-radius:8px;grid-template-columns:auto minmax(12rem,34rem) auto;align-items:center;gap:.75rem;width:100%;max-width:min(100%,42rem);padding:.55rem .75rem;display:grid;box-shadow:0 16px 45px #36271b1f}.page-slider-bar span{color:#4a4037;font-size:.78rem;font-weight:800}.page-slider-bar input{accent-color:#2d2925;width:100%}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.reader-fullscreen-overlay{z-index:1000;background:#fff;display:block;position:fixed;inset:0;overflow:hidden}.reader-fullscreen-page{isolation:isolate;touch-action:pan-x pan-y;width:100vw;height:100dvh;overflow:hidden}.reader-fullscreen-page .book-page,.reader-fullscreen-page .page-paper,.reader-fullscreen-page canvas{width:100%!important;max-width:none!important;height:100%!important}.reader-fullscreen-close,.reader-fullscreen-nav{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:1010;background:#201c18b8;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:fixed!important}.reader-fullscreen-close{height:2.65rem;right:max(.75rem, env(safe-area-inset-right));top:max(.75rem, env(safe-area-inset-top));width:2.65rem}.reader-fullscreen-nav{width:3rem;height:3rem;top:50%;transform:translateY(-50%)}.reader-fullscreen-prev{left:max(.75rem, env(safe-area-inset-left))}.reader-fullscreen-next{right:max(.75rem, env(safe-area-inset-right))}.reader-fullscreen-close svg,.reader-fullscreen-nav svg{width:1.45rem;height:1.45rem}.reader-fullscreen-nav:disabled{display:none}.desktop-toolbar-control{display:none!important}.flipbook-toolbar{gap:.5rem}.page-readout{min-width:6rem}.reader-layout{flex-direction:column;display:flex}.book-area{overscroll-behavior-x:contain;justify-content:flex-start;min-height:min(78vh,52rem)}.book-area[data-reader-mode=full]{justify-content:center;overflow-x:hidden}.book-area[data-reader-mode=mobile-split]{justify-content:center;overflow:hidden visible}.book-area{justify-content:center;align-items:center;min-height:auto;padding:.5rem;overflow:visible}.single-page-book-frame{max-width:none;min-width:min(var(--single-page-width), 56rem);width:min(var(--single-page-width), 56rem)}.mobile-split-frame{width:min(var(--single-page-width), calc(100vw - 1rem))}.compact-reader-frame{width:min(100%,100vw - 4rem)}.side-page-button{opacity:1}.book-area[data-reader-mode=full] .single-page-book-frame{min-width:min(100vw - 2rem,34rem);width:min(calc(100vw - 2rem), var(--single-page-width))}.contents-panel{width:100%;max-height:24rem;position:static}}@media (max-width:720px){.flipbook-shell{padding:5.5rem .5rem 1rem}.flipbook-stage{gap:.75rem;min-height:calc(100vh - 6.5rem)}.book-title h1{font-size:1.35rem}.flipbook-toolbar{z-index:5;max-width:calc(100vw - 1rem);position:sticky;top:5rem;bottom:.65rem}.toolbar-divider{display:none}.book-area{min-height:66vh;padding:.25rem}.single-page-book-frame{min-width:min(var(--single-page-width), 48rem);width:min(var(--single-page-width), 48rem)}.mobile-split-frame{width:min(var(--single-page-width), calc(100vw - .5rem))}.compact-reader-frame{border-left:0;border-right:0;width:calc(100vw - 1rem)}.book-area[data-reader-mode=full] .single-page-book-frame{min-width:min(100vw - 1rem,28rem);width:min(calc(100vw - 1rem), var(--single-page-width))}.page-readout,.zoom-readout{min-width:3.5rem;font-size:.78rem}.page-slider-bar{grid-template-columns:auto minmax(0,1fr) auto}.contents-panel{padding:.7rem}.page-tile-grid{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}}@media (max-width:1024px){.book-area{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overflow:auto}.mobile-split-frame,.single-page-book-frame{width:var(--single-page-width);min-width:var(--single-page-width)}.book-page,.page-paper,.page-paper canvas{touch-action:pan-x pan-y}.book-area{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y!important;justify-content:flex-start!important;align-items:flex-start!important;overflow:auto!important}.mobile-split-frame,.single-page-book-frame{width:var(--single-page-width)!important;min-width:var(--single-page-width)!important;flex-shrink:0!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.book-page,.page-paper,.page-paper canvas{touch-action:pan-x pan-y!important;flex-shrink:0!important;max-width:none!important}.book-area[data-compact-reader=true]{justify-content:center!important;align-items:center!important;overflow:visible!important}.book-area[data-compact-reader=true] .compact-reader-frame{flex-shrink:1!important;min-width:0!important;max-width:calc(100vw - 1rem)!important}}.book-status{color:#444;text-align:center;justify-content:center;align-self:flex-start;align-items:center;width:100%;min-height:auto;padding:1rem 2rem;font-size:1.1rem;font-weight:600;display:flex}.book-status:before{content:"";border:3px solid #ccc;border-top-color:#333;border-radius:50%;width:18px;height:18px;margin-right:12px;animation:.8s linear infinite spinLoader}@keyframes spinLoader{to{transform:rotate(360deg)}}@media (max-width:1024px){.book-status{align-self:center;min-height:300px;padding:2rem}}