/* Lop doc nang cao (reader layer) - Sach Sieu Tri Tue, Ban Tinh Hoa.
   Chi tac dong khi reader.js da chay (body co class lb-on).
   Mac dinh (khong JS): trang giu nguyen giao dien goc. */

/* --- Chu doc: khoang dong --- */
html[data-lh="chat"] main p,
html[data-lh="chat"] main li,
html[data-lh="chat"] main blockquote{line-height:1.6}
html[data-lh="rong"] main p,
html[data-lh="rong"] main li,
html[data-lh="rong"] main blockquote{line-height:2.15}

/* --- Chu doc: phong chu khong chan --- */
html[data-font="sans"] body{
  font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans",Arial,sans-serif;
}

/* --- Nen vang giay --- */
html[data-theme="giay"] body{
  background:linear-gradient(180deg,#F6E7C1 0%,#F3E5C0 340px,#F3E5C0 100%);
  color:#3A2E1C;
}
html[data-theme="giay"] main{background:#FBF2D5}
html[data-theme="giay"] .topnav{background:rgba(251,242,213,.95)}

/* --- Nen toi --- */
html[data-theme="toi"] body{
  background:linear-gradient(180deg,#221C11 0%,#171410 340px,#171410 100%);
  color:#EFE7D3;
}
html[data-theme="toi"] main{
  background:#211C15;
  box-shadow:0 0 0 1px rgba(212,175,55,.30),0 18px 50px rgba(0,0,0,.5);
}
html[data-theme="toi"] .topnav{
  background:rgba(23,20,16,.96);
  border-bottom-color:rgba(212,175,55,.4);
  box-shadow:0 2px 14px rgba(0,0,0,.4);
}
html[data-theme="toi"] .topnav a{color:#A9BCFF}
html[data-theme="toi"] .hero{
  background:
    radial-gradient(ellipse 70% 90% at 50% -10%,rgba(212,175,55,.22),transparent 60%),
    linear-gradient(180deg,#241D10,rgba(23,20,16,0));
}
html[data-theme="toi"] .hero .edition{color:#C9D4FF}
html[data-theme="toi"] .hero .teachers{color:#B9AC93}
html[data-theme="toi"] h2{color:#C9D4FF}
html[data-theme="toi"] h3{color:#A9BCFF}
html[data-theme="toi"] strong{color:#D8E0FF}
html[data-theme="toi"] a{color:#A9BCFF}
html[data-theme="toi"] blockquote{
  background:linear-gradient(180deg,#2C2413,#28200F);
  box-shadow:0 4px 18px rgba(0,0,0,.35);
}
html[data-theme="toi"] blockquote.than-chu{
  background:linear-gradient(180deg,#33290F,#2C2413);
}
html[data-theme="toi"] blockquote.than-chu ol{color:#D8E0FF}
html[data-theme="toi"] blockquote.ngam{background:#1B2340}
html[data-theme="toi"] .toc{
  background:linear-gradient(180deg,#26200F,#211C15);
  border-color:rgba(212,175,55,.45);
}
html[data-theme="toi"] .toc a{color:#D8E0FF}
html[data-theme="toi"] footer{color:#B9AC93}
html[data-theme="toi"] footer .part-note{color:#C9D4FF}
html[data-theme="toi"] .trian-toggle{background:#26200F;color:#A9BCFF;border-color:#B8912B}
html[data-theme="toi"] .trian-toggle:hover{background:#33290F}
html[data-theme="toi"] #toTop{background:#211C15}

/* --- Thanh tien do doc (tren cung) --- */
#lb-progressbar{
  position:fixed;top:0;left:0;height:4px;width:0%;
  background:linear-gradient(90deg,#B8912B,#D4AF37);
  z-index:90;transition:width .12s linear;
}

/* --- The thong bao doc tiep / loi day hom nay / doc tiep --- */
.lb-card{
  border:1.5px solid rgba(184,145,43,.55);
  background:linear-gradient(180deg,#FFFDF4,#FBF3DC);
  border-radius:14px;
  padding:1.1rem 1.25rem;
  margin:0 0 1.6rem;
  box-shadow:0 6px 22px rgba(184,145,43,.12);
}
.lb-card h2{
  border:none;margin:0 0 .55rem;padding:0;
  font-size:1.3rem;color:#152A6B;
}
.lb-card p{margin:0 0 .7rem;text-align:left}
.lb-card .lb-quote{
  font-size:1.12rem;font-style:italic;color:#2C2620;margin-bottom:.5rem;
}
.lb-card .lb-source{color:#6F6455;font-size:.95rem;margin-bottom:.8rem}
.lb-card .lb-archive{margin:.4rem 0 0;padding-left:1.2rem}
.lb-card .lb-archive li{margin-bottom:.5rem;text-align:left;font-size:.98rem}
.lb-card .lb-archive .lb-adate{font-weight:700;color:#152A6B}
.lb-btn{
  display:inline-block;min-height:48px;padding:.55rem 1.2rem;
  border-radius:999px;border:1.5px solid #B8912B;
  background:#FFFEFA;color:#152A6B;
  font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans",Arial,sans-serif;
  font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.35;
}
.lb-btn:hover{background:#FBF3DC}
.lb-btn.lb-btn-main{background:#B8912B;color:#FFFDF4}
.lb-btn.lb-btn-main:hover{background:#D4AF37}
.lb-card .lb-close{
  float:right;border:none;background:transparent;cursor:pointer;
  font-size:22px;line-height:1;color:#6F6455;padding:2px 6px;min-width:44px;min-height:44px;
}
html[data-theme="giay"] .lb-card{background:linear-gradient(180deg,#FBF2D5,#F6E7C1)}
html[data-theme="toi"] .lb-card{background:linear-gradient(180deg,#26200F,#211C15)}
html[data-theme="toi"] .lb-card h2{color:#C9D4FF}
html[data-theme="toi"] .lb-card .lb-quote{color:#EFE7D3}
html[data-theme="toi"] .lb-card .lb-source{color:#B9AC93}
html[data-theme="toi"] .lb-card .lb-archive .lb-adate{color:#C9D4FF}
html[data-theme="toi"] .lb-btn{background:#211C15;color:#D8E0FF}
html[data-theme="toi"] .lb-btn.lb-btn-main{background:#B8912B;color:#FFFDF4}
html[data-theme="toi"] .lb-card .lb-close{color:#B9AC93}

/* --- Thanh cong cu duoi man hinh --- */
body.lb-on{padding-bottom:86px}
.lb-bottombar{
  position:fixed;left:0;right:0;bottom:0;z-index:85;
  display:flex;align-items:stretch;
  background:rgba(255,254,250,.97);
  border-top:2px solid rgba(184,145,43,.55);
  box-shadow:0 -4px 18px rgba(21,42,107,.10);
  padding-bottom:env(safe-area-inset-bottom);
  font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans",Arial,sans-serif;
}
.lb-bottombar button{
  flex:1 1 0;min-height:60px;padding:6px 2px 7px;
  border:none;background:transparent;cursor:pointer;
  color:#152A6B;font-family:inherit;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
}
.lb-bottombar button:active{background:#FBF3DC}
.lb-bottombar .lb-ic{font-size:21px;line-height:1.1;font-style:normal}
.lb-bottombar .lb-lb{font-size:12.5px;font-weight:700;line-height:1.15}
.lb-bottombar button[aria-pressed="true"]{color:#B8912B}
html[data-theme="giay"] .lb-bottombar{background:rgba(251,242,213,.97)}
html[data-theme="toi"] .lb-bottombar{background:rgba(23,20,16,.97);box-shadow:0 -4px 18px rgba(0,0,0,.5)}
html[data-theme="toi"] .lb-bottombar button{color:#D8E0FF}
html[data-theme="toi"] .lb-bottombar button:active{background:#2C2413}
body.lb-on #toTop{bottom:96px}

/* --- Thanh trinh phat doc thanh tieng --- */
.lb-player{
  position:fixed;left:0;right:0;bottom:64px;z-index:84;
  display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;
  background:rgba(255,254,250,.97);
  border-top:1.5px solid rgba(184,145,43,.55);
  padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans",Arial,sans-serif;
}
.lb-player[hidden]{display:none}
.lb-player button{
  min-height:48px;padding:.45rem 1rem;border-radius:999px;
  border:1.5px solid #B8912B;background:#FFFEFA;color:#152A6B;
  font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;
}
.lb-player .lb-rate{min-width:104px}
html[data-theme="toi"] .lb-player{background:rgba(23,20,16,.97)}
html[data-theme="toi"] .lb-player button{background:#211C15;color:#D8E0FF}

/* --- Dang doc thanh tieng / vua nhay den --- */
.lb-speaking{
  outline:3px solid #D4AF37;outline-offset:3px;border-radius:6px;
  background:rgba(212,175,55,.16);
}
.lb-flash{animation:lbflash 2.6s ease-out}
@keyframes lbflash{
  0%{background:rgba(212,175,55,.45)}
  100%{background:transparent}
}

/* --- Lop phu: bang cai dat + danh sach dau trang --- */
.lb-overlay{
  position:fixed;inset:0;z-index:95;background:rgba(21,18,10,.55);
  display:flex;align-items:flex-end;justify-content:center;
}
.lb-overlay[hidden]{display:none}
.lb-sheet{
  background:#FFFEFA;color:#2C2620;width:100%;max-width:560px;max-height:86vh;
  overflow:auto;border-radius:18px 18px 0 0;padding:1.1rem 1.2rem 1.4rem;
  font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans",Arial,sans-serif;
}
.lb-sheet h2{
  font-family:inherit;font-size:20px;color:#152A6B;border:none;
  margin:0 0 .8rem;padding:0;
}
.lb-sheet .lb-row{margin-bottom:1.05rem}
.lb-sheet .lb-row .lb-name{font-weight:700;margin-bottom:.45rem;font-size:16px}
.lb-optgroup{display:flex;gap:8px;flex-wrap:wrap}
.lb-opt{
  min-height:48px;padding:.5rem 1.05rem;border-radius:999px;
  border:1.5px solid #B8912B;background:#FFFEFA;color:#152A6B;
  font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;
}
.lb-opt[aria-pressed="true"]{background:#B8912B;color:#FFFDF4}
.lb-bm-item{
  border:1px solid rgba(184,145,43,.45);border-radius:10px;
  padding:.7rem .85rem;margin-bottom:.6rem;cursor:pointer;background:#FFFEFA;
}
.lb-bm-item .lb-bm-part{font-weight:700;color:#152A6B;font-size:14px;margin-bottom:.2rem}
.lb-bm-item .lb-bm-snip{font-size:15px;line-height:1.5}
.lb-bm-item .lb-bm-del{
  float:right;border:none;background:transparent;color:#9C3B2E;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:700;min-width:48px;min-height:40px;
}
.lb-empty{color:#6F6455;font-size:16px}
html[data-theme="toi"] .lb-sheet{background:#211C15;color:#EFE7D3}
html[data-theme="toi"] .lb-sheet h2{color:#C9D4FF}
html[data-theme="toi"] .lb-opt{background:#211C15;color:#D8E0FF}
html[data-theme="toi"] .lb-opt[aria-pressed="true"]{background:#B8912B;color:#FFFDF4}
html[data-theme="toi"] .lb-bm-item{background:#26200F}
html[data-theme="toi"] .lb-bm-item .lb-bm-part{color:#C9D4FF}

/* --- Thong bao nho (toast) --- */
.lb-toast{
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:150px;z-index:99;max-width:88vw;text-align:center;
  background:#152A6B;color:#FFFDF4;border-radius:999px;
  padding:.65rem 1.3rem;font-size:16px;font-weight:700;
  font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans",Arial,sans-serif;
  box-shadow:0 8px 24px rgba(21,42,107,.35);
}
.lb-toast[hidden]{display:none}