/* Thư viện đọc: tuỳ chỉnh đọc, thanh tiến độ, tủ sách, "đang đọc dở". Nạp sau site.css nên ghi đè các quy tắc .reader/.rd-tools cũ. */
.reader{--rd-size:1.125rem;--rd-lh:1.85;--rd-font:var(--serif)}
.reader[data-theme=light]{--rd-bg:#fff;--rd-fg:#1c2630}
.reader[data-theme=sepia]{--rd-bg:#f4ecd8;--rd-fg:#3b2f1e}
.reader[data-theme=dark]{--rd-bg:#14191d;--rd-fg:#d9dfe3}
.reader[data-theme]{background:var(--rd-bg);color:var(--rd-fg);border-radius:var(--r);padding:12px 16px 16px}
.reader[data-theme] h1,.reader[data-theme] h2,.reader[data-theme] .muted,.reader[data-theme] .muted a,.reader[data-theme] .empty{color:var(--rd-fg)}
.reader[data-theme] a{color:inherit}
.reader[data-theme] .panel,.reader[data-theme] .invite{background:transparent;color:inherit;border-color:rgba(127,127,127,.45);box-shadow:none}
.reader[data-theme] a.btn:not(.btn-ghost),.reader[data-theme] .btn:not(.btn-ghost){color:#fff}
.reader[data-theme] .btn-ghost{color:inherit;border-color:currentColor;background:transparent}
@media(prefers-color-scheme:dark){.reader[data-theme] a.btn:not(.btn-ghost),.reader[data-theme] .btn:not(.btn-ghost){color:#0c1a15}}
.chapter p{font-family:var(--rd-font);font-size:var(--rd-size);line-height:var(--rd-lh)}
.chapter .muted,.chapter .empty{font-family:var(--sans)}

/* Bảng tuỳ chỉnh (thu gọn bằng <details>, nút ≥44px cho mobile) */
.rd-tools{display:block;margin:0 0 8px;text-align:right}
.rd-tools summary{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);color:var(--ink);font:600 .9rem var(--sans);cursor:pointer;list-style:none}
.rd-tools summary::-webkit-details-marker{display:none}
.rd-tools[open] summary,.rd-tools summary:hover{border-color:var(--brand);color:var(--brand)}
.rd-panel{margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);text-align:left;font-family:var(--sans)}
.rd-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0}
.rd-lab{flex:0 0 100%;font-size:.8rem;color:var(--muted)}
.rd-row button{flex:1 1 0;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);color:var(--ink);font:600 .9rem var(--sans);cursor:pointer}
.rd-row button:hover{border-color:var(--brand);color:var(--brand)}
.rd-row button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-l);color:var(--brand-d)}
@media(min-width:600px){.rd-lab{flex:0 0 5.5rem}.rd-row button{flex:0 1 auto}}
.reader[data-theme] .rd-panel,.reader[data-theme] .rd-tools summary{background:transparent;border-color:rgba(127,127,127,.45);color:inherit}
.reader[data-theme] .rd-lab{color:inherit;opacity:.8}
.reader[data-theme] .rd-row button{background:transparent;color:inherit;border-color:rgba(127,127,127,.45)}
.reader[data-theme] .rd-row button[aria-pressed=true]{border-color:currentColor;font-weight:800}

/* Thanh tiến độ đọc */
.rd-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;background:transparent;pointer-events:none}
.rd-progress i{display:block;height:100%;width:0;background:var(--brand)}

/* Đọc tiếp / Đang đọc dở */
#resume{margin:12px 0}
.cont-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cont-item{display:flex;gap:12px;align-items:center}
.cont-item img,.cont-item .ph{width:48px;height:72px;flex:none;object-fit:cover;border-radius:4px;background:var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted)}
.cont-item a.t{font-weight:600}
.cont-item .muted{margin:0;font-size:.9rem}

/* Tủ sách */
.shelf-box{margin:12px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.shelf-box select{min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-s)}
.shelf-box .shelf-fav{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);color:var(--muted);font-size:1.2rem;cursor:pointer}
.shelf-box .shelf-fav[aria-pressed=true]{color:#c0392b;border-color:#c0392b}
.shelf-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.shelf-tabs a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);min-height:44px;display:inline-flex;align-items:center;gap:6px}
.shelf-tabs a.on{background:var(--brand);border-color:var(--brand);color:#fff}
.shelf-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.shelf-item{display:flex;gap:14px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.shelf-cover{flex:0 0 72px;display:block}
.shelf-cover .cover{width:72px;height:auto;border-radius:4px}
.shelf-info{min-width:0}
.shelf-info h2{font-size:1.05rem;margin:0 0 4px}
.shelf-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.shelf-acts form{margin:0}
@media print{.rd-progress{display:none}}