.reader-body{padding:0;background:#0b0b0a}.reader-header{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;border-bottom:1px solid var(--line);gap:16px;font-size:14px;color:var(--gold-light);height:65px}.reader-header a{min-height:44px;display:flex;align-items:center;gap:8px}.reader-brand{font:29px/1 var(--display);letter-spacing:.18em;color:var(--text)}.reader-main{max-width:900px;margin:auto;padding:18px 20px 110px}.reader-intro{text-align:center;margin:0 0 18px}.reader-intro h1{font:32px/1.1 var(--display);margin:0}.reader-intro p{font-size:14px;color:var(--muted);margin-top:7px}.book-view{position:relative;width:min(100%,620px);margin:auto;box-shadow:0 12px 50px #0008;border:1px solid var(--line);overflow:auto;max-height:calc(100svh - 240px);background:#171714;touch-action:pan-y pinch-zoom;scrollbar-width:thin}.book-view img{display:block;width:100%;height:auto;object-fit:contain;cursor:zoom-in;min-height:180px}.book-view.zoomed img{max-width:none;width:200%;cursor:zoom-out}.book-view.zoomed{touch-action:pan-x pan-y pinch-zoom}.reader-controls{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#1a1a17fa;border:1px solid var(--line);border-radius:9px;padding:8px;box-shadow:0 5px 30px #000a;z-index:10}.reader-controls button{background:transparent;color:var(--gold-light);min-width:44px;width:44px;height:44px;font-size:26px;border-radius:5px;line-height:1}.reader-controls select{background:#25251f;border:1px solid var(--line);border-radius:5px;padding:9px 10px;font:16px var(--sans);color:#fff;min-width:104px;height:44px}.reader-error{padding:32px 20px;text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:14px}.reader-error a{color:var(--gold-light);display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.reader-error button{min-height:44px;border:1px solid var(--line);border-radius:5px;padding:9px 16px;background:#25251f;color:var(--gold-light);font-size:14px}.reader-controls button:hover:not(:disabled){background:#d4b77a15}
@media(max-width:760px){.reader-header{padding:8px 16px;height:62px;font-size:14px}.reader-brand{font-size:26px}.reader-main{padding:16px 12px 110px}.reader-intro{margin-bottom:14px}.reader-intro h1{font-size:29px}.reader-intro p{font-size:13px;margin-top:6px}.book-view{max-height:calc(100svh - 235px)}.reader-controls{bottom:calc(12px + env(safe-area-inset-bottom));gap:6px;padding:7px}.reader-controls select{min-width:96px}.reader-controls button{width:44px}}
@media(max-width:760px){html,body.reader-body{touch-action:auto}}