@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:wght@400;500;600&display=swap');
:root{--bg:#f5f4ee;--paper:#fffefa;--ink:#233c34;--muted:#7a8179;--line:#e4e6dc;--accent:#1e5547;--soft:#edf1e8;--gold:#ae8952;--verse-size:19px;--sidebar:#f0f1e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}body.dark{--bg:#14201d;--paper:#1c2a25;--ink:#e9eee6;--muted:#a1afa3;--line:#35443c;--accent:#a0d6b7;--soft:#2e4238;--gold:#d3b17c;--sidebar:#182720}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--sidebar);border-right:1px solid var(--line);padding:30px 22px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:'Lora',Georgia,serif;line-height:1.2;font-size:21px}.brand strong{font-weight:500}.brand-icon{display:grid;place-items:center;border-radius:12px;background:#1e5547;color:#e3ce98;width:42px;height:50px;font-size:26px}.sidebar-caption{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--muted);margin:32px 0 13px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:12px 14px;text-align:left;border-radius:7px;font-size:13px;margin-bottom:3px}.nav-item>span:first-child{font-size:20px;width:22px}.nav-item.active{background:var(--accent);color:var(--paper)}body.dark .nav-item.active{color:#14201d}.count{margin-left:auto;font-size:10px}.book-caption{display:flex;justify-content:space-between;margin-top:29px}.book-filter{background:transparent;width:100%;border:0;border-bottom:1px solid var(--line);padding:10px 2px;color:var(--ink);font-size:12px}.testament-tabs{display:flex;background:var(--line);padding:3px;border-radius:7px;margin:15px 0 12px}.testament-tabs button{border:0;background:transparent;width:50%;font-size:11px;border-radius:5px;padding:7px}.testament-tabs button.active{background:var(--paper);box-shadow:0 1px 4px #0000000b}.book-list{overflow-y:auto;flex:1;min-height:80px;scrollbar-width:thin}.book-list button{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:5px;font-size:12px}.book-list button.active{background:var(--soft);color:var(--accent);font-weight:700}.book-list button span{color:var(--muted);font-size:10px}.about-button{background:transparent;border:0;border-top:1px solid var(--line);text-align:left;padding:16px 0 0;color:var(--muted);font-size:11px;margin-top:15px}.shell{margin-left:250px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 44px;background:var(--paper)}.quick-search{display:flex;align-items:center;gap:10px;width:min(690px,100%)}.quick-search>span{font-size:28px;color:var(--muted)}.quick-search input{border:0;background:transparent;color:var(--ink);flex:1;min-width:0;font-size:13px}.quick-search button{border:0;background:var(--soft);border-radius:7px;padding:9px 14px;font-size:11px;color:var(--accent)}.quick-search button span{margin-left:12px}.icon-button{border:1px solid var(--line);border-radius:7px;background:transparent;min-width:36px;height:36px;font-size:20px}.topbar>.icon-button:last-child{margin-left:auto}main{padding:42px 44px 0;max-width:1500px;margin:auto}h1{font-family:'Lora',Georgia,serif;font-weight:500;font-size:34px;letter-spacing:-1px;margin:0 0 12px}h2{font-family:'Lora',Georgia,serif;font-weight:500}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:700;margin:0 0 13px}.intro-text{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.edition-tag{border:1px solid var(--line);border-radius:6px;padding:12px 15px;font-size:12px;font-weight:700;color:var(--accent);display:flex;flex-direction:column;gap:5px;text-align:center}.edition-tag span{font-size:7px;letter-spacing:1px;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 214px;gap:26px;align-items:start}.reader-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 5px 25px #213e2b03}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 28px;font-size:10px;color:var(--muted)}.type-controls{display:flex;gap:3px}.type-controls button{background:transparent;border:0;border-radius:4px;font-size:11px;padding:6px 8px}.type-controls button:hover{background:var(--soft)}.chapter-heading{display:flex;align-items:center;gap:22px;padding:32px 34px 25px}.chapter-big{font-family:'Lora',Georgia,serif;font-size:65px;color:var(--line);line-height:1}.chapter-heading .eyebrow{margin-bottom:8px;font-size:8px}.chapter-heading h2{margin:0 0 7px;font-size:29px}.chapter-heading p:last-child{margin:0;font-size:10px;color:var(--muted)}.verses{padding:0 34px 26px}.verse{position:relative;padding:11px 0;border-radius:5px;display:grid;grid-template-columns:23px minmax(0,1fr);gap:9px;scroll-margin-top:25px}.verse-number{color:var(--gold);font-size:10px;font-weight:600;padding-top:7px;text-decoration:none}.verse p{font-family:'Lora',Georgia,serif;font-size:var(--verse-size);line-height:1.95;letter-spacing:-.13px;margin:0}.verse-actions{grid-column:2;display:flex;justify-content:flex-end;gap:3px;opacity:0;transition:opacity .15s;height:22px;margin-top:1px}.verse:hover .verse-actions,.verse:focus-within .verse-actions,.verse.saved .verse-actions,.verse.has-note .verse-actions{opacity:1}.verse-actions button{border:0;background:transparent;border-radius:4px;font-size:12px;color:var(--muted);padding:2px 6px}.verse-actions button:hover{background:var(--soft);color:var(--accent)}.verse.saved [data-action="star"]{color:var(--gold)}.verse.has-note [data-action="note"]{color:var(--accent);font-weight:700}.verse.selected{background:var(--soft);box-shadow:0 0 0 9px var(--soft)}.preamble{font-family:'Lora',Georgia,serif;font-size:13px;font-style:italic;color:var(--muted);padding:0 34px 15px;line-height:1.8}.preamble:empty{display:none}.chapter-navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:21px 28px;gap:8px}.chapter-navigation button{background:transparent;border:0;color:var(--accent);font-size:12px}.chapter-navigation span{font-size:9px;color:var(--muted)}.chapter-panel{padding-top:9px}.chapter-panel label{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.chapter-panel select{width:100%;margin-bottom:23px}.chapter-label{display:flex;justify-content:space-between;margin-bottom:11px;font-size:11px}.chapter-label span:last-child{color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-height:370px;overflow:auto;scrollbar-width:thin;padding:3px}.chapter-grid button{border:1px solid var(--line);border-radius:5px;background:transparent;height:32px;font-size:11px}.chapter-grid button.active{background:var(--accent);border-color:var(--accent);color:var(--paper)}body.dark .chapter-grid button.active{color:#14201d}.reading-tip{margin-top:28px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:18px}.reading-tip>span{color:var(--gold);font-size:23px}.reading-tip h3{font-family:'Lora',Georgia,serif;font-size:14px;font-weight:500;margin:12px 0 9px}.reading-tip p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.outline-button{padding:11px 15px;border:1px solid var(--line);border-radius:6px;background:transparent;font-size:11px}.primary-button{padding:12px 22px;border:0;border-radius:6px;background:var(--accent);color:var(--paper);font-size:12px}body.dark .primary-button{color:#14201d}#resumeButton{width:100%;margin-top:17px}.source-notice{margin:0 34px 20px;padding:12px 14px;background:var(--soft);font-size:11px;line-height:1.7;border-radius:6px;color:var(--muted)}.source-notice button{border:0;background:transparent;color:var(--accent);padding:0;text-decoration:underline;font-size:11px}footer{border-top:1px solid var(--line);margin-top:38px;padding:24px 0;display:flex;justify-content:space-between;gap:30px;font-size:9px;color:var(--muted);line-height:1.8}footer p{margin:0;max-width:600px;font-size:8px}input,select,textarea{color:var(--ink)}select{border:1px solid var(--line);border-radius:6px;padding:11px;background:var(--paper);font-size:12px}.search-card{margin-top:30px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.search-card>label{font-size:11px;display:block;margin-bottom:8px}.search-field{display:flex;gap:10px}.search-field input,.saved-filter{border:1px solid var(--line);border-radius:6px;padding:13px;background:var(--bg);width:100%;min-width:0}.search-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.search-filters label{font-size:10px;color:var(--muted)}.search-filters select{display:block;width:100%;margin-top:7px}.helper{font-size:10px;line-height:1.7;color:var(--muted);margin-bottom:0}.result-header{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px;gap:15px}.result-header h2{font-size:20px;margin:0}.result-header span{font-size:11px;color:var(--muted)}.result-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:20px 25px;margin-bottom:12px}.result-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.reference-button{background:transparent;border:0;color:var(--accent);padding:0;font-weight:600;text-align:left;font-size:12px}.result-card p{font-family:'Lora',Georgia,serif;font-size:17px;line-height:1.8;margin:12px 0 5px}.result-card .verse-actions{opacity:1;height:auto}.result-note{background:var(--soft);border-radius:5px;padding:12px;font:12px/1.8 'DM Sans',sans-serif!important;white-space:pre-wrap;color:var(--muted)}mark{background:#eddca6;color:#293b2e;border-radius:2px;padding:0 1px}.empty{padding:55px 25px;text-align:center;color:var(--muted);line-height:1.9;background:var(--paper);border:1px dashed var(--line);border-radius:9px}.empty span{font-size:35px;color:var(--gold);display:block;margin-bottom:10px}.suggestions{display:flex;flex-wrap:wrap;gap:10px}.suggestions button{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:11px 20px;font-size:12px;color:var(--accent)}#moreResults{margin:15px auto;display:block}.saved-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.saved-filter{margin:25px 0}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:28px;width:min(620px,calc(100% - 30px));max-height:85vh;line-height:1.9}dialog::backdrop{background:#102a22aa;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-header h2{margin:0;font-size:23px}dialog label{font-size:12px;display:block;margin:20px 0 8px}dialog textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:12px;resize:vertical;line-height:1.7}.dialog-actions{display:flex;justify-content:space-between;margin-top:20px}.dialog-header .icon-button{flex-shrink:0}#noteQuote{font:15px/1.9 'Lora',Georgia,serif;color:var(--muted)}#rawText{white-space:pre-wrap;font:15px/1.8 'Lora',Georgia,serif}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--accent);color:var(--paper);padding:13px 24px;border-radius:8px;font-size:12px;z-index:100;transition:transform .2s;box-shadow:0 3px 15px #0002;max-width:90vw;text-align:center}#toast.show{transform:translateX(-50%) translateY(0)}.mobile-only{display:none}
@media(min-width:1450px){main{padding:48px 60px 0}.reading-layout{grid-template-columns:minmax(0,1fr) 250px;gap:35px}.chapter-heading{padding:40px 50px 25px}.verses{padding:0 50px 30px}}
@media(max-width:1100px){.sidebar{width:215px;padding:24px 16px}.shell{margin-left:215px}main{padding:30px 25px 0}.topbar{padding:0 25px}.reading-layout{grid-template-columns:minmax(0,1fr)}.chapter-panel{grid-row:1;display:grid;grid-template-columns:170px 1fr;gap:8px 20px;align-items:center}.chapter-panel>.eyebrow,.chapter-panel>label,.reading-tip,.chapter-label,#resumeButton{display:none!important}.chapter-panel select{margin:0}.chapter-grid{display:flex;flex-wrap:nowrap;overflow:auto;padding:5px}.chapter-grid button{min-width:32px}.chapter-heading{padding:30px}.verses{padding:0 30px 20px}.edition-tag{display:none}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px}.sidebar.open{transform:translateX(0)}.shell{margin:0}.mobile-only{display:block}.topbar{height:70px;padding:0 16px;gap:10px}.quick-search{gap:6px}.quick-search>span{display:none}.quick-search button{padding:8px}.quick-search button span{display:none}.quick-search input{font-size:11px}.topbar .icon-button{min-width:30px;height:32px}main{padding:28px 16px 0}h1{font-size:27px}.page-intro{margin-bottom:24px}.intro-text{font-size:11px}.chapter-panel{grid-template-columns:120px 1fr;gap:10px}.chapter-panel select{font-size:11px;padding:9px}.reader-toolbar{padding:12px 16px;font-size:9px}.chapter-heading{padding:25px 20px 20px;gap:16px}.chapter-heading h2{font-size:24px}.chapter-big{font-size:52px}.verses{padding:0 20px 18px}.verse p{font-size:var(--verse-size);line-height:1.85}.verse-actions{opacity:1;margin-top:5px}.chapter-navigation{padding:20px 15px}.source-notice{margin:0 20px 15px}footer{display:block}footer p{margin-top:10px}.search-card{padding:18px}.search-filters{grid-template-columns:1fr;gap:10px}.search-filters label{display:grid;grid-template-columns:100px 1fr;align-items:center}.search-filters select{margin:0}.search-field .primary-button{padding:12px}.result-card{padding:17px}.result-top{align-items:start}.saved-heading{display:block}.saved-heading button{margin-top:20px}#backdrop{position:fixed;inset:0;background:#11251faa;z-index:25}.preamble{padding:0 20px 12px}dialog{padding:20px}}
@media print{.sidebar,.topbar,.chapter-panel,.page-intro,.verse-actions,.type-controls,.chapter-navigation,footer,.source-notice{display:none!important}.shell{margin:0}body{background:white;color:black}main{padding:0}.reading-layout{display:block}.reader-card{border:0;box-shadow:none}.verse{break-inside:avoid}.verse p{font-size:13pt}.verses{padding:0}.chapter-heading{padding:20px 0}dialog{display:none}#readerView{display:block!important}#searchView,#savedView{display:none!important}}