:root{--bg:#f7f4ee;--surface:#fffdf8;--surface-2:#efeae0;--ink:#24211c;--muted:#5e584e;--line:#ddd5c6;--accent:#6b3f1d;--accent-ink:#fff;--focus:#1f5fa8;--target:#f3e3c3;--hl-yellow:#fbe9a2;--hl-green:#cfe8c4;--hl-blue:#cfe0f3;--hl-pink:#f6d3dc;--reader-size:18px;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16181b;--surface:#1e2125;--surface-2:#272b30;--ink:#ece7dd;--muted:#b3ab9d;--line:#383d44;--accent:#e3b47f;--accent-ink:#1a1308;--focus:#8cc2ff;--target:#3b3222;--hl-yellow:#5a4c17;--hl-green:#2f4a2b;--hl-blue:#26405c;--hl-pink:#5a2c3a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#16181b;--surface:#1e2125;--surface-2:#272b30;--ink:#ece7dd;--muted:#b3ab9d;--line:#383d44;--accent:#e3b47f;--accent-ink:#1a1308;--focus:#8cc2ff;--target:#3b3222;--hl-yellow:#5a4c17;--hl-green:#2f4a2b;--hl-blue:#26405c;--hl-pink:#5a2c3a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-accent=ocean]{--accent:#245d85;--accent-ink:#fff}:root[data-accent=forest]{--accent:#32633e;--accent-ink:#fff}:root[data-accent=plum]{--accent:#794578;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=ocean]{--accent:#9acff5;--accent-ink:#102637}:root:not([data-theme=light])[data-accent=forest]{--accent:#a2d6a5;--accent-ink:#132c17}:root:not([data-theme=light])[data-accent=plum]{--accent:#e2b4e0;--accent-ink:#321630}}:root[data-theme=dark][data-accent=ocean]{--accent:#9acff5;--accent-ink:#102637}:root[data-theme=dark][data-accent=forest]{--accent:#a2d6a5;--accent-ink:#132c17}:root[data-theme=dark][data-accent=plum]{--accent:#e2b4e0;--accent-ink:#321630}.accent-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.accent-options button{text-transform:capitalize;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px}.accent-options button:before{content:"";background:#6b3f1d;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.accent-options [data-color=ocean]:before{background:#245d85}.accent-options [data-color=forest]:before{background:#32633e}.accent-options [data-color=plum]:before{background:#794578}.accent-options [aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.passage-links{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px 18px;margin-bottom:20px;padding:12px 0;font-size:13px;display:flex}.passage-links a{align-items:center;gap:5px;display:inline-flex}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.5}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1:focus,main:focus{outline:none}code{overflow-wrap:anywhere;font-size:.9em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--surface);z-index:30;padding:10px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:10px}.muted{color:var(--muted)}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 24px;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{color:var(--accent)}.search-form{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:1;align-items:center;gap:8px;max-width:560px;margin:0 auto;padding:4px 4px 4px 14px;display:flex}.search-form svg{color:var(--muted);flex-shrink:0}.search-form input{background:0 0;border:0;flex:1;min-width:0;padding:6px 0}.search-form input:focus{outline:none}.search-form:focus-within{outline:3px solid var(--focus);outline-offset:1px}.search-submit{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:7px 14px;font-weight:600}.topbar nav{align-items:center;gap:4px;display:flex}.topbar nav a{color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-weight:500;text-decoration:none;display:inline-flex}.topbar nav a[aria-current=page]{background:var(--surface-2)}.count{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:0 7px;font-size:12px;line-height:20px}.icon-button{min-width:40px;min-height:40px;color:var(--ink);background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-2)}.settings-wrap{position:relative}.settings-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:8px;width:270px;padding:14px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0002}.settings-label{color:var(--muted);font-size:13px;font-weight:600}.segmented{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;padding:3px;display:inline-flex}.segmented>button,.segmented>a{color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:14px;text-decoration:none;display:inline-flex}.segmented>span{padding:0 6px;font-size:14px}.segmented [aria-pressed=true],.segmented [aria-current=true]{background:var(--surface);font-weight:600;box-shadow:0 1px 3px #0002}main{max-width:780px;margin:0 auto;padding:24px 20px 120px}.notice{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:12px 14px}.notice.error{border-left-color:#b3261e}.loading{color:var(--muted)}h1{font-family:var(--serif);margin:18px 0 4px;font-size:clamp(28px,6vw,40px);line-height:1.15}h2{font-family:var(--serif);margin:28px 0 10px;font-size:22px}.translation-line{color:var(--muted);margin:0 0 22px;font-size:14px}.hint-line{color:var(--muted);margin-top:28px;font-size:13px}.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.status{min-height:1.5em;color:var(--muted);margin:6px 0 0;font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:4px 18px}.card h3{margin:14px 0 0;font-size:17px}.reader-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.picker-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.select-label{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.select-label select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 10px}.verses{font-family:var(--serif);font-size:var(--reader-size);margin:0;padding:0;line-height:1.75;list-style:none}.verse{border-radius:6px;grid-template-columns:2.4em minmax(0,1fr);align-items:start;padding:2px 4px 2px 0;scroll-margin:90px 0 140px;display:grid;position:relative}.verse>p,.verse .columns p{cursor:pointer;overflow-wrap:break-word;margin:0}.verse-number{color:var(--accent);font-family:var(--sans);background:0 0;border:0;border-radius:6px;justify-self:end;min-width:28px;min-height:28px;margin-right:.55em;padding:.55em .25em;font-size:.62em;font-weight:700;line-height:1}.verse-number:hover{background:var(--surface-2)}.verse.targeted{background:var(--target);box-shadow:inset 4px 0 0 var(--accent)}.verse.targeted.hl-yellow{background:var(--hl-yellow)}.verse.targeted.hl-green{background:var(--hl-green)}.verse.targeted.hl-blue{background:var(--hl-blue)}.verse.targeted.hl-pink{background:var(--hl-pink)}.verse.selected{box-shadow:inset 0 0 0 2px var(--accent)}.hl-yellow{background:var(--hl-yellow)}.hl-green{background:var(--hl-green)}.hl-blue{background:var(--hl-blue)}.hl-pink{background:var(--hl-pink)}.marks{color:var(--accent);gap:2px;display:grid;position:absolute;top:.5em;right:-22px}.note-preview{font-family:var(--sans);color:var(--muted);border-left:3px solid var(--accent);white-space:pre-wrap;grid-column:2;padding-left:10px;font-size:14px;cursor:default!important;margin:4px 0 8px!important}.supplied{font-style:italic}mark{background:var(--hl-yellow);color:inherit;border-radius:3px;padding:0 1px}.absent{font-family:var(--sans);color:var(--muted);font-size:14px;font-style:italic}.parallel .columns{grid-template-columns:1fr 1fr;gap:22px;display:grid}.parallel-head{font-family:var(--sans);color:var(--muted);letter-spacing:.06em;grid-template-columns:2.4em 1fr 1fr;column-gap:22px;margin-bottom:6px;font-size:13px;font-weight:700;display:grid}.parallel-head span:first-child{grid-column:2}.chapter-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:30px;padding-top:16px;display:flex}.chapter-nav a{align-items:center;gap:4px;padding:8px 4px;font-weight:600;text-decoration:none;display:inline-flex}.verse-actions{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:16px;width:min(620px,100% - 24px);max-height:calc(100dvh - 120px);padding:12px 16px;position:fixed;bottom:16px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 16px 48px #0003}.actions-head{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.actions-head strong{flex:1}.range-hint{margin:4px 0 0;font-size:14px}.verse-number.static{text-align:right;cursor:default;display:inline-block}.passage h2{margin:22px 0 8px;font-size:20px}.passage h2 a{text-decoration:none}.passage .translation-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.passage .verse p{cursor:default}.actions-row{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 10px;display:flex}.swatches{align-items:center;gap:6px;display:inline-flex}.swatch{border:2px solid var(--line);border-radius:50%;width:30px;height:30px}.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface) inset}.note-form{gap:6px;display:grid}.note-form label{font-size:14px;font-weight:600}.note-form textarea{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:10px;width:100%;padding:8px 10px}.note-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.picker{border:1px solid var(--line);background:var(--surface);width:min(760px,100% - 24px);max-height:calc(100dvh - 40px);color:var(--ink);border-radius:16px;padding:8px 18px 20px}.picker::backdrop{background:#0007}.picker-head{background:var(--surface);z-index:1;align-items:center;gap:6px;padding:6px 0;display:flex;position:sticky;top:-8px}.picker-head h2{flex:1;margin:0;font-size:20px}.picker h3{color:var(--muted);letter-spacing:.04em;margin:16px 0 8px;font-size:14px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.book-grid button,.chapter-grid button{border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:8px;padding:8px}.book-grid button[aria-current=true]{border-color:var(--accent);color:var(--accent);font-weight:700}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin-top:10px;display:grid}.chapter-grid button{text-align:center;padding:10px 0}.book-grid button:hover,.chapter-grid button:hover{border-color:var(--accent)}.search-tools{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:8px 0 14px;display:flex}.search-tools>p{color:var(--muted);flex-basis:100%;margin:0}.results{margin:0;padding-left:0;list-style:none}.results li{border-bottom:1px solid var(--line);padding:12px 0}.results li>a{font-weight:700;text-decoration:none}.results li>p{font-family:var(--serif);font-size:calc(var(--reader-size) * .95);margin:4px 0 0;line-height:1.65}.pager{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.pager a{align-items:center;gap:4px;padding:8px 0;font-weight:600;text-decoration:none;display:inline-flex}.saved-list{gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.saved-list li{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 8px 10px 14px;display:flex}.saved-list li.hl-yellow,.saved-list li.hl-green,.saved-list li.hl-blue,.saved-list li.hl-pink{border-left:8px solid #0000}.saved-list li.hl-yellow{border-left-color:var(--hl-yellow);background:var(--surface)}.saved-list li.hl-green{border-left-color:var(--hl-green);background:var(--surface)}.saved-list li.hl-blue{border-left-color:var(--hl-blue);background:var(--surface)}.saved-list li.hl-pink{border-left-color:var(--hl-pink);background:var(--surface)}.saved-list a{margin-right:8px;font-weight:700;text-decoration:none}.saved-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.saved-list>li>div{min-width:0}.saved-tags{color:var(--muted);font-size:13px}.empty{color:var(--muted);padding:20px 0}.about-page h1{align-items:center;gap:10px;display:flex}.about-page li{margin:6px 0}@media (width<=760px){.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.search-form{flex-basis:100%;order:3;max-width:none}.topbar nav{margin-left:auto}.topbar nav a{padding:8px 7px}main{padding:16px 16px 140px}.parallel .columns{grid-template-columns:1fr;gap:6px}.parallel .columns p+p{border-left:3px solid var(--line);color:var(--muted);padding-left:10px;font-size:.94em}.parallel-head{display:none}.marks{top:-2px;right:2px}.verse{grid-template-columns:2em minmax(0,1fr);padding-right:14px}.note-preview{grid-column:1/-1}}@media (width<=380px){.brand span{font-size:18px}.search-submit{padding:7px 10px}.select-label>span:not(.sr-only){display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}