.app{height:100vh;display:flex;flex-direction:column}.panes{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reading-pane{overflow-y:auto;border-right:1px solid var(--color-border)}.ref-pane{overflow-y:auto;background:var(--color-surface)}#ref-title{text-align:center;margin:var(--space-5) 0 var(--space-4);font-family:var(--font-scripture);font-weight:400}#ref-title .book-super{display:block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-2)}#ref-title .book-name{display:block;font-size:clamp(2.6rem,7vw,3.6rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;line-height:1.05}#ref-title .book-sub{display:block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.5;margin-top:var(--space-2)}#ref-title .chapter-label{display:block;text-align:left;margin-top:var(--space-5);font-family:var(--font-chapter);font-size:1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted)}#ref-title.simple{text-align:center;margin-top:var(--space-4)}#ref-title.simple .book-name{font-size:clamp(1.8rem,4vw,2.2rem);letter-spacing:.06em}#ref-title.simple .chapter-label{margin-top:var(--space-3)}.copy-row{display:flex;justify-content:flex-end;gap:var(--space-2);margin:var(--space-4) 0 var(--space-5)}.copy-row button{font-family:var(--font-ui);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border:1px solid var(--color-ref-border);border-radius:var(--radius-card);background:var(--color-ref-bg);color:var(--color-ref-text);cursor:pointer}.copy-row button:hover{background:var(--color-bg)}#verses{padding-left:2.75rem}.verse{display:flex;align-items:baseline;gap:1.75rem;margin:0 0 var(--space-2);cursor:pointer}.verse-text:hover{background:color-mix(in srgb,var(--color-selection) 55%,transparent)}.verse.selected .verse-text{background:var(--color-selection);color:var(--color-text-selection)}.verse-num{color:var(--color-text-muted);font-family:var(--font-ui);font-size:.7em;align-self:flex-start;margin-top:calc(.35em + var(--space-2));user-select:none}.verse-text{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);transition:background .12s}.ref-pane-head{position:sticky;top:0;z-index:2;padding:var(--space-4) var(--space-4) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.ref-sel-box{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3) var(--space-3);background:var(--color-bg)}.ref-sel-nav{flex:none;width:30px;height:30px;border:none;background:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;border-radius:var(--radius-card)}.ref-sel-nav:hover:not(:disabled){color:var(--color-ref-text);background:var(--color-ref-bg)}.ref-sel-nav:disabled{opacity:.3;cursor:default}.ref-sel-center{flex:1;min-width:0;text-align:center}.ref-sel-title{font-family:var(--font-scripture);font-size:1.4rem;color:var(--color-text-selection);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-sel-sub{font-family:var(--font-ui);font-size:.85rem;color:var(--color-text);margin-top:2px}.ref-pane-body{padding:var(--space-3) var(--space-4) var(--space-5)}.ref-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:var(--space-3)}.ref-pill{font-family:var(--font-ui);font-size:13px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);padding:2px 8px;cursor:pointer;white-space:nowrap}.ref-pill:hover{border-color:var(--color-ref-border);color:var(--color-ref-text)}.ref-list{display:grid;grid-template-columns:auto 1fr auto;align-items:start;column-gap:var(--space-2);row-gap:var(--space-3)}.ref-card{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;overflow:hidden}.ref-label{justify-self:start;z-index:1;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px 8px;background:var(--color-bg);color:var(--color-text);text-decoration:none;font-family:var(--font-ui);font-size:.8rem;white-space:nowrap;position:relative}.ref-label:hover{border-color:var(--color-ref-border);color:var(--color-ref-text)}.ref-body{position:relative;margin-left:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);padding:var(--space-4)}.ref-body:before{content:"";position:absolute;top:50%;right:100%;width:100vw;height:1px;background:var(--color-border);transform:translateY(-50%)}.ref-card.selected .ref-body{background:var(--color-selection);border-color:var(--color-ref-active-border)}.ref-card.selected .ref-body:before{background:var(--color-ref-active-border)}.ref-card.selected .ref-label{background:var(--color-ref-active-bg);border-color:var(--color-ref-active-border);color:#fff}.ref-text{font-family:var(--font-scripture);font-size:1.1rem;line-height:1.5;margin:0}.ref-vline{display:block}.ref-vline+.ref-vline{margin-top:var(--space-1)}.ref-vnum{font-family:var(--font-ui);font-size:1em;vertical-align:baseline;color:inherit;margin-right:.3em}.ref-context{font-family:var(--font-scripture);font-size:1.1rem;line-height:1.5}.ref-ctx-verse{margin:0 0 var(--space-1)}.ref-ctx-verse:not(.target){opacity:.55}.ref-ctx-verse sup{font-family:var(--font-ui);font-size:1em;vertical-align:baseline;margin-right:.3em}.ref-actions{flex:none;display:flex;flex-direction:column;gap:4px}.ref-act{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-card)}.ref-act svg{width:16px;height:16px}.ref-act:hover,.ref-act.on{color:var(--color-ref-text);background:var(--color-ref-bg)}.ref-act.copied{color:#1d9e75}.refs-more,.refs-empty{font-family:var(--font-ui);font-size:.8rem;color:var(--color-text-muted)}.refs-more{border:none;background:none;cursor:pointer;padding:var(--space-2) 0 0}.refs-more:hover{color:var(--color-ref-text)}.modal-search{width:min(640px,92vw);max-height:80vh;display:flex;flex-direction:column;padding:var(--space-3)}.search-input{font-family:var(--font-ui);font-size:1rem;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);width:100%}.search-results{margin-top:var(--space-2);overflow-y:auto;display:flex;flex-direction:column}.search-count,.search-empty{font-family:var(--font-ui);font-size:.75rem;color:var(--color-text-muted);padding:var(--space-2) 4px}.search-hit{text-align:left;border:none;background:none;cursor:pointer;padding:8px 6px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.search-hit:hover{background:var(--color-ref-bg)}.search-hit-ref{background:var(--color-ref-bg);border-bottom:none;margin-bottom:var(--space-2);border-radius:var(--radius)}.search-jump{font-family:var(--font-ui);font-size:.72rem;color:var(--color-ref-text);text-transform:uppercase;letter-spacing:.05em;margin-right:6px}.search-ref{font-family:var(--font-ui);font-weight:600;color:var(--color-ref-text);margin-right:8px;white-space:nowrap}.search-snip{font-family:var(--font-scripture);color:var(--color-text)}.toolbar{flex:none;height:56px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg);font-family:var(--font-ui)}.tb-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);color:var(--color-text);cursor:pointer}.tb-icon svg{width:20px;height:20px}.tb-icon:hover{border-color:var(--color-ref-border);color:var(--color-ref-text)}.tb-logo{display:inline-flex;align-items:center;color:var(--color-doctrine-navy)}[data-theme=dark] .tb-logo{color:var(--color-text)}.tb-logo svg{height:34px;width:auto;display:block}.tb-sp{flex:1}.tb-views{display:inline-flex;gap:6px;margin-left:var(--space-2)}.tb-chip{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #a9c7ec;border-radius:6px;background:#f4f8ff;cursor:pointer;text-decoration:none}.tb-chip-icon{width:26px;height:26px}.tb-chip.active{border-color:#2067bf}.tb-chip[disabled]{opacity:.45;cursor:default}.tb-picker{font-family:var(--font-chapter);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);color:var(--color-text);padding:6px 18px;cursor:pointer}.tb-picker:hover{border-color:var(--color-ref-border)}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.modal[hidden]{display:none}.modal-scrim{position:absolute;inset:0;background:#080a10b8}.modal-card{position:relative;width:min(920px,94vw);max-height:88vh;overflow:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-5)}.modal-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-5)}.col-title{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-2)}.book-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:var(--space-4)}.chap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.book-cell,.chap-cell{font-family:var(--font-ui);font-size:12px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);color:var(--color-text);padding:9px 4px;cursor:pointer}.book-cell:hover,.chap-cell:hover{border-color:var(--color-ref-border)}.book-cell.active,.chap-cell.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.modal-open{margin-top:var(--space-4);width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-title);font-size:1.05rem;cursor:pointer}.modal-open:hover{border-color:var(--color-ref-border);color:var(--color-ref-text)}.reading{font-size:calc(var(--text-scripture) * var(--reading-scale, 1))}:root.no-red-letter .red-letter{color:inherit}:root.hide-verse-numbers .verse-num{display:none}.reading-topbar{display:flex;justify-content:flex-end;padding:var(--space-2) var(--space-3) 0}.xref-toggle{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);background:none;border:1px solid transparent;border-radius:var(--radius-card);padding:6px 10px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.xref-toggle:hover{color:var(--color-ref-text);border-color:var(--color-ref-border)}.xref-toggle span{border:1px solid currentColor;border-radius:5px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1}.ref-pane{position:relative}.xref-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:3;border:none;background:none;color:var(--color-text-muted);font-size:1.4rem;line-height:1;cursor:pointer}.xref-close:hover{color:var(--color-ref-text)}.app.xref-collapsed .panes{grid-template-columns:minmax(0,1fr)}.app.xref-collapsed .ref-pane{display:none}.app:not(.xref-collapsed) .reading-topbar{visibility:hidden}.ref-tags{display:flex;gap:6px;margin-top:var(--space-2);justify-content:flex-end}.ref-tag{font-family:var(--font-ui);font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:5px;color:#fff}.ref-tag-person{background:var(--color-ref-active-bg)}.ref-tag-book{background:#e08a4e}.modal-picker{width:min(1000px,95vw)}.picker-search-wrap{position:relative;margin-bottom:var(--space-3)}.picker-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted)}.picker-search{width:100%;font-family:var(--font-ui);font-size:1rem;padding:12px 14px 12px 42px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);color:var(--color-text)}.picker-results{margin:0 0 var(--space-3);max-height:40vh}.modal-picker:not(.searching) .picker-results{display:none}.modal-picker.searching .picker-cols{display:none}.drawer .modal-scrim{background:#080a1066}.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(380px,90vw);background:#fbfeff;border-right:1px solid #cbd0e2;box-shadow:4px 0 24px #0000001f;display:flex;flex-direction:column}[data-theme=dark] .drawer-panel{background:var(--color-bg);border-right-color:var(--color-border)}.drawer-scroll{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.drawer-foot-bar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid #e5e9f2;background:#fbfeff}[data-theme=dark] .drawer-foot-bar{background:var(--color-bg);border-top-color:var(--color-border)}.drawer-bar-btn{border:none;background:none;cursor:pointer;color:#1c2a47;font-size:1.5rem;line-height:1;display:inline-flex;align-items:center;padding:4px}[data-theme=dark] .drawer-bar-btn{color:var(--color-text)}.drawer-bar-btn svg{width:22px;height:22px}.drawer-bar-logo svg{height:30px;width:auto;color:#1c2a47}[data-theme=dark] .drawer-bar-logo svg{color:var(--color-text)}.menu-account{border:1px solid #cbd3e2;border-radius:8px;padding:var(--space-3);background:#fff;display:flex;flex-direction:column;gap:var(--space-3)}[data-theme=dark] .menu-account{background:var(--color-surface);border-color:var(--color-border)}.menu-acct-head{display:flex;align-items:center;gap:12px}.menu-avatar{width:40px;height:40px;border-radius:50%;background:#dceffd;border:none;display:inline-flex;align-items:center;justify-content:center;color:#36425b;flex:none}.menu-avatar svg{width:22px;height:22px}.menu-acct-name{font-weight:700;color:#1c2a47}[data-theme=dark] .menu-acct-name{color:var(--color-text)}.menu-acct-sub{font-size:.8rem;color:#546079}.menu-btn-primary,.menu-btn-ghost{font-family:var(--font-ui);padding:11px 12px;border-radius:6px;cursor:pointer;font-size:.95rem;text-align:center;color:#1c2a47}.menu-btn-primary{background:#dcf1ff;border:1px solid #8bafd1}.menu-btn-ghost{background:#fff;border:1px solid #aab7ca}[data-theme=dark] .menu-btn-primary,[data-theme=dark] .menu-btn-ghost{color:var(--color-text);background:var(--color-bg)}.menu-section-label{font-family:var(--font-ui);font-size:.85rem;color:#767b83;margin-top:var(--space-2)}.menu-section-label em{font-style:italic}.menu-nav{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;border-bottom:1px solid #e9edf4;padding:15px 2px;cursor:pointer;text-align:left}[data-theme=dark] .menu-nav{border-bottom-color:var(--color-border)}.menu-nav-icon{width:22px;height:22px;color:#1c2a47;flex:none}[data-theme=dark] .menu-nav-icon{color:var(--color-text)}.menu-nav-label{flex:1;font-family:var(--font-title);font-size:1.1rem;color:#1c2a47}[data-theme=dark] .menu-nav-label{color:var(--color-text)}.menu-nav:hover .menu-nav-label{color:var(--color-ref-text)}.menu-chev{color:#c1c8d6;font-size:1.2rem}.menu-saved-row{display:flex;justify-content:space-between;font-size:.9rem;padding:4px 2px}.menu-saved-count{color:var(--color-text-muted)}.menu-flourish{text-align:center;color:#8a95a5;margin:var(--space-3) 0 var(--space-1)}.menu-flourish svg{width:130px;height:30px}.menu-verse{text-align:center;font-family:var(--font-scripture);font-style:italic;font-size:.95rem;color:#546079;margin:0;line-height:1.5}.menu-verse cite{display:block;font-style:normal;font-size:.68rem;letter-spacing:.2em;color:#767b83;margin-top:var(--space-2)}.menu-foot{text-align:center;font-size:.72rem;color:#767b83;margin:var(--space-3) 0 0;line-height:1.6}.menu-foot em{font-style:italic}.menu-link,.menu-links a{color:#6586a9;text-decoration:underline}.menu-links{text-align:center;font-size:.75rem;color:#6586a9}.modal-x{position:absolute;top:var(--space-3);right:var(--space-3);border:none;background:none;font-size:1.4rem;line-height:1;color:var(--color-text-muted);cursor:pointer}.modal-settings,.modal-study{width:min(900px,94vw);position:relative}.settings-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.settings-h{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-3)}.settings-h2{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--color-text-muted);margin:var(--space-3) 0 var(--space-2)}.set-toggle{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-3);font-family:var(--font-ui);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.set-toggle input{appearance:none;-webkit-appearance:none;width:40px;height:22px;border-radius:999px;background:var(--color-border);position:relative;cursor:pointer;transition:background .15s;flex:none}.set-toggle input:checked{background:#3ddc84}.set-toggle input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.set-toggle input:checked:after{transform:translate(18px)}.set-field{margin-bottom:var(--space-3)}.set-field>label{display:block;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--color-text-muted);margin-bottom:var(--space-1)}.set-field select,.set-field input[type=range]{width:100%}.set-field select{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui)}.set-size-btns{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.set-size-btns button{flex:1;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);cursor:pointer}.set-check,.set-radio{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-2);font-family:var(--font-ui);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.set-check input,.set-radio input{accent-color:#3ddc84;width:18px;height:18px}.set-io{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.set-io button{flex:1;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:.8rem;cursor:pointer}.study-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.study-icon{color:var(--color-ref-text)}.study-icon svg{width:22px;height:22px}.study-title{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;font-weight:600;margin:0}.study-sort{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.study-sort-label{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-right:var(--space-2)}.study-sort-btn{flex:1;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-ui);font-size:.85rem;cursor:pointer}.study-sort-btn.active{background:var(--color-bg);color:var(--color-text);border-color:var(--color-ref-border);box-shadow:0 1px 4px #0000000f}.study-section-label{text-align:center;font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:var(--color-text-muted);margin:var(--space-4) 0 var(--space-3)}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.study-tile{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:none;border-radius:var(--radius);color:#fff;font-family:var(--font-title);font-size:1.05rem;cursor:pointer;text-align:left}.study-person .study-tile{background:#6aa0e6}.study-book .study-tile{background:#e0925a}.study-tile:hover{filter:brightness(1.05)}.study-tile.empty{opacity:.4;cursor:default}.study-tile-count{background:#ffffff47;border-radius:999px;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.8rem;padding:0 8px}@media (max-width: 900px){#verses{padding-left:1rem}.app{height:auto;min-height:100vh}.panes{display:block}.reading-pane,.ref-pane{overflow:visible}.reading-pane{border-right:none;border-bottom:1px solid var(--color-border)}.toolbar{position:sticky;bottom:0}.app:not(.xref-collapsed) .ref-pane{position:fixed;inset:0;z-index:40;overflow-y:auto;border:none}.app:not(.xref-collapsed) .xref-close{position:fixed;z-index:41}.modal-cols,.settings-cols{grid-template-columns:1fr;gap:var(--space-4)}.study-grid{grid-template-columns:1fr}}