:root{--bg: #f7f3e9;--card: #fffaf0;--card-soft: #fffdf7;--ink: #141414;--muted: #5a564f;--border: #ddd2bf;--accent: #2f7a5a;--reader-font-family: Arial, "Times New Roman", serif;--reader-font-size: 18px;--reader-line-height: 1.7;--active-highlight-bg: #fff3b3;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Segoe UI,Tahoma,sans-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:var(--card-soft)}#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:var(--card-soft);transition:transform .14s ease,border-color .14s ease}.chapter-link:hover{transform:translateY(-2px);border-color:var(--accent)}.reader-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-direction:column}.chapter-nav,.chapter-nav-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 auto;width:100%;max-width:720px;align-items:stretch}.chapter-nav>button,.chapter-nav-bottom>button{width:100%;min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;font-weight:600;border-radius:12px}.nav-arrow{font-size:1.3rem;padding:6px 0}.nav-arrow span{line-height:1}button{border:1px solid var(--border);background:var(--card-soft);color:var(--ink);border-radius:10px;padding:8px 12px;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}button:hover{border-color:var(--accent)}.reader-controls{display:flex;align-items:center;gap:8px;flex-direction:row;justify-content:center}.tts-btn{border:1px solid var(--border);background:var(--card-soft);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;background-color:currentColor;-webkit-mask-image:url(/icons/tts-play.svg);mask-image:url(/icons/tts-play.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.tts-btn.playing{background:var(--accent);border-color:var(--accent);color:var(--icon-playing)}.tts-btn.playing .tts-btn-icon{-webkit-mask-image:url(/icons/tts-pause.svg);mask-image:url(/icons/tts-pause.svg)}.settings-btn{border:1px solid var(--border);background:linear-gradient(180deg,var(--card-soft),var(--card));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;background-color:currentColor;-webkit-mask-image:url(/icons/settings.svg);mask-image:url(/icons/settings.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;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}.floating-stop{position:fixed;right:clamp(12px,2.5vw,22px);bottom:calc(12px + env(safe-area-inset-bottom));z-index:1000;display:inline-grid;place-items:center;border:1px solid var(--accent);border-radius:50%;width:52px;height:52px;padding:0;background:var(--accent);color:#fff;box-shadow:0 10px 22px #0003}.floating-stop .pause-icon{position:relative;width:16px;height:18px}.floating-stop .pause-icon:before,.floating-stop .pause-icon:after{content:"";position:absolute;top:0;width:5px;height:100%;background:currentColor;border-radius:1px}.floating-stop .pause-icon:before{left:1px}.floating-stop .pause-icon:after{right:1px}.floating-stop:hover{filter:brightness(1.06);border-color:var(--accent)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:1200;padding:12px;overflow-y:auto}.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%);max-height:calc(100dvh - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:2}.form-row{display:flex;gap:12px;align-items:center;margin:10px 0;flex-wrap:wrap}.form-row label{min-width:90px;font-weight:600}.form-row select,.form-row input[type=number]{border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--ink);background:var(--card-soft)}.form-row input[type=color]{border:none;border-radius:0;padding:0;color:var(--ink);background:transparent}.form-row .color-swatch{width:30px;height:22px;padding:0;border-radius:0;border:none;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-row .color-swatch:focus{outline:none;box-shadow:0 0 0 4px #2f7a5a1f}.form-row .color-swatch::-webkit-color-swatch-wrapper{padding:0}.form-row .color-swatch::-webkit-color-swatch{border:none;border-radius:0}.form-row .color-swatch:disabled{opacity:.45;cursor:not-allowed}.form-row input[type=range]{flex:1;min-width:180px}.form-row .checkbox-inline{display:inline-flex;align-items:center;gap:6px;font-weight:500}.form-row .help-wrap{position:relative;display:inline-block}.form-row .help-wrap .help-icon{position:absolute;top:0;right:-13px;display:inline-block;width:20px;height:20px;border-radius:4px;background-color:transparent;background-image:url(/icons/tooltip.png);background-repeat:no-repeat;background-position:center;background-size:contain;border:0;cursor:pointer;margin:0;padding:0}.form-row .help-wrap .help-icon:hover{filter:brightness(.96)}.form-row .help-wrap .help-icon:focus-visible{outline:none;box-shadow:0 0 0 3px #2f7a5a38}.floating-tooltip{position:fixed;left:0;top:0;display:none;z-index:1301;width:max-content;max-width:min(320px,calc(100vw - 12px));padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--ink);line-height:1.35;font-size:.85rem;white-space:normal;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 10px 24px #00000024}.floating-tooltip.is-visible{display:block}@media (max-width: 600px){.form-row .help-wrap .help-icon{width:18px;height:18px;right:-10px}.floating-tooltip{max-width:calc(100vw - 12px);font-size:.8rem;padding:6px 8px}}.settings-divider{border:0;border-top:1px solid var(--border);margin:14px 0}.timer-row button{padding-inline:10px}.sleep-timer-status{margin:6px 0 0;color:var(--muted);font-size:.95rem}.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:var(--reader-line-height);font-size:var(--reader-font-size);font-family:var(--reader-font-family);white-space:normal;color:var(--ink)}.chapter-line{margin:0 0 14px;text-indent:1.5em}.chapter-title.active-speaking,.chapter-line.active-speaking{background:var(--active-highlight-bg);border-radius:6px;padding-inline:4px}.listen-mode .chapter-title[data-seg-index],.listen-mode .chapter-content [data-seg-index]{cursor:pointer}.toast-container{position:fixed;right:14px;top:14px;z-index:1400;display:grid;gap:8px;max-width:min(440px,calc(100vw - 24px))}.toast{border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--ink);padding:10px 12px;box-shadow:0 8px 18px #00000024;font-size:.92rem;line-height:1.35;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.toast.toast-warning{border-color:#b06b00;background:#fff4dc}.toast.hide{opacity:0;transform:translateY(-5px)}.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,.chapter-nav-bottom{gap:8px}.chapter-nav>button,.chapter-nav-bottom>button{padding:8px 6px;font-size:.92rem}.nav-arrow{font-size:1.15rem}.floating-stop{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:48px;height:48px}.modal{padding:8px;place-items:start center}.modal-panel{width:100%;max-height:calc(100dvh - 16px);border-radius:10px;padding:14px}.modal-actions{position:sticky;bottom:0;background:linear-gradient(to top,var(--card) 75%,transparent);padding-top:10px}}