:root{--font-scale: 1;--bg: #ffffff;--bg-alt: #f5f5f4;--fg: #1c1917;--muted: #78716c;--border: #e7e5e4;--accent: #1d4ed8;--woj: #c0392b;--vnum: #a8a29e;--mark: #fef08a}:root[data-theme=dark]{--bg: #1c1917;--bg-alt: #292524;--fg: #e7e5e4;--muted: #a8a29e;--border: #44403c;--accent: #60a5fa;--woj: #f87171;--vnum: #78716c;--mark: #713f12}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-alt)}.brand{font-size:1.1rem;margin:0}.topbar-actions{display:flex;gap:.5rem}button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.35rem .7rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.lang-toggle{font-weight:600;min-width:2.5rem}select,input[type=search]{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.3rem .4rem}.overlay-panel{border-bottom:1px solid var(--border);background:var(--bg-alt);padding:.75rem 1rem}.panes{flex:1;min-height:0}.pane-wrap{position:relative;height:100%;min-width:0}.pane{display:flex;flex-direction:column;height:100%}.pane-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--border);background:var(--bg-alt)}.pane-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.pane-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .75rem;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border)}.work-info-open{flex:none;padding:.2rem .45rem;color:var(--accent);background:transparent}.work-info-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0000008c}.work-info-dialog{display:flex;flex-direction:column;width:min(52rem,100%);max-height:min(48rem,calc(100vh - 2rem));color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 50px #0000004d;overflow:hidden}.work-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem .9rem}.work-info-header h2{margin:.15rem 0 0;font-size:1.35rem}.work-info-kicker{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.work-info-close{border:0;padding:.2rem .35rem;background:transparent}.work-info-tabs{display:flex;flex:none;gap:.25rem;padding:0 1rem;overflow-x:auto;border-bottom:1px solid var(--border)}.work-info-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:.65rem .55rem;white-space:nowrap;background:transparent}.work-info-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.work-info-body{padding:1.25rem;overflow-y:auto;font-size:.95rem;line-height:1.6}.work-info-body h3{margin:0 0 1rem;font-size:1.1rem}.work-info-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.85rem;margin:0}.work-info-facts div{padding:.75rem;background:var(--bg-alt);border-radius:6px}.work-info-facts dt{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.work-info-facts dd{margin:.2rem 0 0}.work-info-license{font-size:1.05rem;font-weight:700}.work-info-note{margin:0 0 1rem;padding:.7rem .8rem;background:var(--bg-alt);border-left:3px solid var(--accent);border-radius:0 5px 5px 0}.work-info-book-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.45rem 1rem;margin:0;padding:0;list-style:none}.work-info-book-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.work-info-book-list small{flex:none;color:var(--muted)}.pane-close{position:absolute;top:.4rem;right:.4rem;z-index:2;padding:.15rem .4rem;line-height:1}.nav-buttons button{min-width:2rem}.passage-selector,.nav-buttons{display:flex;gap:.35rem}.resize-handle{width:6px;background:var(--border);cursor:col-resize}.resize-handle:hover{background:var(--accent)}.reader{font-size:calc(1.05rem * var(--font-scale));line-height:1.75;max-width:44rem}.reader .vnum{color:var(--vnum);font-weight:700;font-size:.7em;margin-right:.15em;vertical-align:super}.reader button.vnum{display:inline;min-width:0;border:0;border-radius:2px;padding:0 .1em;background:transparent;cursor:pointer}.reader button.vnum:hover,.reader button.vnum:focus-visible{color:var(--accent);outline:1px solid var(--accent)}.reader .heading{margin:1.1em 0 .3em;font-size:.95em;color:var(--muted);font-weight:600}.reader .heading.title{font-style:italic}.reader .para{margin:0 0 .8em}.reader .line{margin:0}.reader .line.q1{padding-left:1.2rem}.reader .line.q2{padding-left:2.4rem}.reader .line.q3{padding-left:3.6rem}.reader .line.q4{padding-left:4.8rem}.reader[data-layout=per-line] .verse-block{margin-bottom:.15em}.reader[data-woc=red] .woj{color:var(--woj)}.reader[data-woc=bold] .woj{font-weight:700}.reading-settings{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}.setting{display:flex;flex-direction:column;gap:.3rem}.setting.checkbox{flex-direction:row;align-items:center;gap:.4rem}.setting-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.segmented .seg{border:0;border-radius:0;border-right:1px solid var(--border)}.segmented .seg:last-child{border-right:0}.segmented .seg.active{background:var(--accent);color:#fff}.search-form{display:flex;gap:.5rem}.search-form input[type=search]{flex:1}.search-results{list-style:none;margin:.75rem 0 0;padding:0;max-height:40vh;overflow-y:auto}.search-results .result{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:.5rem .25rem;background:transparent}.result-ref{font-weight:600;color:var(--accent);white-space:nowrap}.result-version{padding:.08rem .25rem;color:var(--muted);background:var(--bg-alt);border-radius:3px;font-size:.7rem;font-weight:700}.result-snippet b{background:var(--mark)}.muted{color:var(--muted)}.study-document{font-family:Georgia,Times New Roman,serif;font-size:calc(1rem * var(--font-scale));line-height:1.65;max-width:48rem}.study-document h4{margin:1.5em 0 .45em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.05em;line-height:1.35;color:var(--fg)}.study-document p{margin:0 0 .9em}.study-quotation{margin:.75rem 0 1.4rem;padding:.85rem 1rem;color:var(--muted);background:var(--bg-alt);border-left:4px solid var(--accent);border-radius:0 7px 7px 0}.study-quotation p{margin:0;font-size:.94em;line-height:1.6}.study-quotation-label,.study-section-label{display:block;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.7rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.study-quotation-label{margin-bottom:.45rem;color:var(--accent)}.study-section-label{margin:1.4rem 0 .8rem;padding-top:.8rem;color:var(--muted);border-top:1px solid var(--border)}.study-verse-number{margin-right:.16em;color:var(--accent);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.68em;font-weight:700;vertical-align:super}.commentary-entry+.commentary-entry{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.study-ref{color:var(--accent);font-weight:700;font-size:.8rem}.dictionary-layout{display:grid;grid-template-columns:minmax(8rem,30%) 1fr;flex:1;min-height:0}.headword-list{overflow-y:auto;border-right:1px solid var(--border);padding:.5rem}.headword-list button{display:block;width:100%;border:0;border-radius:3px;padding:.35rem .5rem;text-align:left;background:transparent}.headword-list button.active{color:#fff;background:var(--accent)}.dictionary-entry h3{margin-top:0}.verse-tools{margin-top:1.25rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-alt)}.verse-tools-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.verse-tools-header button{border:0;padding:.1rem .3rem;background:transparent}.xref-list{list-style:none;margin:0;padding:0;max-height:18rem;overflow-y:auto}.xref-list li+li{border-top:1px solid var(--border)}.xref-list button{display:block;width:100%;border:0;border-radius:0;padding:.55rem .75rem;text-align:left;background:transparent}.xref-preview{display:block;margin-top:.2rem;color:var(--muted);font-size:.85rem;line-height:1.35}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 640px){.reader{font-size:calc(1rem * var(--font-scale))}.topbar{flex-wrap:wrap}.dictionary-layout{grid-template-columns:minmax(7rem,38%) 1fr}}