/* LINKTRUYEN READER V2 — UI PHASE 3 */
.lt-reader-intro{display:none}
.lt-reader-related{max-width:920px;margin:0 auto 3rem;padding:0 clamp(.75rem,4vw,1.5rem)}
.lt-reader-related-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.lt-reader-related-head h2{margin:0;font-family:var(--font-display,Georgia,serif);font-size:1.25rem}
.lt-reader-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.lt-reader-related-card{display:block;color:var(--text-primary);text-decoration:none;min-width:0}
.lt-reader-related-cover{aspect-ratio:3/4;border-radius:13px;overflow:hidden;background:var(--bg-subtle);box-shadow:0 8px 22px rgba(65,39,25,.08)}
.lt-reader-related-cover img{width:100%;height:100%;object-fit:cover;display:block}
.lt-reader-related-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.55rem;font-family:var(--font-display,Georgia,serif);font-size:.82rem;line-height:1.3}
.lt-reader-related-card small{display:block;color:var(--text-muted);font-size:.68rem;margin-top:.3rem}
.lt-reader-mobile-toolbar{display:none}
.lt-reader-end-nav{max-width:760px;margin:0 auto;padding:1.1rem clamp(.75rem,4vw,1.5rem) 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem}
.lt-reader-end-nav a,.lt-reader-end-nav span{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:700}
.lt-reader-end-nav .is-prev{justify-self:start;padding:.65rem 1rem;border:1px solid var(--border);color:var(--text-secondary)}
.lt-reader-end-nav .is-next{justify-self:end;padding:.65rem 1rem;background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(196,113,58,.18)}
.lt-reader-end-nav .is-list{color:var(--text-muted);padding:.6rem .8rem}

@media(max-width:768px){
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .reading-topbar{position:sticky;top:var(--nav-h);z-index:780;background:color-mix(in srgb,var(--bg-card) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);min-height:48px}
  .reading-topbar .reading-controls{display:none}
  .reading-topbar .back-btn{max-width:72vw!important;font-weight:700;color:var(--text-primary)}
  .lt-reader-intro{display:grid;grid-template-columns:112px minmax(0,1fr);gap:1.15rem;align-items:center;max-width:720px;margin:1rem auto .5rem;padding:1rem clamp(.8rem,4vw,1.15rem);background:linear-gradient(135deg,#fff8ed,#fffdf8);border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:20px;box-shadow:0 12px 34px rgba(75,45,26,.06);overflow:hidden;position:relative}
  .lt-reader-intro::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-85px;background:rgba(232,132,66,.09)}
  .lt-reader-intro-cover{position:relative;z-index:1;width:112px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--bg-subtle);box-shadow:0 12px 24px rgba(50,30,20,.16)}
  .lt-reader-intro-cover img{width:100%;height:100%;object-fit:cover;display:block}
  .lt-reader-intro-copy{position:relative;z-index:1;min-width:0}
  .lt-reader-intro-kicker{font-size:.62rem;font-weight:800;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
  .lt-reader-intro-copy h2{margin:.4rem 0 .8rem;font-family:var(--font-display,Georgia,serif);font-size:clamp(1.45rem,7vw,2.2rem);line-height:1.02}
  .lt-reader-intro-copy strong{display:block;color:var(--accent);font-size:.95rem;margin-bottom:.25rem}
  .lt-reader-intro-copy p{margin:0;color:var(--text-secondary);font-family:var(--font-display,Georgia,serif);font-size:.88rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .lt-reader-intro-progress{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-top:.15rem}
  .lt-reader-intro-progress-bar{height:6px;border-radius:999px;background:#eadfd2;overflow:hidden}.lt-reader-intro-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#e58a44);border-radius:inherit}
  .lt-reader-intro-progress span{font-size:.72rem;color:var(--text-muted)}

  .chapter-reading-wrap{padding-bottom:1rem}
  .reading-area{max-width:720px!important;margin:0 auto!important;padding:1.35rem clamp(1rem,5vw,1.5rem) 1.8rem!important;background:var(--bg-card);border-radius:18px;box-shadow:0 12px 36px rgba(66,39,23,.045)}
  .chapter-header{text-align:left!important;margin-bottom:1.1rem!important}
  .chapter-meta{font-size:.7rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)!important}
  .chapter-title{font-size:clamp(1.35rem,6vw,1.8rem)!important;line-height:1.15!important;margin:.45rem 0!important}
  .chapter-info{justify-content:flex-start!important;font-size:.7rem!important}
  .chapter-content{font-family:Georgia,"Times New Roman",serif!important;line-height:1.88!important;color:var(--text-primary)}
  .chapter-content p{font-size:1.04rem!important;line-height:1.88!important;margin:0 0 1.25em!important;text-align:left!important}
  .chapter-separator{margin:2rem 0!important}

  .cfnav-btn{display:none!important}
  .cfnav-panel{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:min(68vh,620px)!important;transform:translateY(18px)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(38,24,16,.26)!important;z-index:9300!important}
  .cfnav-panel.is-open{transform:translateY(0)!important}
  .cfnav-head{padding:1rem!important;background:var(--bg-card)}
  .cfnav-list{padding:.35rem .45rem .6rem!important}
  .cfnav-item{min-height:44px;border-radius:10px;padding:.6rem .7rem!important}

  .lt-reader-mobile-toolbar{position:fixed;display:grid;grid-template-columns:repeat(6,1fr);left:0;right:0;bottom:0;z-index:9200;min-height:68px;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg-card) 95%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--border);box-shadow:0 -10px 30px rgba(58,35,21,.08)}
  .lt-reader-mobile-toolbar button{appearance:none;border:0;background:transparent;color:var(--text-secondary);display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;font-family:inherit;cursor:pointer}
  .lt-reader-mobile-toolbar button>span:first-child{min-height:23px;display:flex;align-items:center;justify-content:center;font-size:1.03rem;font-weight:800;color:var(--text-primary)}
  .lt-reader-mobile-toolbar button>small{font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .lt-reader-mobile-toolbar button.is-active,.lt-reader-mobile-toolbar button:active{color:var(--accent)}
  .lt-reader-mobile-toolbar .lt-icon{width:20px;height:20px}

  .lt-reader-end-nav{grid-template-columns:1fr 1fr;padding-bottom:1.2rem}.lt-reader-end-nav .is-list{grid-column:1/-1;grid-row:2;justify-self:center}.lt-reader-end-nav .is-prev{justify-self:stretch}.lt-reader-end-nav .is-next{justify-self:stretch}
  .lt-reader-related{padding-bottom:1rem}.lt-reader-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.lt-reader-related-card strong{font-size:.78rem}
}
@media(max-width:420px){.lt-reader-intro{grid-template-columns:92px minmax(0,1fr);gap:.9rem}.lt-reader-intro-cover{width:92px}.chapter-content p{font-size:1rem!important}.lt-reader-mobile-toolbar button>small{font-size:.54rem}}
[data-theme="dark"] .lt-reader-intro{background:linear-gradient(135deg,#211a16,#2a211b);border-color:#3c3028}
[data-theme="dark"] .reading-area{background:var(--bg-card)}