:root{color-scheme:dark;--blue:#00a7fa;--ink:#05090f;--muted:#a5b8c8}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--ink);color:white}button,select{font:inherit}button{cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.top{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px max(18px,env(safe-area-inset-left));background:linear-gradient(#05090ff5,#05090fc0 70%,transparent);gap:12px}.brand{font-weight:900;color:var(--blue);text-decoration:none;letter-spacing:.04em;font-size:clamp(17px,3.5vw,23px);white-space:nowrap}.brand span{color:white}.controls{display:flex;gap:9px;align-items:center}select,.round{background:#152334;color:white;border:1px solid #3a5166;border-radius:999px;padding:10px 12px}.round{height:42px;width:42px;font-size:20px}.feed{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.slide{height:100dvh;min-height:420px;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:95px 22px 108px;position:relative;background:radial-gradient(ellipse at 50% 35%,#113450 0%,#081626 43%,#05090f 78%)}.slide:nth-child(3n+2){background:radial-gradient(ellipse at 25% 55%,#172a40 0%,#0b1422 46%,#05090f 85%)}.slide:nth-child(3n){background:radial-gradient(ellipse at 75% 25%,#113b52 0%,#081623 48%,#05090f 85%)}.content{width:min(100%,710px);text-align:center}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.23em;margin-bottom:25px}.scripture{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,5.6vw,44px);line-height:1.42;letter-spacing:-.015em;text-wrap:pretty;margin:0 auto 27px}.reference{font-size:15px;letter-spacing:.09em;color:#b7d7eb;font-weight:700;margin:0 0 28px}.read{border:1px solid #4780a1;background:#0b263a99;border-radius:999px;color:white;padding:12px 20px;font-size:12px;letter-spacing:.1em;font-weight:800}.read:hover,.read:focus-visible{border-color:var(--blue);background:#103b58}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:15;text-align:center;padding:16px 0 max(20px,env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(transparent,#05090fd9)}.bottom button{pointer-events:auto;background:transparent;border:0;color:#a9c3d5;font-size:11px;letter-spacing:.17em;font-weight:800}.bottom span{display:block;font-size:24px;margin-top:2px;color:var(--blue)}dialog{border:1px solid #34506a;border-radius:20px;background:#091422;color:white;max-width:min(92vw,700px);box-shadow:0 20px 100px #000b}dialog::backdrop{background:#000c}#info{padding:25px;text-align:center;line-height:1.65}.infoLogo{width:min(100%,370px);display:block;margin:auto}.x{position:absolute;right:15px;top:8px;background:none;color:white;border:0;font-size:32px}.primary{background:var(--blue);color:#03101a;font-weight:900;border:0;border-radius:999px;padding:13px 25px;margin:12px}.readerTop{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #25394b;padding-bottom:16px}.back{background:none;border:0;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}#reader{height:min(92dvh,1000px);width:min(95vw,800px);padding:24px;overflow-y:auto}#readerVersion{color:#a9c3d5;font-size:12px}#chapterTitle{font-family:Georgia,serif;font-size:34px}.verse{font-family:Georgia,serif;font-size:20px;line-height:1.85;margin:0 0 12px}.verse sup{color:var(--blue);font-family:system-ui;font-size:11px;font-weight:800;margin-right:7px}.readerFoot{display:flex;justify-content:space-between;gap:10px;padding:30px 0}.readerFoot button{background:#132a3b;color:white;border:1px solid #395b74;border-radius:10px;padding:13px}.readerFoot button:disabled{opacity:.3}@media(max-height:600px){.scripture{font-size:clamp(19px,4vh,28px)}.eyebrow{margin-bottom:12px}.reference{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.feed{scroll-behavior:auto!important}}

/* Hope Scroll v2: light-first, horizontal swipe and timed passages */
:root,[data-theme="light"]{color-scheme:light;--page:#f5f6f8;--text:#142536;--sub:#456176;--panel:#ffffff;--border:#cbd8e1;--wash:#e9f3f9;--header:linear-gradient(#f5f6f8fa,#f5f6f8dc 80%,transparent);--footer:linear-gradient(transparent,#f5f6f8e8)}
[data-theme="dark"]{color-scheme:dark;--page:#05090f;--text:#fff;--sub:#b7d7eb;--panel:#091422;--border:#34506a;--wash:#10283a;--header:linear-gradient(#05090ff5,#05090fc0 80%,transparent);--footer:linear-gradient(transparent,#05090fe8)}
html,body{background:var(--page);color:var(--text)}.top{background:var(--header)}.brand span{color:var(--text)}select,.round{background:var(--panel);color:var(--text);border-color:var(--border)}.feed{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x}.slide{height:100dvh;min-height:0;min-width:100%;width:100%;flex:0 0 100%;scroll-snap-align:start;background:radial-gradient(ellipse at 50% 35%,#e1f2fb 0%,#f5f8fb 60%,#fff 100%)}.slide:nth-child(3n+2){background:radial-gradient(ellipse at 25% 55%,#d9edf9 0%,#f4f7fa 65%,#fff 100%)}.slide:nth-child(3n){background:radial-gradient(ellipse at 75% 25%,#e2eff8 0%,#f5f8fb 65%,#fff 100%)}[data-theme="dark"] .slide{background:radial-gradient(ellipse at 50% 35%,#113450 0%,#081626 43%,#05090f 78%)}[data-theme="dark"] .slide:nth-child(3n+2){background:radial-gradient(ellipse at 25% 55%,#172a40 0%,#0b1422 46%,#05090f 85%)}[data-theme="dark"] .slide:nth-child(3n){background:radial-gradient(ellipse at 75% 25%,#113b52 0%,#081623 48%,#05090f 85%)}.scripture{color:var(--text);font-size:clamp(22px,5vw,42px);max-height:52dvh;overflow-y:auto}.reference{color:var(--sub)}.read{background:var(--wash);color:var(--text);border-color:var(--border)}.bottom{background:var(--footer);padding:10px 16px max(18px,env(safe-area-inset-bottom))}.bottom button{color:var(--sub)}.navActions{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:700px;margin:auto}.navActions button{padding:10px 4px;font-size:11px;white-space:nowrap}.progressTrack{height:3px;background:var(--border);max-width:700px;margin:0 auto 10px;border-radius:4px;overflow:hidden}.progressTrack[hidden]{display:none}#progressFill{height:100%;width:0;background:var(--blue)}dialog{background:var(--panel);color:var(--text);border-color:var(--border)}dialog::backdrop{background:#000a}.x{color:var(--text)}.readerTop{border-color:var(--border)}#readerVersion{color:var(--sub)}.readerFoot button{background:var(--wash);color:var(--text);border-color:var(--border)}.settings{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}.settings label{font-weight:700}.settings select{border-radius:10px}.infoLogo{background:#05090f;border-radius:12px}#pauseBtn:disabled{opacity:.4}button:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:370px){.top{padding-left:10px;padding-right:10px}.controls{gap:4px}.brand{font-size:15px}.round{width:36px;height:36px;padding:4px}.controls select{padding:8px 4px}.navActions button{font-size:10px}}

/* V3 navigation and adaptive logo */
.brand{display:flex;align-items:center;overflow:hidden;width:clamp(120px,27vw,180px);height:54px}
.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
[data-theme="dark"] .brand img{mix-blend-mode:normal}
.infoLogo{background:transparent;max-height:290px;object-fit:contain}
.feed.vertical{display:block;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;touch-action:pan-y}
.feed.horizontal{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x}
.feed.vertical .slide{width:100%;min-width:100%;height:100dvh;min-height:100dvh}
.feed.horizontal .slide{width:100%;min-width:100%;height:100dvh;min-height:100dvh}
@media(max-width:370px){.brand{width:112px;height:45px}}

.install-callout{margin:20px 0 12px;padding:18px;border-radius:18px;background:var(--panel,#eef6ff);color:var(--text,#152334);border:1px solid #b8dff7;text-align:center}.install-callout h3{margin:0 0 5px}.install-callout p{margin:0 0 12px}.install-open{background:#008bd1;color:white;border:0;border-radius:999px;padding:12px 20px;font-weight:700}.install-dialog{position:fixed;max-height:88dvh;overflow-y:auto;width:min(94vw,480px);padding:26px 20px;border:0;border-radius:22px;color:#172332;background:#fff;box-shadow:0 25px 70px #0006}.install-dialog::backdrop{background:#0009}.install-dialog h2{margin:0 36px 4px 0}.install-intro{color:#5c6877}.install-close{position:absolute;top:12px;right:14px;border:0;background:#e9eff5;border-radius:50%;height:36px;width:36px;font-size:24px}.install-tabs{display:flex;gap:8px;margin:20px 0}.install-tabs button{flex:1;border:1px solid #cbd5e1;background:#f3f5f7;color:#1e293b;border-radius:12px;padding:12px 6px;font-weight:700}.install-tabs button.selected{background:#008bd1;color:white;border-color:#008bd1}.install-steps{display:grid;gap:14px}.install-steps>div{display:flex;gap:12px;align-items:start}.step-no{flex:none;background:#dff3ff;color:#006caa;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:800}.install-steps>div>div{flex:1}.mini-browser,.mini-option{margin-top:8px;border:1px solid #d6dee8;background:#f5f7fa;border-radius:12px;padding:13px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.share-symbol{font-size:25px;color:#008bd1}.toggle-on{width:42px;height:25px;border-radius:20px;background:#22c55e;position:relative}.toggle-on:after{content:'';position:absolute;right:3px;top:3px;background:white;width:19px;height:19px;border-radius:50%}.mini-home{margin-top:8px;padding:16px;border-radius:16px;background:linear-gradient(140deg,#b6d5f4,#e4effb);display:flex;gap:16px;align-items:start}.home-icon{display:flex;flex-direction:column;align-items:center;gap:3px;width:68px}.home-icon img{width:58px;height:58px;border-radius:13px}.home-icon small{font-size:10px;color:#162536}.home-placeholder{width:55px;height:55px;background:#ffffff88;border-radius:13px}.install-note{font-size:12px;color:#64748b}.apk-pending{border-radius:12px;background:#e9edf2;color:#596577;text-align:center;padding:13px;font-weight:700}#androidPanel[hidden],#iosPanel[hidden]{display:none!important}