.reader-page { background: #e9edf2; }
.reader-page.dark { --surface: #202b39; --text: #eef2f7; --muted: #afbdd0; --line: #3c485a; --bg: #141c27; background: var(--bg); }
.reader-heading { text-align: center; }
.reader-heading h1 { font-size: 27px; }
.reader-tools { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; margin-bottom: 20px; }
.reader-tools label { font-size: 14px; display: flex; gap: 6px; align-items: center; }
.reading { max-width: var(--reader-width,800px); margin: 0 auto 24px; background: var(--surface); }
.reading figure { margin: 0; padding: 0; }
.reading img { display: block; width: 100%; max-width: 100%; height: auto; min-height: 260px; background: #d5dee6; }
.reading figcaption { font-size: 14px; color: var(--muted); padding: 10px 15px; }
.chapter-navigation { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin: 24px 0; }
.disabled { color: var(--muted); padding: 10px 17px; }
@media (max-width:680px) { .reader-tools { padding: 12px; } .reader-heading h1 { font-size: 23px; } .reader-tools button,.reader-tools a { padding: 8px 10px; font-size: 14px; } }