.reader-title { text-align:center; margin:35px auto 22px; max-width:900px; }
.reader-title p { margin-top:12px; }
.reader-nav { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:24px 0; }
.disabled { opacity:.55; }
.reader-options { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:20px; margin:24px 0; font-size:14px; }
.reader-options label { display:flex; gap:10px; align-items:center; }
.reader-options input { max-width:120px; accent-color:var(--accent); }
.comic-strip { width:var(--read-width,100%); max-width:850px; margin:0 auto; }
.comic-frame { margin:0; padding:0; }
.comic-page { max-width:100%; width:100%; height:auto; display:block; background:#e1e5ec; min-height:250px; }
.comic-frame figcaption { text-align:center; font-size:12px; color:var(--muted); padding:6px; }
body.reader-dark { --ink:#e6eaf0; --paper:#14171d; --muted:#a5acb8; --line:#353b47; }
.reader-dark .site-header,.reader-dark footer,.reader-dark .card { background:#1e2430; }
.reader-dark .button:not(.primary),.reader-dark .pill { background:#252b36; color:#e6eaf0; }
.reader-dark .comic-page { background:#252b36; }
@media(max-width:640px) { .comic-strip { width:100%; } .reader-title h1 { font-size:23px; } .reader-nav { gap:8px; } .reader-options { gap:12px; } }