:root{--header-height: 52px;--font-size: 20px;--font-size-min: 14px;--font-size-max: 36px}body[data-theme=light]{--bg: #fafaf7;--fg: #1a1a1a;--header-bg: #f0f0ec;--border: #d8d8d2;--popover-bg: #ffffff}body[data-theme=dark]{--bg: #121212;--fg: #ececec;--header-bg: #1c1c1c;--border: #333333;--popover-bg: #202020}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--fg);font-family:Georgia,Times New Roman,serif;transition:background-color .2s ease,color .2s ease}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#header{position:relative;height:var(--header-height);flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--header-bg);border-bottom:1px solid var(--border);z-index:10;padding:0 10px}#header-logo{justify-self:start;display:flex;align-items:center}#header-logo img{width:32px;height:32px;display:block;border-radius:6px}#header-controls{justify-self:center;display:flex;align-items:center}#settings-toggle{justify-self:end}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--fg);width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font:inherit;font-weight:700;font-size:18px}.icon-btn:active,.icon-btn--active{background:var(--border)}#pronounce-toggle{position:relative}.pronounce-speed-badge{position:absolute;bottom:2px;right:2px;font-size:10px;font-weight:700;line-height:1;background:var(--fg);color:var(--bg);border-radius:4px;padding:1px 3px}.icon-btn svg{width:30px;height:30px}.icon-btn--center svg{width:34px;height:34px}#settings-menu{position:absolute;top:100%;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:center;gap:24px;background:var(--popover-bg);border-bottom:1px solid var(--border);padding:10px 8px;box-shadow:0 4px 12px #0003}#chapter-progress{flex:0 0 auto;height:3px;background:var(--border);z-index:9}#chapter-progress-fill{height:100%;width:0%;background:var(--fg);opacity:.4}#reader{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 20px 60vh;font-size:var(--font-size);line-height:1.6;scrollbar-width:none;-ms-overflow-style:none}#reader::-webkit-scrollbar{display:none}#reader .chapter-title{font-size:1.3em;text-align:center;margin:2em 0 1em}#reader p{margin:0 0 1em}body[data-de-pronounce=on] .de-word,body[data-de-pronounce=half] .de-word{outline:1.5px solid var(--fg);outline-offset:2px;border-radius:3px;cursor:pointer}body[data-de-pronounce=on] .de-word--playing,body[data-de-pronounce=half] .de-word--playing{outline-color:var(--fg);background:var(--border)}#reader em{font-style:italic;opacity:.85}.bottom-nav{position:fixed;left:0;right:0;bottom:18px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:5}.chevron{flex:0 0 auto;width:56px;height:56px;border:none;border-radius:50%;background:var(--header-bg);color:var(--fg);opacity:.85;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .35s ease,opacity .35s ease}.chevron svg{width:30px;height:30px}.chevron--hidden.chevron--left{transform:translate(-120px);opacity:0;pointer-events:none}.chevron--hidden.chevron--right{transform:translate(120px);opacity:0;pointer-events:none}.chapter-indicator{flex:0 0 auto;background:var(--header-bg);color:var(--fg);padding:10px 24px;border-radius:999px;font-size:28px;font-family:Georgia,Times New Roman,serif;opacity:.9;transition:transform .35s ease,opacity .35s ease;pointer-events:none}.chapter-indicator--hidden{transform:translateY(24px);opacity:0}