.reader-heading { margin:24px 0; }
.reader-heading h1 { font-size:clamp(23px,3vw,34px);line-height:1.4;overflow-wrap:anywhere;margin:10px 0; }
.reader-heading p { color:var(--muted,#a7a2b5);line-height:1.8; }
.reader-heading-actions,.reader-navigation,.reader-list-tools { display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.reader-list-tools { padding:18px;border:1px solid var(--line);background:#191621;border-radius:12px;margin-bottom:22px; }
.reader-list-tools label { display:grid;gap:7px;font-size:13px; }
.reader-list-tools label:first-child { flex:1;min-width:160px; }
.reader-list-tools input,.reader-list-tools select,.reader-toolbar select { padding:10px;border:1px solid var(--line);border-radius:6px;color:var(--text,#eee);background:#24202e;max-width:100%; }
.reader-list-tools input { width:100%; }
.reader-chapter-list { display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px; }
.reader-chapter { display:grid;gap:8px;padding:16px;background:#1b1824;border:1px solid var(--line);border-radius:9px;overflow-wrap:anywhere; }
.reader-chapter:hover,.reading-resume { border-color:#b49bea;background:#282036; }
.reader-chapter strong { font-size:15px; }
.reader-chapter span,.reader-empty { color:var(--muted,#aaa);font-size:12px; }
.reader-navigation { justify-content:center;margin:18px 0; }
.reader-navigation .button { min-height:42px; }
.reader-toolbar { position:sticky;top:0;z-index:5;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:8px;background:#191620;margin-bottom:20px; }
.reader-toolbar label,.reader-toolbar span { font-size:12px; }
.reader-toolbar .button { font-size:12px;padding:8px 10px; }
.manga-audio { display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(170px,260px);align-items:center;gap:12px;margin:0 0 18px;padding:13px 15px;border:1px solid #3a3049;border-radius:10px;background:#17131f; }
.manga-audio>div { display:grid;gap:4px; }
.manga-audio strong { font-size:13px;color:#e4d9ff; }
.manga-audio [data-manga-audio-status] { font-size:10px;color:#968aa8; }
.manga-audio label { display:flex;align-items:center;gap:8px;font-size:10px;color:#a69bb4; }
.manga-audio input[type="range"] { min-width:90px;accent-color:var(--accent); }
.manga-audio small { grid-column:1/-1;color:#887c97;font-size:10px;line-height:1.6; }
.manga-audio button[aria-pressed="true"] { background:#3a2a54;border-color:#7456a0;color:#e8dcff; }
.reader-pages { max-width:900px;margin:0 auto; }
.reader-wide .reader-pages { max-width:none; }
.reader-page { margin:0;padding:0;min-height:240px;scroll-margin-top:105px;position:relative;background:#141119; }
.reader-page .manga-page-image,.reader-page .manga-page-canvas { display:block;width:100%;height:auto;max-width:100%;min-height:40px;object-fit:contain; }
.reader-image-loading { position:absolute;inset:0 0 24px;z-index:2;display:grid;place-content:center;justify-items:center;gap:10px;min-height:216px;background:#141119;color:#8f839f;font-size:11px;text-align:center; }
.reader-image-loading .loading-spinner { width:28px;height:28px; }
.reader-image-loading[hidden] { display:none; }
.reader-page figcaption { font-size:10px;color:#aaa;text-align:center;padding:5px; }
.reader-image-error { padding:35px 12px;text-align:center; }
.reader-image-error[hidden] { display:none; }
.reader-page-failed .manga-page-image,.reader-page-failed .manga-page-canvas { display:none; }
.reader-footer { text-align:center;padding:18px; }
.reader-credit { font-size:13px; }
.reader-loading { text-align:center;padding:90px 15px; }
.reader-loading .loading-spinner { margin:0 auto; }
.manga-reader .reader-toolbar [data-reader-page-status] { min-width:85px; }
@media(max-width:760px) {
 .reader-chapter-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .reader-chapter { padding:12px; } .reader-chapter strong { font-size:13px; }
 .reader-toolbar { gap:8px;padding:8px; } .reader-toolbar .button { min-height:38px; }
 .reader-navigation { gap:6px; } .reader-navigation .button { padding:9px 10px;font-size:12px; }
 .manga-reading #content { padding-left:10px;padding-right:10px; }
 .manga-audio { grid-template-columns:1fr auto; }
 .manga-audio label { grid-column:1/-1; }
}