:root{color-scheme:dark;--bg:#070706;--panel:#100e0b;--paper:#ead8b4;--muted:#8e806b;--orange:#ec8b22;--line:#30271d;--toolbar:#0b0a08f2}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif}body.reader-page{overflow-x:hidden}button,a{font:inherit}.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px;background:var(--toolbar);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.back{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#15120e;color:var(--paper);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.04em}.reader-title{text-align:center;min-width:0}.reader-title .kicker{display:block;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.reader-title h1{margin:3px 0 0;font-family:Georgia,serif;font-size:clamp(14px,2.2vw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen{min-height:38px;border:1px solid var(--line);border-radius:7px;background:#15120e;color:var(--paper);padding:0 12px;font-size:11px;font-weight:900;cursor:pointer}.reader-toolbar{position:sticky;top:59px;z-index:45;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:8px 10px;background:#0a0908e8;border-bottom:1px solid #211b15;backdrop-filter:blur(10px)}.tool-group{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid #2a2118;border-radius:8px;background:#0e0c09}.tool-label{padding:0 5px;color:#746754;font-size:9px;font-weight:900;letter-spacing:.12em}.tool{border:0;border-radius:5px;padding:7px 9px;background:transparent;color:#a99a80;font-size:10px;font-weight:900;letter-spacing:.06em;cursor:pointer}.tool:hover{color:var(--paper)}.tool.active{background:var(--orange);color:#170d04}.reader-main{min-height:calc(100vh - 140px)}.flip-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 208px);padding:18px 8px 16px;perspective:1800px;overflow:hidden}.book{position:relative;display:flex;justify-content:center;align-items:center;width:min(100%,1480px);min-height:280px;transform-style:preserve-3d}.sheet{position:relative;display:flex;justify-content:center;align-items:center;background:#050505;box-shadow:0 18px 55px #000;overflow:hidden}.sheet img{display:block;max-width:100%;height:auto;user-select:none;-webkit-user-drag:none}.book.single .sheet{max-width:min(100%,780px)}.book.single.fit-page .sheet img{max-height:calc(100vh - 270px);width:auto}.book.single.fit-width .sheet{width:min(100%,900px)}.book.single.fit-width .sheet img{width:100%;height:auto}.book.spread{gap:3px}.book.spread .sheet{width:min(49%,700px)}.book.spread.fit-page .sheet img{max-height:calc(100vh - 270px);width:auto;max-width:100%}.book.spread.fit-width .sheet img{width:100%;height:auto}.page-shadow-left:after,.page-shadow-right:after{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none}.page-shadow-left:after{right:0;background:linear-gradient(90deg,transparent,#0008)}.page-shadow-right:after{left:0;background:linear-gradient(90deg,#0008,transparent)}.blank-sheet{aspect-ratio:495/756;width:100%;background:linear-gradient(90deg,#080706,#14110d);border:1px solid #17120e}.turn-overlay{position:absolute;inset:18px 8px 16px;z-index:20;display:flex;justify-content:center;align-items:center;pointer-events:none;transform-style:preserve-3d}.turn-overlay .book{height:100%}.turn-overlay.turn-next{animation:pageNext .34s cubic-bezier(.45,.02,.55,.98) forwards;transform-origin:left center}.turn-overlay.turn-prev{animation:pagePrev .34s cubic-bezier(.45,.02,.55,.98) forwards;transform-origin:right center}@keyframes pageNext{0%{transform:rotateY(0deg);filter:brightness(1)}48%{filter:brightness(.66)}100%{transform:rotateY(-88deg);opacity:0;filter:brightness(.35)}}@keyframes pagePrev{0%{transform:rotateY(0deg);filter:brightness(1)}48%{filter:brightness(.66)}100%{transform:rotateY(88deg);opacity:0;filter:brightness(.35)}}.nav-zone{position:absolute;top:0;bottom:0;width:18%;z-index:25;border:0;background:transparent;cursor:pointer}.nav-zone.left{left:0}.nav-zone.right{right:0}.nav-zone:disabled{cursor:default}.scroll-stage{display:none;width:100%;padding:18px 10px 80px}.scroll-stage.active{display:block}.scroll-row{display:flex;justify-content:center;gap:4px;margin:0 auto 22px;max-width:1450px}.scroll-page{position:relative;display:flex;justify-content:center;background:#050505;box-shadow:0 14px 45px #000;overflow:hidden}.scroll-row.single .scroll-page{width:min(100%,820px)}.scroll-row.spread .scroll-page{width:min(49%,700px)}.scroll-page img{display:block;width:100%;height:auto}.scroll-page .page-tag{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:#000b;color:#c9b997;font-size:10px}.bottom-controls{position:sticky;bottom:0;z-index:45;display:grid;grid-template-columns:minmax(90px,1fr) minmax(220px,2.2fr) minmax(90px,1fr);gap:10px;align-items:center;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#090807f5;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.bottom-controls button{min-height:38px;border:1px solid var(--line);border-radius:7px;background:#15120e;color:var(--paper);font-size:11px;font-weight:900;cursor:pointer}.bottom-controls button:disabled{opacity:.28;cursor:default}.progress{text-align:center;color:var(--muted);font-size:11px}.progress strong{color:var(--paper)}#pageRange{display:block;width:100%;margin-top:6px;accent-color:var(--orange)}.hint{margin:0;padding:7px 10px 13px;text-align:center;color:#625746;font-size:10px}.reader-page.scroll-mode .flip-stage{display:none}.reader-page.scroll-mode .scroll-stage{display:block}.reader-page.scroll-mode #prevBtn,.reader-page.scroll-mode #nextBtn{opacity:.4}.reader-page.scroll-mode .hint{display:none}
@media(max-width:760px){.topbar{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px}.fullscreen{display:none}.reader-toolbar{top:55px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:6px}.tool-group{flex:0 0 auto}.tool-label{display:none}.flip-stage{min-height:calc(100vh - 190px);padding:8px 0 10px}.book.single .sheet,.book.single.fit-width .sheet{width:100%;max-width:100%}.book.single.fit-page .sheet img{max-height:none;width:100%}.book.spread{gap:1px}.book.spread .sheet{width:50%}.book.spread.fit-page .sheet img{max-height:none;width:100%}.turn-overlay{inset:8px 0 10px}.bottom-controls{grid-template-columns:80px minmax(130px,1fr) 80px;gap:5px;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.bottom-controls button{font-size:10px}.scroll-stage{padding:8px 0 65px}.scroll-row{margin-bottom:8px;gap:1px}.scroll-row.single .scroll-page{width:100%}.scroll-row.spread .scroll-page{width:50%}.hint{display:none}}

.book{touch-action:pan-y;overflow:auto;overscroll-behavior:contain}.book img{transition:transform .15s ease}.zoom-tools{margin-left:3px}.edge-fullscreen{position:fixed!important;inset:0!important;z-index:9999!important;width:100vw!important;height:100dvh!important;overflow:auto!important;background:#000!important}.edge-fullscreen .topbar{top:0}.edge-fullscreen .flip-stage{min-height:calc(100dvh - 185px)}body:fullscreen{background:#000}.fullscreen{display:block!important;touch-action:manipulation}.tool,.bottom-controls button,.nav-zone{touch-action:manipulation}