:root{--bg:#f5f8f6;--panel:#fff;--text:#17231b;--muted:#617066;--border:#dbe5de;--accent:#0b6b3a;--accent2:#e8f5ec;--warn:#fff6d8;--shadow:0 4px 18px rgba(20,50,30,.08);--fontSize:23px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:"Noto Sans Bengali","Nirmala UI","Vrinda",system-ui,sans-serif}body.dark{--bg:#111714;--panel:#18201c;--text:#eef5f0;--muted:#a9b6ae;--border:#314038;--accent:#57d28a;--accent2:#23372b;--warn:#3a321c;--shadow:none}.app-shell{min-height:100%;}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:25px;font-weight:800;flex:0 0 auto}.brand h1{font-size:23px;margin:0;line-height:1.15}.brand p{margin:3px 0 0;color:var(--muted);font-size:14px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reader-layout{max-width:1500px;margin:0 auto;padding:14px;display:grid;gap:14px}.control-panel,.content-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.control-panel{padding:12px}.content-panel{overflow:hidden}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap8{gap:8px}.gap10{gap:10px}.grow{flex:1;min-width:220px}.spacer{flex:1}.field{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px}.field.compact select{min-width:92px}.field select,.search-box input{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:7px 10px;font:inherit}.btn,.icon-btn,.round-btn,.play-btn,.tab{border:1px solid var(--border);background:var(--panel);color:var(--text);min-height:44px;border-radius:11px;padding:8px 12px;font-weight:700;cursor:pointer}.btn.secondary{background:var(--accent2);border-color:transparent}.btn.ghost{background:transparent;text-decoration:none;display:inline-flex;align-items:center}.icon-btn{min-width:44px;padding:7px}.audio-strip{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:10px;border-radius:13px;background:var(--accent2)}.round-btn{width:48px;height:48px;border-radius:50%;padding:0}.play-btn{width:58px;height:58px;border-radius:50%;padding:0;background:var(--accent);color:#fff;border-color:var(--accent);font-size:20px}.speed-field{margin-left:10px}.mode-row{margin-top:10px}.check{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px}.check input{width:18px;height:18px}.status{margin-top:9px;font-size:14px;color:var(--muted);padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--accent2) 55%,transparent)}.status.error{color:#b21e2b}.view-tabs{display:flex;align-items:center;gap:5px;padding:9px;border-bottom:1px solid var(--border);overflow:auto}.tab{border-radius:9px;white-space:nowrap}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.search-box{padding:10px;border-bottom:1px solid var(--border)}.search-box input{width:100%;font-size:16px}.search-results{max-height:260px;overflow:auto;margin-top:6px}.search-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:9px;cursor:pointer}.search-item small{display:block;color:var(--muted);margin-top:3px}.book-view{display:grid;grid-template-columns:1fr;min-height:420px}.book-view.split-view{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr)}.text-pane{padding:18px 22px 30px;min-width:0}.page-heading{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px;margin-bottom:10px}.ocr-notice{background:var(--warn);border:1px solid #e9d78a;color:var(--text);padding:9px 11px;border-radius:10px;margin-bottom:13px;font-size:14px}.reading-text{font-size:var(--fontSize);line-height:1.9;white-space:normal;word-break:normal}.reading-text .para{margin:0 0 1em}.reading-text .word{display:inline;border-radius:5px;padding:1px 2px;margin:0 1px;cursor:pointer;transition:background .12s,color .12s}.reading-text .word.current{background:#ffd83d;color:#121212}.reading-text .word.past{background:color-mix(in srgb,var(--accent2) 55%,transparent)}.scan-pane{margin:0;padding:14px;background:var(--bg);border-left:1px solid var(--border);min-width:0;text-align:center}.scan-pane img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:10px;background:#fff}.scan-pane figcaption{color:var(--muted);font-size:13px;margin-top:6px}.footer{text-align:center;padding:16px;color:var(--muted);font-size:13px}.btn:focus-visible,.icon-btn:focus-visible,.round-btn:focus-visible,.play-btn:focus-visible,.tab:focus-visible,select:focus-visible,input:focus-visible,.word:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}@media(max-width:760px){.topbar{padding:10px 11px}.brand-mark{width:40px;height:40px}.brand h1{font-size:20px}.brand p{display:none}.reader-layout{padding:8px}.control-panel{padding:9px}.audio-strip{gap:7px}.mode-row .field{width:100%}.mode-row .field select{flex:1;min-width:0}.book-view.split-view{grid-template-columns:1fr}.scan-pane{border-left:0;border-top:1px solid var(--border)}.text-pane{padding:15px 13px 24px}.reading-text{line-height:1.85}.footer{padding:12px 8px}.top-actions .btn.ghost{display:none}}@media(min-width:1100px){.reader-layout{grid-template-columns:310px minmax(0,1fr);align-items:start}.control-panel{position:sticky;top:86px}.control-panel>.row:first-child{display:grid;grid-template-columns:1fr 1fr}.control-panel .spacer{display:none}.audio-strip{justify-content:flex-start}.mode-row{display:grid}.mode-row .field{display:grid;grid-template-columns:88px 1fr}.mode-row .grow{min-width:0}.speed-field{margin-left:0}.control-panel .status{line-height:1.45}}