:root {
  color-scheme:light; --bg:#f8f5ef; --surface:#fffcf7; --ink:#32231c; --muted:#796e64; --line:#e5ddd0;
  --gold:#ac8436; --gold-light:#ede0bd; --soft:#f0eade; --brown:#4b2a1d; --accent:#735033; --green:#52745d;
  --shadow:0 12px 38px #4426110b; --size:20px; --ease:cubic-bezier(.22,.8,.3,1); --nav-height:78px;
}
:root[data-theme="night"] {color-scheme:dark;--bg:#1c1916;--surface:#26211d;--ink:#eee5d7;--muted:#bbac9a;--line:#433a30;--gold:#d9b46a;--gold-light:#64502c;--soft:#322b23;--brown:#e4c68e;--accent:#d7b37c;--green:#a6c0a8;--shadow:0 12px 38px #0002;}
* {box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden] {display:none!important}
html {min-height:100%;background:var(--bg);scroll-padding-top:102px}
body {margin:0;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;overscroll-behavior-y:contain;transition:background .28s ease,color .28s ease}
button,input {font:inherit;color:inherit}button {cursor:pointer;touch-action:manipulation}button:disabled {cursor:default;opacity:.42}button {border:0}a {color:inherit}
button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible {outline:3px solid var(--gold);outline-offset:3px}
button {transition:background .18s ease,transform .18s var(--ease),color .18s ease}button:active:not(:disabled) {transform:scale(.965)}
.icon {width:23px;height:23px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;vertical-align:middle}
.symbol-library {position:absolute;width:0;height:0;overflow:hidden}
.skip {position:fixed;top:-100px;left:10px;background:var(--surface);padding:12px;z-index:100}.skip:focus {top:10px}
.app-shell {max-width:680px;margin:auto;min-height:100vh;background:var(--bg);position:relative}
.app-header {height:calc(80px + 0px);padding:calc(14px + 0px) 22px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:var(--bg);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid transparent}
.brand {display:flex;align-items:center;gap:9px;background:transparent;text-align:left;padding:0;min-height:48px}
.brand img {object-fit:contain;width:43px;height:43px}.brand span {display:flex;flex-direction:column}.brand strong {font:600 23px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.7px;color:var(--brown)}.brand small {font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:4px}
.icon-button {height:44px;width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);flex-shrink:0}.type-icon {font-family:Georgia,serif;font-size:19px}
main {outline:none}.screen {padding:12px 24px calc(var(--nav-height) + 0px + 28px);min-height:calc(100vh - 80px)}
.screen.entering {animation:page-enter .32s var(--ease) both}
.eyebrow {font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--muted);display:block;line-height:1.5}
.home-intro {padding:26px 0 29px;position:relative;isolation:isolate;overflow:hidden}.home-intro>.eyebrow {display:flex;align-items:center;gap:10px;color:var(--accent);font-size:9px;letter-spacing:2px}.tiny-line {display:block;width:23px;height:1px;background:var(--gold)}
h1,h2,h3,p {overflow-wrap:break-word}h1,h2,h3 {font-family:Georgia,"Times New Roman",serif;font-weight:400}
.home-intro h1 {font-size:49px;line-height:1.06;letter-spacing:-2px;margin:20px 0 16px;color:var(--ink);position:relative;z-index:1}.home-intro h1 em {color:var(--accent);font-weight:400}.home-intro p {font-size:13px;color:var(--muted);line-height:1.7;margin:0;position:relative;z-index:1}
.intro-arch {position:absolute;right:-35px;top:27px;width:143px;height:210px;z-index:0;opacity:.32;transform:rotate(11deg);pointer-events:none}.intro-arch span {position:absolute;inset:0;border:1px solid var(--gold);border-radius:100px 100px 5px 5px}.intro-arch span:nth-child(2) {inset:11px}.intro-arch span:nth-child(3) {inset:22px}
.resume-card {background:#4b2a1d;color:#fff8e8;width:100%;border-radius:22px;padding:24px;text-align:left;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 12px 24px #3f291719}.resume-card>.eyebrow {color:#dec387;font-size:9px;letter-spacing:1.6px}.resume-card>strong {display:block;font:400 26px/1.2 Georgia,serif;letter-spacing:-.5px;margin:12px 0 9px;position:relative}.resume-preview {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:14px/1.6 Georgia,serif;color:#e9d9bf;max-width:90%;position:relative}.resume-bottom {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;font-size:12px;font-weight:550;color:#f1e3c6;position:relative}.circle-arrow {display:flex;align-items:center;justify-content:center;background:#d8b764;color:#362819;width:36px;height:36px;border-radius:50%;flex:none}.circle-arrow .icon {width:20px;height:20px}.resume-arch {position:absolute;right:-22px;top:-23px;width:153px;height:285px;border:1px solid #af874546;border-radius:100px 100px 0 0;transform:rotate(25deg);z-index:-1}.resume-arch:after {content:"";position:absolute;inset:14px;border:1px solid #af874533;border-radius:inherit}
.section-title {margin:26px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title h2 {font-size:19px;margin:0;letter-spacing:-.4px}.text-button {display:inline-flex;align-items:center;gap:4px;padding:8px 0;background:transparent;color:var(--accent);font-size:11px;min-height:44px;white-space:nowrap}.text-button .icon {width:16px;height:16px}
.discover-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px}.discover-card {background:var(--surface);border:1px solid var(--line);padding:17px;border-radius:17px;text-align:left;position:relative;min-height:144px}.discover-icon {color:var(--gold);display:block;margin-bottom:12px}.discover-icon .icon {width:25px;height:25px}.discover-card strong {display:block;font:400 21px/1.2 Georgia,serif;letter-spacing:-.4px}.discover-card small {display:block;color:var(--muted);font-size:11px;margin-top:5px}.card-arrow {position:absolute;top:15px;right:15px;font-size:15px;color:var(--muted)}
.edition-card {background:transparent;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:24px 0 15px}.edition-card>span:nth-child(2) {flex:1}.edition-card strong {font-size:12px;display:block;font-weight:550}.edition-card small {display:block;font-size:10px;color:var(--muted);margin-top:3px}.edition-card>.icon {width:16px;color:var(--muted)}.edition-symbol {border:1px solid var(--line);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green);flex:none}.edition-symbol .icon {width:17px;height:17px}.edition-note {text-align:center;font-size:9px;color:var(--muted);letter-spacing:.3px;margin:0}
.bottom-nav {position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:680px;height:calc(var(--nav-height) + 0px);padding:9px 14px calc(8px + 0px);display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(18px);z-index:12}.bottom-nav button {background:transparent;border-radius:14px;color:var(--muted);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;line-height:1.1;padding:4px}.nav-icon {position:relative;display:flex;align-items:center;justify-content:center;width:49px;height:29px;border-radius:14px;transition:background .22s var(--ease),color .22s ease}.nav-icon .icon {width:21px;height:21px}.bottom-nav button[aria-current] {color:var(--brown);font-weight:650}.bottom-nav button[aria-current] .nav-icon {background:var(--soft);color:var(--accent)}.nav-badge {position:absolute;top:-3px;right:0;min-width:15px;height:15px;padding:1px 4px;background:var(--accent);color:var(--bg);border-radius:9px;font:600 9px/13px system-ui,sans-serif}
.page-heading {padding:24px 0 19px}.page-heading h1 {font-size:43px;line-height:1.1;letter-spacing:-1.6px;margin:10px 0}.page-heading p {color:var(--muted);font-size:13px;margin:0}
.input-wrap {display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:0 14px;min-width:0;min-height:51px;transition:border-color .2s}.input-wrap:focus-within {border-color:var(--gold)}.input-wrap>.icon {width:19px;height:19px;color:var(--muted)}.input-wrap input {border:0;background:transparent;min-width:0;flex:1;width:100%;padding:14px 0;font-size:14px;outline:0!important}.input-wrap input::placeholder {color:var(--muted)}
.segments {display:flex;gap:3px;background:var(--soft);padding:4px;border-radius:12px}.segments button {flex:1;min-width:0;min-height:40px;border-radius:9px;background:transparent;font-size:11px;font-weight:550;padding:9px 6px;color:var(--muted)}.segments button[aria-pressed="true"] {background:var(--surface);box-shadow:0 2px 6px #3222110c;color:var(--brown)}.testament-tabs {margin:14px 0 22px}
.book-group-heading {display:flex;align-items:center;gap:9px;margin:25px 0 13px}.book-group-heading h2 {font-size:22px;margin:0;letter-spacing:-.5px}.book-group-heading span {font:500 10px system-ui,sans-serif;color:var(--muted);margin-left:auto}.book-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px}.book-card {background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px;text-align:left;position:relative;min-height:110px;display:flex;flex-direction:column;justify-content:flex-end}.book-index {color:var(--gold);font-size:10px;letter-spacing:1px;margin-bottom:9px;font-weight:650}.book-card strong {display:block;font-size:16px;font-weight:500;letter-spacing:-.3px}.book-card small {display:block;font-size:10px;color:var(--muted);margin-top:4px}.book-card.active {border-color:var(--gold);background:var(--soft)}.book-card .card-arrow {font-size:13px}.book-grid.reveal .book-card {animation:card-enter .3s var(--ease) both;animation-delay:var(--delay,0ms)}
.helper-text {font-size:12px;line-height:1.6;color:var(--muted);margin:15px 0}.reading-controls {display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:13px;position:sticky;top:calc(80px + 0px);z-index:8;box-shadow:0 3px 8px #33221106}.reading-controls button {display:flex;align-items:center;gap:8px;padding:11px 12px;min-height:47px;background:transparent;min-width:0;font-size:12px}.reading-controls button:first-child {flex:1}.reading-controls button:first-child>span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.reading-controls .icon {width:18px;height:18px;color:var(--gold)}.reading-controls .chevron {width:15px;height:15px;color:var(--muted)}.control-divider {height:20px;background:var(--line);width:1px}.translation-tabs {margin-top:12px}.translation-tabs button {font-size:11px;min-height:36px}
.reader-head {text-align:center;padding:34px 0 27px}.reader-head .eyebrow {font-size:9px}.reader-head h1 {font-size:38px;line-height:1.12;letter-spacing:-1px;margin:12px 0}.reader-head h1 em {color:var(--gold);font-weight:400;font-style:normal}.reader-head p {font-size:11px;color:var(--muted);margin:0}.gold-rule {height:1px;width:34px;background:var(--gold);display:block;margin:23px auto 0}
.verses {min-height:150px}.verses.changing {animation:chapter-enter .28s var(--ease) both}.verse {display:grid;grid-template-columns:27px minmax(0,1fr) 32px;gap:1px;padding:11px 0 13px;border-radius:9px;scroll-margin-top:calc(148px + 0px);position:relative}.verse-text {margin:0;font:var(--size)/1.78 Georgia,"Times New Roman",serif;hyphens:auto;overflow-wrap:break-word;color:var(--ink)}.verse-no {font:600 11px system-ui,sans-serif;color:var(--gold);background:transparent;min-height:44px;width:27px;align-self:start;margin-top:-3px;padding:0 4px 0 0}.save-verse {background:transparent;align-self:start;min-height:44px;width:32px;color:var(--muted);padding:0;margin-top:-3px;display:flex;align-items:center;justify-content:flex-end}.save-verse .icon {width:17px;height:17px;stroke-width:1.5}.save-verse[aria-pressed="true"] {color:var(--gold)}.save-verse[aria-pressed="true"] .icon {fill:var(--gold-light)}.save-verse.pop .icon {animation:saved-pop .38s var(--ease)}.verse.highlight {background:var(--soft);box-shadow:0 0 0 7px var(--soft);transition:background .7s ease}.verse-body {min-width:0}.parallel-text+.parallel-text {border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.translation-label {display:block;font:650 9px/1.4 system-ui,sans-serif;letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin-bottom:7px}.annotations {margin-top:9px}.annotations details {padding:0 0 0 10px;border-left:1px solid var(--line);margin-top:6px}.annotations summary {color:var(--muted);font:500 10px/1.6 system-ui,sans-serif;cursor:pointer;padding:5px 0}.annotations p {margin:5px 0 9px;font:13px/1.6 system-ui,sans-serif;color:var(--muted)}.annotations details[open] {border-color:var(--gold)}.annotations details[open]>p {animation:page-enter .2s ease}.chapter-navigation {display:flex;align-items:center;gap:10px;justify-content:space-between;padding:26px 0 18px;border-top:1px solid var(--line);margin-top:23px}.chapter-navigation>span {font-size:10px;color:var(--muted)}.primary-button,.secondary-button {min-height:45px;padding:12px 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600}.primary-button {background:var(--brown);color:var(--bg)}.secondary-button {background:var(--surface);border:1px solid var(--line);color:var(--ink)}.primary-button .icon,.secondary-button .icon {width:18px;height:18px}.reader-disclaimer {font-size:10px;line-height:1.6;color:var(--muted);text-align:center;margin:12px 10px 0}
.search-form {display:flex;align-items:stretch;gap:8px}.search-form>.input-wrap {flex:1}.search-form>.primary-button {width:50px;padding:0}.search-form>.primary-button .icon {width:22px;height:22px}.empty-state {text-align:center;padding:48px 8px 30px}.empty-icon {display:flex;align-items:center;justify-content:center;width:62px;height:72px;background:var(--soft);border:1px solid var(--line);border-radius:34px 34px 13px 13px;margin:0 auto 21px;color:var(--gold)}.empty-icon .icon {width:25px;height:25px}.empty-state h2 {font-size:27px;letter-spacing:-.7px;margin:0 0 10px}.empty-state p {color:var(--muted);font-size:13px;line-height:1.7}.suggestions {display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:23px}.suggestions button {border:1px solid var(--line);background:var(--surface);padding:10px 14px;border-radius:22px;font-size:12px;min-height:44px}.result {background:var(--surface);border:1px solid var(--line);width:100%;display:block;padding:18px;margin-bottom:12px;text-align:left;border-radius:15px}.result strong {font-size:11px;font-weight:600;color:var(--accent);display:flex;justify-content:space-between;align-items:center;gap:10px}.result strong .icon {width:17px;height:17px}.result p {font:17px/1.65 Georgia,serif;margin:10px 0}.result small {font-size:9px;letter-spacing:.4px;color:var(--muted);display:block}.result mark {background:var(--gold-light);color:var(--ink);border-radius:3px}.full-width {width:100%}.loading {padding:40px 12px;text-align:center;color:var(--muted);font-size:13px}.loading:before {content:"";width:16px;height:16px;display:inline-block;margin-right:9px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;vertical-align:middle;animation:spin .7s linear infinite}
.sheet {color:var(--ink);background:var(--bg);border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;margin:auto auto 0;padding:0 24px calc(22px + 0px);width:100%;max-width:680px;max-height:88vh;max-height:88dvh;overflow:auto;box-shadow:0 -16px 64px #21130826;overscroll-behavior:contain}.sheet::backdrop {background:#20191080;backdrop-filter:blur(4px)}.sheet[open] {animation:sheet-in .3s var(--ease)}.sheet[open]::backdrop {animation:backdrop-in .22s ease}.sheet.closing {animation:sheet-out .18s ease both}.sheet.closing::backdrop {animation:backdrop-out .18s ease both}.sheet-grip {width:34px;height:4px;display:block;border-radius:4px;background:var(--line);margin:11px auto 18px}.sheet-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.sheet-heading h2 {font-size:29px;letter-spacing:-.7px;margin:6px 0 2px;line-height:1.2}.sheet-heading .eyebrow {font-size:9px}.sheet-heading .icon-button {width:40px;height:40px}.chapter-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:18px}.chapter-grid button {background:var(--surface);border:1px solid var(--line);border-radius:11px;min-height:44px;aspect-ratio:1;font:18px Georgia,serif;min-width:0;padding:5px}.chapter-grid button.active {background:var(--brown);border-color:var(--brown);color:var(--bg)}.settings-body {padding-top:12px}.setting-label {display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin:20px 0 12px}.setting-label output {font-size:11px;color:var(--muted);font-weight:400}.theme-options {display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-options button {display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;min-height:52px;padding:12px 16px;background:var(--surface);font-size:13px}.theme-options button[aria-pressed="true"] {border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);color:var(--accent)}.theme-options .icon {width:19px;height:19px}.font-control {display:flex;gap:15px;align-items:center}.font-control input {min-width:0;flex:1;accent-color:var(--gold);height:30px}.font-control .icon-button {width:39px;height:39px}.font-control .icon {width:16px;height:16px}.type-preview {font:var(--size)/1.55 Georgia,serif;text-align:center;padding:20px 15px;background:var(--surface);border-radius:12px;border:1px solid var(--line)}.toggle-row {display:flex;align-items:center;gap:15px;position:relative;margin:22px 0 0;min-height:48px;cursor:pointer}.toggle-row>span:first-child {flex:1}.toggle-row strong {display:block;font-size:12px;font-weight:600}.toggle-row small {display:block;font-size:10px;color:var(--muted);margin-top:4px}.toggle-row input {position:absolute;right:0;width:43px;height:28px;opacity:0;cursor:pointer}.toggle-track {height:25px;width:43px;border-radius:20px;background:var(--line);position:relative;transition:background .2s}.toggle-track:after {content:"";position:absolute;top:3px;left:3px;background:var(--surface);width:19px;height:19px;border-radius:50%;transition:transform .2s var(--ease)}.toggle-row input:checked+.toggle-track {background:var(--gold)}.toggle-row input:checked+.toggle-track:after {transform:translateX(18px)}.toggle-row input:focus-visible+.toggle-track {outline:3px solid var(--gold);outline-offset:4px}.motion-note {font-size:10px;color:var(--muted);margin:7px 0 15px}.about-link {display:flex;align-items:center;gap:12px;padding:18px 0 0;border-top:1px solid var(--line);width:100%;text-align:left;background:transparent;font-size:12px}.about-link>span {flex:1}.about-link .icon {width:18px;height:18px;color:var(--muted)}.info-content {padding:0 0 15px;font-size:13px;line-height:1.7}.logo-stage {margin:15px auto 0;width:200px;height:200px;background:#faf4e8;border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-stage img {width:175px;height:175px;object-fit:contain}.info-tagline {text-align:center;font:19px/1.5 Georgia,serif;color:var(--accent)}.info-stats {display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:22px 0}.info-stats span {text-align:center;font-size:10px;color:var(--muted);border-right:1px solid var(--line)}.info-stats span:last-child {border:0}.info-stats strong {display:block;font:25px/1.4 Georgia,serif;color:var(--ink)}.warning {padding:14px;border-left:2px solid var(--gold);background:var(--soft);font-weight:550}.toast {position:fixed;left:50%;bottom:calc(var(--nav-height) + 0px + 12px);transform:translate(-50%,10px);opacity:0;max-width:calc(100% - 32px);width:max-content;pointer-events:none;z-index:30;background:var(--ink);color:var(--bg);font-size:12px;padding:12px 19px;border-radius:24px;box-shadow:var(--shadow);transition:opacity .2s ease,transform .2s var(--ease)}.toast.visible {opacity:1;transform:translate(-50%,0)}
@keyframes page-enter {from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes card-enter {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes chapter-enter {from{opacity:.15;transform:translateX(var(--slide-from,8px))}to{opacity:1;transform:none}}@keyframes sheet-in {from{opacity:.3;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes sheet-out {to{opacity:0;transform:translateY(35px)}}@keyframes backdrop-in {from{opacity:0}to{opacity:1}}@keyframes backdrop-out {to{opacity:0}}@keyframes saved-pop {0%,100%{transform:scale(1)}45%{transform:scale(1.3)}70%{transform:scale(.94)}}@keyframes spin {to{transform:rotate(360deg)}}
:root[data-theme="night"] .brand img {background:#f1e6cf;border-radius:10px;padding:3px}:root[data-theme="night"] .resume-card {background:#403024;border:1px solid #735b35}:root[data-motion="reduced"] *, :root[data-motion="reduced"] *::before, :root[data-motion="reduced"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
.book-index,.verse-no {color:var(--accent)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:600px){body{background:var(--soft)}.app-shell{box-shadow:0 0 70px #3322110d}.screen{padding-left:42px;padding-right:42px}.app-header{padding-left:40px;padding-right:40px}.home-intro{padding-top:35px;padding-bottom:35px}.home-intro h1{font-size:59px}.intro-arch{width:205px;height:265px;right:4px;top:14px}.home-intro p{font-size:14px}.resume-card{padding:28px 32px}.resume-card>strong{font-size:32px}.book-grid{grid-template-columns:repeat(3,1fr)}.chapter-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.parallel{display:grid;grid-template-columns:1fr 1fr;gap:22px}.parallel-text+.parallel-text{border-top:0;margin:0;padding:0 0 0 20px;border-left:1px solid var(--line)}.verse{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}.sheet{padding-left:36px;padding-right:36px}.sheet-heading h2{font-size:33px}}
@media(max-width:359px){.screen{padding-left:17px;padding-right:17px}.app-header{padding-left:17px;padding-right:17px}.home-intro h1{font-size:43px}.resume-card{padding:21px}.resume-card>strong{font-size:23px}.section-title h2{font-size:17px}.text-button{font-size:10px}.sheet{padding-left:18px;padding-right:18px}.chapter-grid{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.reading-controls button{padding:10px 8px}.reading-controls button:first-child>.icon:first-child{display:none}.book-card{padding:12px}.book-card strong{font-size:14px}.verse{grid-template-columns:23px minmax(0,1fr) 28px}.save-verse{width:28px}.verse-no{width:23px}}

.startup-logo{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#f8f5ed;opacity:1;transition:opacity .5s ease}
.startup-logo img{width:min(72vw,320px);height:auto;object-fit:contain}.startup-logo.leaving{opacity:0;pointer-events:none}
.daily-card{display:block;width:100%;text-align:left;border:1px solid #c5a769;border-radius:24px;background:var(--surface,#fffdf7);color:inherit;padding:25px;margin-bottom:22px;box-shadow:0 8px 28px #7158240b}
.daily-card[hidden]{display:none}.daily-card p{font-family:Georgia,serif;font-size:1.3rem;line-height:1.55;margin:15px 0}.daily-card strong,.daily-card small{display:block}.daily-card small{margin-top:12px;opacity:.7}
@media(prefers-reduced-motion:reduce){.startup-logo{transition:none}}
.study-card{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--soft);animation:page-enter .3s ease}.study-card summary{cursor:pointer;font:600 18px/1.5 Georgia,serif;min-height:44px}.study-card summary small{float:right;color:var(--muted);font:12px/1.5 sans-serif}.study-card p{line-height:1.6}.study-tabs{margin:20px 0}.study-tabs button{min-width:0;padding:14px 6px}.plan-controls{display:flex;gap:10px;margin:12px 0;align-items:center}.plan-controls input{width:80px;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:12px;border-radius:12px;font:inherit;text-align:center}.verse-link{display:block;width:100%;text-align:left;padding:13px 6px;color:var(--accent);background:transparent;border-bottom:1px solid var(--line);line-height:1.5}.plan-check{display:flex;gap:10px;align-items:center;margin:20px 0}.plan-check input{width:22px;height:22px;accent-color:var(--gold)}#planProgress{width:100%;accent-color:var(--gold)}.study-verse{padding:15px 0;border-bottom:1px solid var(--line)}.study-verse b{font-size:13px;color:var(--accent)}.study-text{font:20px/1.6 Georgia,serif}.study-card[open] summary{margin-bottom:12px}
.audio-controls{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.audio-current{background:var(--soft);border-left:3px solid var(--gold);border-radius:10px}#audioRate{margin:10px;padding:10px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;font:inherit}

/* Opaque, readable navigation above the native system-bar inset. */
.bottom-nav{background:var(--surface);backdrop-filter:none}.bottom-nav button{color:var(--ink);font-size:12px;font-weight:600;min-height:48px}.bottom-nav button[aria-current]{color:var(--accent)}.nav-icon .icon{width:23px;height:23px}

:root{--nav-height:64px}.bottom-nav{padding:6px 14px}.app-header{height:72px;padding:10px 22px}.reading-controls{top:72px}

.reader-toolbar{position:sticky;top:72px;z-index:8;display:flex;align-items:center;gap:8px;background:var(--bg);padding:4px 0}.reader-toolbar .reading-controls{position:static;flex:1;min-width:0}.reader-toolbar .reading-controls button{padding:10px 8px}.audio-bar{display:flex;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:3px}.audio-bar button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:transparent;color:var(--accent);transition:background .2s,transform .2s}.audio-bar button:first-child{background:var(--surface)}.audio-bar button.playing{background:var(--brown);color:var(--bg)}.audio-bar button:active{transform:scale(.93)}.audio-bar svg{width:21px;height:21px;fill:currentColor}.audio-bar button:disabled{opacity:.35}@media(max-width:360px){.reader-toolbar{gap:4px}.audio-bar button{width:40px}.reader-toolbar .reading-controls button{font-size:11px;gap:3px}}

.audio-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.audio-settings h3{font:24px Georgia,serif;margin:12px 0}.audio-settings select{width:100%;min-height:48px;padding:10px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px}