:root{--color-bg: #faf5ec;--color-text: #2b2420;--color-muted: #6b5f54;--color-accent: #bfa15a;--color-highlight: #f3e6c4;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Libre Baskerville", Georgia, "Times New Roman", serif;--reader-font-size: 1.125rem;--reader-line-height: 1.8;--reader-print-font-size: .92rem;--reader-print-line-height: 1.55}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:1280px;margin:0 auto;padding:0 1.25rem 4rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.08)}.app-title{font-size:1.25rem;font-weight:600;letter-spacing:.01em}.sponsor-button{background:transparent;font-size:.9rem;color:var(--color-text);border:1px solid var(--color-accent);border-radius:999px;padding:.35rem .9rem;cursor:pointer;font-family:var(--font-ui);transition:background-color .15s ease}.sponsor-button:hover{background-color:var(--color-highlight)}.sponsor-button:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.support-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1.25rem;background:#231d1457;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.support-modal{position:relative;width:min(100%,27rem);padding:1.45rem;border:1px solid rgba(191,161,90,.32);border-radius:12px;background:#fffaf0;box-shadow:0 20px 55px #2a1f1238}.support-modal-close{position:absolute;top:.7rem;right:.7rem;display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--color-muted);cursor:pointer;font-size:1.45rem;line-height:1}.support-modal-close:hover{background:#bfa15a24;color:var(--color-text)}.support-modal-close:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.support-modal-kicker{margin:0 2rem .45rem 0;color:#8a6d2f;font-family:var(--font-ui);font-size:.76rem;font-weight:800;text-transform:uppercase}.support-modal-title{margin:0;color:var(--color-text);font-family:var(--font-serif);font-size:1.65rem;line-height:1.15}.support-modal-text,.support-modal-blessing{color:#4d4235;font-family:var(--font-serif);font-size:1.03rem;line-height:1.55}.support-modal-text{margin:.9rem 0 0}.support-modal-blessing{margin:.7rem 0 0;font-style:italic}.support-modal-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}.support-modal-primary,.support-modal-secondary{display:inline-flex;min-height:2.55rem;align-items:center;justify-content:center;padding:.45rem .95rem;border-radius:8px;cursor:pointer;font-family:var(--font-ui);font-size:.94rem;font-weight:700;text-decoration:none}.support-modal-primary{border:1px solid #9f7b35;background:var(--color-highlight);color:var(--color-text)}.support-modal-primary:hover{background:#ead9ad}.support-modal-secondary{border:1px solid rgba(42,31,18,.14);background:#ffffff8f;color:var(--color-muted)}.support-modal-secondary:hover{background:#bfa15a1f;color:var(--color-text)}.support-modal-primary:focus-visible,.support-modal-secondary:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.reader-controls{display:grid;gap:.95rem;max-width:1180px;margin:0 auto 1.2rem}.reader-control-row{display:grid;grid-template-columns:minmax(17rem,max-content) max-content minmax(28rem,1fr);align-items:end;gap:.9rem}.reader-control-group{display:flex;align-items:end;gap:.7rem}.reader-control-group--reference .selector:first-child{min-width:9.75rem}.reader-control-group--reference .selector:last-child{width:4.35rem}.selector{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--color-muted)}.selector select{font-family:var(--font-ui);font-size:1rem;color:var(--color-text);background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:.45rem .6rem}.search-box{min-width:0}.search-form{display:flex;flex-direction:column;gap:.25rem}.search-label{font-size:.85rem;color:var(--color-muted)}.search-input-row{display:flex;min-height:2.9rem}.search-input{min-width:0;flex:1;color:var(--color-text);background:#ffffffc7;border:1px solid rgba(0,0,0,.15);border-right:0;border-radius:8px 0 0 8px;font-family:var(--font-ui);font-size:1rem;padding:.55rem .75rem}.search-input:focus{outline:2px solid rgba(191,161,90,.75);outline-offset:-2px}.search-button{min-width:5.25rem;padding:.45rem .9rem;border:1px solid rgba(0,0,0,.15);border-radius:0 8px 8px 0;background:var(--color-highlight);color:var(--color-text);cursor:pointer;font-family:var(--font-ui);font-size:.95rem;font-weight:600}.search-button:hover{background:#ead9ad}.search-button:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.search-message{margin:.45rem 0 0;color:var(--color-muted);font-size:.9rem}.search-results{display:grid;max-height:18rem;margin-top:.6rem;overflow:auto;background:#fffaf0eb;border:1px solid rgba(95,72,38,.16);border-radius:8px}.search-result{display:grid;gap:.15rem;padding:.7rem .85rem;border:0;border-top:1px solid rgba(95,72,38,.12);background:transparent;color:var(--color-text);cursor:pointer;font:inherit;text-align:left}.search-result:first-child{border-top:0}.search-result:hover{background:#bfa15a1f}.search-result:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:-2px}.search-result-reference{color:#7a622c;font-size:.82rem;font-weight:700}.search-result-text{display:-webkit-box;overflow:hidden;font-family:var(--font-serif);font-size:.95rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.text-size-control{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--color-muted)}.text-size-toggle{display:flex;min-height:2.9rem;overflow:hidden;background:#ffffffad;border:1px solid rgba(0,0,0,.15);border-radius:8px}.text-size-option{min-width:4.25rem;padding:.45rem .7rem;border:0;border-left:1px solid rgba(0,0,0,.1);background:transparent;color:var(--color-text);cursor:pointer;font-family:var(--font-ui);font-size:.92rem}.text-size-option:first-child{border-left:0}.text-size-option:hover{background:#bfa15a24}.text-size-option:focus-visible{position:relative;z-index:1;outline:2px solid rgba(191,161,90,.75);outline-offset:-2px}.text-size-option--active{background:var(--color-highlight);font-weight:600}.audio-controls{display:grid;grid-template-columns:minmax(18rem,1fr) max-content;align-items:end;gap:.7rem;min-height:2.9rem}.audio-settings{display:grid;grid-template-columns:minmax(9rem,1fr) max-content;align-items:end;gap:.7rem}.audio-speed-control{display:flex;flex-direction:column;gap:.25rem;justify-content:end;min-width:9rem;color:var(--color-muted);font-size:.85rem}.audio-speed-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.audio-speed-value{color:var(--color-text);font-family:var(--font-ui);font-size:.78rem;font-weight:700}.audio-speed-slider{width:100%;height:1.85rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.audio-speed-slider::-webkit-slider-runnable-track{height:.32rem;border-radius:999px;background:linear-gradient(90deg,var(--color-accent) 0 var(--speed-progress),rgba(95,72,38,.16) var(--speed-progress) 100%)}.audio-speed-slider::-webkit-slider-thumb{width:.92rem;height:.92rem;margin-top:-.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #fffaf0;border-radius:50%;background:#7a622c;box-shadow:0 1px 4px #2a1f1233}.audio-speed-slider::-moz-range-track{height:.32rem;border-radius:999px;background:#5f482629}.audio-speed-slider::-moz-range-progress{height:.32rem;border-radius:999px;background:var(--color-accent)}.audio-speed-slider::-moz-range-thumb{width:.72rem;height:.72rem;border:2px solid #fffaf0;border-radius:50%;background:#7a622c;box-shadow:0 1px 4px #2a1f1233}.audio-speed-slider:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.audio-speed-slider:disabled{cursor:not-allowed;opacity:.55}.audio-continue-control{position:relative;display:flex;align-items:center;gap:.65rem;justify-content:space-between;min-width:10.75rem;min-height:2.9rem;padding-bottom:.16rem;color:var(--color-muted);cursor:pointer;font-family:var(--font-ui)}.audio-continue-copy{display:flex;min-width:0;flex-direction:column;gap:.1rem}.audio-continue-label{font-size:.76rem;font-weight:700}.audio-continue-value{color:var(--color-text);font-size:.82rem;font-weight:700}.audio-continue-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.audio-continue-switch{position:relative;width:2.45rem;height:1.32rem;flex:0 0 auto;border-radius:999px;background:#5f48262e;transition:background-color .15s ease}.audio-continue-switch:after{position:absolute;top:.18rem;left:.18rem;width:.96rem;height:.96rem;border-radius:50%;background:#fffaf0;box-shadow:0 1px 4px #2a1f1238;content:"";transition:transform .15s ease}.audio-continue-input:checked+.audio-continue-switch{background:var(--color-accent)}.audio-continue-input:checked+.audio-continue-switch:after{transform:translate(1.13rem)}.audio-continue-control:has(.audio-continue-input:focus-visible){outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.audio-continue-control:has(.audio-continue-input:disabled){cursor:not-allowed;opacity:.55}.audio-actions{display:flex;align-items:end;gap:.5rem}.audio-button{min-height:2.9rem;padding:.45rem .85rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#ffffffad;color:var(--color-text);cursor:pointer;font-family:var(--font-ui);font-size:.95rem;white-space:nowrap}.audio-button:hover:not(:disabled){background:#bfa15a24}.audio-button:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.audio-button:disabled{cursor:not-allowed;opacity:.55}.audio-button--primary{min-width:7.35rem;background:var(--color-highlight);font-weight:600}.audio-button--primary:hover:not(:disabled){background:#ead9ad}.audio-error{max-width:1180px;margin:-.35rem auto 1rem;color:#8f2d1d;font-size:.95rem}.now-listening-bar{display:none}.open-bible{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:.35rem .42rem .55rem;background:#2a261f;border-radius:11px 11px 8px 8px;box-shadow:inset 0 0 0 1px #ffffff0f,0 14px 28px #2a1f1224}.open-bible[data-text-size=normal]{--reader-print-font-size: .92rem;--reader-print-line-height: 1.55}.open-bible[data-text-size=large]{--reader-print-font-size: 1.08rem;--reader-print-line-height: 1.6}.open-bible[data-text-size=extra-large]{--reader-print-font-size: 1.24rem;--reader-print-line-height: 1.65}.book-pages{position:relative;min-height:28rem;padding:1.8rem 3.25rem 2rem;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.045),transparent 8%,transparent 92%,rgba(0,0,0,.04)),repeating-linear-gradient(90deg,#dfc79f 0,#dfc79f 1px,#f6e7cd 1px,#f6e7cd 3px) left / 1.05rem 100% no-repeat,repeating-linear-gradient(90deg,#f6e7cd 0,#f6e7cd 1px,#dfc79f 1px,#dfc79f 3px) right / 1.05rem 100% no-repeat,linear-gradient(90deg,#fff9ed,#fffdf8 48.8%,#efe6d9,#fffdf8 51.2%,#fff9ed);border:1px solid rgba(79,59,31,.18);border-radius:8px 8px 5px 5px;box-shadow:inset 0 0 12px #6f4d2312,inset 0 -5px 9px #8a602c17}.book-pages:before{position:absolute;top:0;bottom:0;left:50%;width:.55rem;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(83,58,27,.06) 35%,rgba(74,52,25,.1) 50%,rgba(255,255,255,.32) 65%,transparent);content:"";pointer-events:none}.book-pages:after{position:absolute;right:1.05rem;bottom:0;left:1.05rem;height:.32rem;background:linear-gradient(180deg,#976b311f,#f4deb838);content:"";pointer-events:none}.book-ribbon{position:absolute;bottom:-3.1rem;left:50%;z-index:0;width:.72rem;height:3.7rem;transform:translate(-50%);background:linear-gradient(90deg,#151515,#38332b 44%,#111);border-radius:0 0 3px 3px;box-shadow:0 5px 8px #0003}.reader-heading{position:relative;z-index:1;width:calc((100% - 3rem)/2);margin:0 0 1.25rem;font-family:var(--font-serif);font-size:1.45rem;font-weight:600;letter-spacing:.16em;text-align:center;text-transform:uppercase}.reader-heading:after{display:block;width:4.7rem;height:.45rem;margin:.42rem auto 0;background:radial-gradient(circle at center,var(--color-accent) 0 2px,transparent 2.5px),linear-gradient(90deg,transparent 0 8%,rgba(191,161,90,.8) 8% 92%,transparent 92% 100%);background-position:center,center;background-size:100% 100%,100% 1px;background-repeat:no-repeat;content:""}.reader-status{padding:2rem 0;color:var(--color-muted)}.verses{position:relative;z-index:1;font-family:var(--font-serif);font-size:var(--reader-print-font-size);line-height:var(--reader-print-line-height);column-count:2;column-gap:3rem;text-align:left;text-wrap:pretty}.verse{display:grid;width:100%;grid-template-columns:2.2rem 1fr;column-gap:.75rem;align-items:start;margin:0 0 .68rem;padding:.05rem .1rem;border:0;border-radius:3px;background:transparent;color:var(--color-text);cursor:pointer;break-inside:avoid;font:inherit;text-align:left;transition:background-color .15s ease,color .15s ease;-webkit-box-decoration-break:clone;box-decoration-break:clone}.verse:hover{background:#bfa15a24}.verse:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:3px}.verse--selected{background:var(--color-highlight)}.verse--playing{background:#ead18b;box-shadow:inset 3px 0 0 var(--color-accent)}.verse-number{font-family:var(--font-ui);font-size:.74em;font-weight:500;line-height:1.45;color:#5f5241;white-space:nowrap}.verse-text{display:block}.chapter-nav{display:flex;justify-content:flex-end;gap:.45rem;width:100%;max-width:1180px;margin:.75rem auto 0;padding-right:.15rem;font-family:var(--font-ui)}.chapter-nav-button{display:flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border:1px solid rgba(95,72,38,.18);border-radius:999px;background:#fffaf0d1;color:var(--color-text);cursor:pointer;font:inherit;font-size:1.05rem;line-height:1;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.chapter-nav-button:hover:not(:disabled){background:#bfa15a29;border-color:#5f482647}.chapter-nav-button:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.chapter-nav-button:disabled{cursor:not-allowed;opacity:.48}@media(max-width:1080px){.reader-control-row{grid-template-columns:minmax(17rem,1fr) max-content}.audio-controls{grid-column:1 / -1}}@media(max-width:760px){.app{max-width:100%;padding-bottom:6.75rem}.reader-controls{gap:.85rem}.reader-control-row{display:flex;flex-direction:column;align-items:stretch;gap:.85rem}.reader-control-group--reference{display:grid;grid-template-columns:minmax(0,1fr) 5.25rem;gap:.65rem}.reader-control-group--reference .selector:first-child,.reader-control-group--reference .selector:last-child{width:auto;min-width:0}.selector select{width:100%}.open-bible{max-width:100%;padding:0;background:transparent;border-radius:0;box-shadow:none}.book-pages{min-height:0;padding:1.5rem 1.15rem 1.75rem;border-radius:12px;background:#fffaf0}.book-pages:before,.book-pages:after,.book-ribbon{display:none}.reader-heading{width:100%;font-size:1.15rem}.verses{column-count:1;column-gap:0;text-align:left}.audio-controls,.text-size-control{width:100%}.text-size-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.text-size-option{min-width:0}.audio-controls{grid-template-columns:1fr;gap:.75rem}.audio-settings{grid-template-columns:1fr;gap:.65rem}.audio-speed-control{width:100%}.audio-continue-control{width:100%;min-width:0}.audio-actions{display:grid;grid-template-columns:minmax(0,1fr) 5.25rem}.audio-button{width:100%}.now-listening-bar{position:fixed;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.65rem;min-height:3.85rem;padding:.55rem .65rem .55rem .8rem;border:1px solid rgba(95,72,38,.2);border-radius:12px;background:#fffaf0f5;box-shadow:0 10px 30px #2a1f1238;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.now-listening-copy{min-width:0}.now-listening-kicker{display:block;color:var(--color-muted);font-family:var(--font-ui);font-size:.72rem;font-weight:700;text-transform:uppercase}.now-listening-reference{display:block;overflow:hidden;color:var(--color-text);font-family:var(--font-ui);font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.now-listening-speed{color:var(--color-muted);font-family:var(--font-ui);font-size:.82rem;font-weight:700}.now-listening-stop{min-height:2.45rem;padding:.4rem .72rem;border:1px solid rgba(42,31,18,.2);border-radius:8px;background:#2f2a22;color:#fffaf0;cursor:pointer;font-family:var(--font-ui);font-size:.9rem;font-weight:700}.now-listening-stop:focus-visible{outline:2px solid rgba(191,161,90,.75);outline-offset:2px}.chapter-nav{padding-right:.25rem}}