:root{--bg: #f7f3e9;--card: #fffaf0;--ink: #141414;--muted: #5a564f;--border: #ddd2bf;--accent: #2f7a5a}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Times New Roman,serif;background-color:var(--bg);min-height:100vh}.page{width:min(1050px,94%);margin:0 auto;padding:24px 0 32px}.site-header h1{margin:0 0 18px;text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.4rem,2.8vw,2.1rem)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 14px 28px #2a200f14}.field-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.field-row label{font-weight:700}#novelSelect{min-width:260px;max-width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--border);color:var(--ink);background:#fffef9}#chapterHeading{margin:18px 0 12px}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chapter-link{display:block;border:1px solid var(--border);border-radius:10px;padding:10px;color:var(--ink);text-decoration:none;background:#fffdf7;transition:transform .14s ease,border-color .14s ease}.chapter-link:hover{transform:translateY(-2px);border-color:var(--accent)}.reader-toolbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:14px}.chapter-nav{display:flex;gap:8px}button{border:1px solid var(--border);background:#fffdf7;color:var(--ink);border-radius:10px;padding:8px 12px;cursor:pointer}button:hover{border-color:var(--accent)}.reader-controls{display:flex;align-items:center;gap:8px}.tts-btn{border:1px solid var(--border);background:#fffdf7;color:var(--ink);border-radius:10px;width:42px;height:42px;display:inline-grid;place-items:center;padding:6px;cursor:pointer}.tts-btn-icon{width:22px;height:22px;display:block}.tts-btn.playing{background:var(--accent);border-color:var(--accent)}.tts-btn.playing .tts-btn-icon{width:20px;height:20px;filter:brightness(0) invert(1)}.settings-btn{border:1px solid var(--border);background:linear-gradient(180deg,#fffdf7,#fff7ee);color:var(--ink);border-radius:10px;width:42px;height:42px;display:inline-grid;place-items:center;padding:6px;cursor:pointer;box-shadow:0 8px 18px #2f7a5a0f,0 2px 6px #1010100a;transition:transform .18s cubic-bezier(.2,.9,.3,1),box-shadow .18s ease,background .18s ease}.settings-btn-icon{width:18px;height:18px;display:block;transition:transform .18s ease}.settings-btn:active{transform:translateY(-1px) scale(.98)}.settings-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #2f7a5a1f}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:1200}.modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c0c73}.modal-panel{position:relative;background:var(--card);border:1px solid var(--border);padding:18px;border-radius:12px;width:min(720px,94%);z-index:2}.form-row{display:flex;gap:12px;align-items:center;margin:10px 0}.form-row label{min-width:90px;font-weight:600}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.chapter-title{text-align:center;margin:8px 0 22px;font-size:clamp(1.35rem,2.5vw,2rem)}.chapter-content{line-height:1.4;font-size:1.08rem;white-space:normal;color:#101010}.chapter-line{margin:0 0 14px;text-indent:1.5em}.chapter-title.active-speaking,.chapter-line.active-speaking{background:#fff3b3;border-radius:6px;padding-inline:4px}.listen-mode .chapter-title[data-seg-index],.listen-mode .chapter-content [data-seg-index]{cursor:pointer}.hidden{display:none}@media (max-width: 900px){.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.card{padding:14px}.chapter-grid{grid-template-columns:1fr}.reader-toolbar{flex-direction:column;align-items:stretch}.chapter-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}