.novel-hero{padding:88px 0;background:linear-gradient(180deg,#eee6d8,#f4efe6);border-bottom:1px solid var(--line)}
.novel-hero-grid{display:grid;grid-template-columns:310px 1fr;align-items:center;gap:75px}.novel-hero-cover{justify-self:center}.novel-cover{width:250px}
.novel-hero-copy h1{max-width:760px;margin-bottom:6px}.reader-muted{color:var(--muted);max-width:720px}.novel-hero-copy .reader-muted{font-size:1.03rem;margin:20px 0}
.chapter-list{display:grid;gap:10px}.chapter-list a,.chapter-placeholder{display:grid;grid-template-columns:64px 1fr 45px;align-items:center;gap:20px;min-height:86px;padding:14px 22px;background:var(--paper);border:1px solid var(--line);text-decoration:none;transition:.2s ease}
.chapter-list a:hover{transform:translateX(4px);border-color:var(--gold);box-shadow:0 7px 22px rgba(70,50,30,.08)}
.chapter-number{color:var(--accent);font-family:Georgia,serif;font-size:1.15rem}.chapter-name{display:flex;flex-direction:column}.chapter-name strong{font-family:Georgia,"Noto Serif Khmer",serif;font-size:1.08rem}.chapter-name small{color:var(--muted);font-size:.76rem}.chapter-arrow{color:var(--accent);font-size:1.2rem;text-align:right}.lock{color:var(--muted);text-align:right}
.chapter{max-width:780px}.chapter-heading{padding-bottom:5px}.chapter h1{font-family:Georgia,"Noto Serif Khmer",serif;font-size:clamp(2.2rem,5vw,3.7rem)}
.chapter-body{font-family:Georgia,"Noto Serif Khmer",serif;font-size:1.18rem;line-height:2.15;color:#342d26}.chapter-body p{margin:0 0 1.65em}
.audio-box{margin:35px 0 42px;padding:22px 24px;border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--paper);box-shadow:0 8px 24px rgba(70,50,30,.05)}.audio-box strong{font-family:Georgia,"Noto Serif Khmer",serif}.audio-box audio{display:block;width:100%;margin-top:12px}
.chapter-nav{display:flex;justify-content:space-between;gap:16px;margin-top:58px;padding-top:24px;border-top:1px solid var(--line)}.chapter-nav a{color:var(--accent);text-decoration:none}
@media(max-width:800px){.novel-hero{padding:65px 0}.novel-hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.novel-hero-copy{display:flex;flex-direction:column;align-items:center}.chapter-body{font-size:1.08rem;line-height:2.05}}
@media(max-width:560px){.chapter-list a,.chapter-placeholder{grid-template-columns:44px 1fr 28px;padding:12px 14px;gap:12px}.chapter-nav{flex-direction:column}}

/* Reader controls */
:root{--reader-size:18px}
.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;background:transparent;z-index:100}
.reading-progress span{display:block;width:0;height:100%;background:var(--gold);transition:width .08s linear}
.reader-toolbar{position:sticky;top:72px;z-index:15;margin:0 auto;width:min(780px,calc(100% - 40px));transform:translateY(18px);background:rgba(251,248,241,.94);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 8px 25px rgba(60,45,30,.08);border-radius:999px}
.reader-toolbar-inner{min-height:48px;padding:5px 8px;display:flex;align-items:center;gap:4px}
.reader-toolbar button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;min-width:38px;height:36px;border-radius:999px;cursor:pointer}
.reader-toolbar button:hover,.reader-toolbar button.active{background:var(--paper-deep);color:var(--accent-dark)}
.reader-toolbar-label{padding:0 8px;font-size:.75rem;color:var(--accent);font-weight:800}
.reader-divider{width:1px;height:20px;background:var(--line);margin:0 5px}
.reader-spacer{flex:1}
.reader-top-button{padding:0 10px!important;width:auto}
.chapter-body{font-size:var(--reader-size)}
.chapter-body h2.scene-section-title{margin:2.2em 0 .8em;font-family:Georgia,"Noto Serif Khmer",serif;line-height:1.45}
.chapter-body .scene-divider{border:0;border-top:1px solid var(--line);margin:2.8em 0}
.chapter-body blockquote{padding:10px 20px;border-left:3px solid var(--gold);background:rgba(181,138,74,.06)}
[data-reader-theme="sepia"] body{background:#e8dcc7}
[data-reader-theme="sepia"] .reader-toolbar,[data-reader-theme="sepia"] .audio-box{background:#f5ead7}
[data-reader-theme="sepia"] .chapter-body{color:#3f3327}
[data-reader-theme="dark"] body{background:#1d1a17;color:#e9e0d2}
[data-reader-theme="dark"] .site-header{background:rgba(29,26,23,.94);border-color:#40382f}
[data-reader-theme="dark"] .reader-toolbar{background:rgba(39,34,29,.96);border-color:#51463a}
[data-reader-theme="dark"] .reader-toolbar button{color:#bfb4a6}
[data-reader-theme="dark"] .reader-toolbar button:hover,[data-reader-theme="dark"] .reader-toolbar button.active{background:#51463a;color:#f2e7d7}
[data-reader-theme="dark"] .chapter-body{color:#e4d9ca}
[data-reader-theme="dark"] .audio-box{background:#27221d;border-color:#51463a}
[data-reader-theme="dark"] .chapter-nav{border-color:#51463a}
[data-reader-theme="dark"] .site-footer{color:#9e958b}
[data-reader-theme="dark"] .english-title,.dark .english-title{color:#aaa096}
@media(max-width:800px){
  .reader-toolbar{top:62px;width:calc(100% - 24px);transform:translateY(12px);overflow:hidden}
  .reader-toolbar-inner{overflow-x:auto;scrollbar-width:none}
  .reader-toolbar-inner::-webkit-scrollbar{display:none}
  .reader-toolbar-label{display:none}
  .chapter{width:min(100% - 28px,var(--max))}
  .chapter-heading{padding-top:10px}
}
@media(max-width:560px){
  .reader-toolbar{border-radius:14px}
  .reader-toolbar-inner{justify-content:flex-start;min-height:46px}
  .reader-toolbar button{min-width:36px}
  .reader-top-button{display:none!important}
  .chapter-body{font-size:var(--reader-size);line-height:2.05}
  .chapter-body p{margin-bottom:1.45em}
  .chapter-body blockquote{margin-left:0;margin-right:0;padding:8px 14px}
  .audio-box{padding:18px 16px;margin:28px 0 34px}
  .audio-box audio{width:100%}
}

.chapter-illustration{margin:24px 0 32px;width:100%;max-width:100%;border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(60,45,30,.08)}
.chapter-illustration img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.chapter-illustration figcaption{padding:10px 18px;font-size:.82rem;color:var(--muted);background:rgba(233,224,209,.4);border-top:1px solid var(--line);font-style:italic;text-align:center}
[data-reader-theme="dark"] .chapter-illustration{border-color:#483f35;background:#241f1a}
[data-reader-theme="dark"] .chapter-illustration figcaption{color:#aaa096;background:rgba(33,29,25,.8);border-color:#483f35}
[data-reader-theme="sepia"] .chapter-illustration{border-color:#d3c5b0;background:#f2e6d2}
[data-reader-theme="sepia"] .chapter-illustration figcaption{color:#766a5c;background:rgba(224,212,192,.5);border-color:#d3c5b0}
@media(max-width:600px){
  .chapter-illustration{margin:18px 0 24px;border-radius:10px;box-shadow:0 4px 16px rgba(60,45,30,.07)}
  .chapter-illustration figcaption{padding:8px 12px;font-size:.76rem;line-height:1.45}
}