/* A reading app inspired by a well-loved printed Bible. */
:root{--bg:#eee9e1;--paper:#fffcf5;--ink:#332b28;--muted:#81766c;--line:#dfd6c9;--accent:#6c3434;--soft:#eee3d8;--gold:#a2814d;--reader:Georgia,'Times New Roman',serif}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg)}body.dark{--bg:#201d1b;--paper:#2c2723;--ink:#eee5d9;--muted:#b7a99a;--line:#4e4238;--accent:#d2a88c;--soft:#49382e;--gold:#c0a26a}h1,h2{font-family:Georgia,'Times New Roman',serif}button{border-radius:7px;transition:background .15s,color .15s}button.primary{background:var(--accent);color:var(--paper)}button.primary:hover{background:var(--accent)}input,select,textarea{border-radius:7px}.shell{display:block;min-height:100dvh}.topbar{height:78px;padding:0 42px;position:sticky;top:0;z-index:6;background:var(--paper);border-bottom:1px solid var(--line);gap:24px}.brand{margin:0;gap:10px;color:var(--accent);flex:none}.brand-mark{border:0;border-radius:0;width:29px;height:34px}.brand-mark .icon{width:28px;height:28px}.brand strong{font-family:Georgia,serif;font-size:31px;font-weight:500;letter-spacing:-1px}.brand strong span{font-size:18px;color:var(--gold);margin-inline-start:2px}.desktop-nav{display:flex;gap:10px;flex:1;justify-content:center;align-items:center;height:100%}.desktop-nav button{height:100%;border-radius:0;position:relative;padding:0 16px;font-size:13px;font-weight:550;color:var(--muted)}.desktop-nav button.active{color:var(--accent)}.desktop-nav button.active:after{content:'';height:3px;position:absolute;bottom:0;left:16px;right:16px;background:var(--accent)}.top-actions{gap:13px}.language-anchor{font-size:12px;white-space:nowrap;border:1px solid var(--line);display:flex;gap:7px;align-items:center;padding:8px 10px}.icon-button{display:grid;place-items:center;min-width:39px;min-height:39px;padding:8px}.workspace{max-width:1120px;padding:35px 35px 70px}.reader-workspace{max-width:1040px;padding-top:0}.reader-toolbar{position:sticky;top:78px;z-index:4;padding:16px 0;margin:0;background:var(--bg);border:0;min-height:76px}.reader-toolbar select{border:0;background:transparent;font-size:15px;font-weight:600;max-width:200px;padding:10px 22px 10px 10px}.toolbar-group{gap:8px}.translation-chip{background:var(--paper);border:1px solid var(--line);font-size:12px;letter-spacing:.5px;min-height:39px;padding:9px 13px}.book-spread{position:relative;margin:2px 0 0;padding:0 5px 7px 0;isolation:isolate}.book-spread:before,.book-spread:after{content:'';position:absolute;inset:5px 0 0 5px;background:var(--paper);border:1px solid var(--line);border-radius:4px 11px 11px 4px;z-index:-1}.book-spread:after{inset:3px 2px 3px 3px}.paper{border-radius:4px 10px 10px 4px;border:1px solid var(--line);box-shadow:0 10px 30px #49352109, inset 10px 0 16px -14px #78644b60;background:linear-gradient(90deg,#8e795417,transparent 3%,transparent 96%,#a2855210),var(--paper);position:relative}.book-ribbon{position:absolute;top:0;right:46px;z-index:2;width:26px;height:66px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);filter:drop-shadow(1px 2px 2px #0002)}[dir=rtl] .book-ribbon{right:auto;left:46px}.reading{padding:45px 76px 26px}.chapter-heading{text-align:center;margin:0 0 35px}.edition-name{font-family:system-ui,sans-serif;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--muted);margin:0 0 15px}.chapter-ornament{color:var(--gold);font-size:14px;letter-spacing:5px;margin-bottom:10px}.chapter-heading h1{font-size:37px;line-height:1.3;margin:0;font-weight:400;color:var(--ink)}.chapter-number{font:48px/1.1 Georgia,serif;margin:12px 0 0;color:var(--accent)}.scripture{max-width:700px;margin:0 auto}.verse{font:var(--reading)/1.95 var(--reader);padding:3px 8px;margin:3px 0;letter-spacing:.04px;text-align:start;scroll-margin-top:200px}.verse sup{font:11px/1 system-ui,sans-serif;vertical-align:super;display:inline-block;color:var(--gold);min-width:10px;margin-inline-end:12px}.verse:hover{background:#a88c5110}.verse.selected{background:var(--soft);box-shadow:inset 3px 0 var(--accent)}[dir=rtl] .verse.selected{box-shadow:inset -3px 0 var(--accent)}.verse.highlight{background:#eeddaa80;color:var(--ink)}.reading[dir=rtl]{font-family:Tahoma,'Segoe UI',sans-serif;text-align:right}.reading[dir=rtl] .verse{font-family:Tahoma,'Segoe UI',sans-serif;line-height:2.2}.reading[dir=rtl] .chapter-heading h1{font-family:Tahoma,'Segoe UI',sans-serif}.missing-verse{font:12px system-ui;color:var(--muted)}.page-colophon{text-align:center;color:var(--gold);margin:30px 0 0;font-size:13px}.page-colophon span{display:block;margin-top:8px;font:10px system-ui,sans-serif;color:var(--muted);letter-spacing:.6px}.reader-footer{border:0;padding:19px 0 7px;align-items:center;font-size:13px;color:var(--muted)}.reader-footer button{min-width:110px;color:var(--ink)}.reader-hint{text-align:center;color:var(--muted);font-size:11px;margin:10px 0 0}.bottom-nav{display:none}.language-recovery{position:sticky;top:78px;z-index:7;background:var(--accent);color:var(--paper);text-align:center}.language-recovery button{padding:7px 18px;font-size:12px}.language-recovery button:hover{background:#ffffff20}body:has(.language-recovery) .reader-toolbar{top:114px}.verse-sheet{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 30px));background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 50px #24181130;z-index:8;padding:10px 15px 15px}.verse-sheet strong{font-family:Georgia,serif;font-size:17px}.verse-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:4px}.verse-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;font-size:18px;min-height:78px;padding:10px 6px;border:0;background:var(--soft)}.verse-actions button span{font:11px/1.35 system-ui,sans-serif}.card{border-radius:10px}.hero{background:var(--accent);border-radius:10px}.card.tint{background:var(--soft)}.page-head .eyebrow{color:var(--gold)}.page-head h1{font-size:33px}.grid3{gap:18px}.welcome{background:radial-gradient(ellipse at 50% 0,#f9f5eb 10%,#eae1d4 90%);padding:32px 18px;min-height:100dvh}.dark .welcome{background:var(--bg)}.welcome-card{background:var(--paper);padding:32px 40px 28px;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 60px #59422712;max-width:560px}.welcome .brand{justify-content:center;margin:0 0 20px}.book-emblem{width:72px;height:72px;margin:26px auto 20px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent)}.book-emblem .icon{width:34px;height:34px}.welcome h1{font-size:36px;margin:13px 0 18px}.welcome .eyebrow{font-size:9px;letter-spacing:1.2px;color:var(--gold)}.welcome-intro{margin:0 0 14px;font-size:14px}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.language-choice{border:1px solid var(--line);background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:15px 16px;min-height:52px;font-size:15px}.language-choice.chosen{background:var(--soft);border-color:var(--accent);color:var(--accent)}.welcome .field{margin:0;text-align:start}.welcome label{margin:0}.welcome .field span{font-size:12px;color:var(--muted);margin-bottom:8px}.welcome select{width:100%;margin:0;font-size:13px}.welcome-detail{font-size:11px;margin:12px 0 20px}.welcome .primary{padding:15px}.welcome small{font-size:11px;line-height:1.8;margin-top:16px}.check-field{display:flex;gap:12px;margin:18px 0;align-items:flex-start;font-size:13px}.check-field input{width:auto;accent-color:var(--accent);margin-top:7px}.translation-language{margin:22px 0 8px;color:var(--accent)}.edition-row{border:1px solid var(--line);margin-bottom:10px;border-radius:8px;padding:6px}.edition-choice{position:relative;display:grid;width:100%;text-align:start;padding-inline-end:35px;gap:5px}.edition-choice small{font-size:11px}.edition-choice>span{position:absolute;inset-inline-end:12px;top:15px}.edition-choice[aria-pressed=true]{background:var(--soft)}.edition-row>a{font-size:10px;display:inline-block;margin:5px 12px}dialog{box-shadow:0 15px 70px #20180f30;border-radius:14px}dialog::backdrop{background:#30231660}.dialog-head h2{font-size:25px}.more-dots{font-size:18px;line-height:20px;letter-spacing:2px}.setting select{font-size:13px}.row input{min-width:0}#toast{bottom:30px;z-index:15}.reading-mode:has(.verse-sheet) .workspace{padding-bottom:175px}.mini-landscape{background:#dfd6c0}.mini-landscape:before{background:#b6aa8e}.mini-landscape:after{background:#92836c}
@media(min-width:1400px){.reader-workspace{max-width:1060px}.reading{padding:50px 100px 28px}.topbar{padding:0 max(42px,calc((100vw - 1300px)/2))}}
@media(max-width:1000px){.topbar{padding:0 22px;gap:18px}.desktop-nav{gap:0}.desktop-nav button{padding:0 10px}.reader-workspace{padding-inline:35px}.reading{padding:42px 50px 26px}.brand strong{font-size:28px}}
@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand strong{font-size:29px}.brand-mark{width:26px}.desktop-nav{display:none}.top-actions{margin-inline-start:auto;gap:7px}.language-anchor{font-size:11px;max-width:150px}.workspace{padding:24px 17px 115px}.reader-workspace{padding:0 16px 105px}.reader-toolbar{top:64px;min-height:68px;padding:12px 0}.reader-toolbar select{font-size:14px;padding-inline:6px;max-width:165px}.toolbar-group{gap:2px}.translation-chip{font-size:10px;padding:7px 10px}.icon-button{min-width:34px;min-height:36px}.reading{padding:34px 32px 22px}.book-ribbon{right:28px;width:21px;height:51px}[dir=rtl] .book-ribbon{left:28px}.chapter-heading h1{font-size:32px}.chapter-number{font-size:42px}.edition-name{font-size:8px;letter-spacing:1.6px;padding-inline:15px}.chapter-heading{margin-bottom:25px}.verse{line-height:1.85;padding-inline:4px}.verse sup{margin-inline-end:8px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:7;border-top:1px solid var(--line);background:var(--paper);justify-content:space-around;padding:8px 7px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 18px #31241805}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;min-width:55px;color:var(--muted);padding:5px 9px}.bottom-nav button .icon{height:22px;width:22px}.bottom-nav button.active{color:var(--accent);background:var(--soft)}.reader-footer{padding:14px 0 0;font-size:11px}.reader-footer button{min-width:80px;padding:10px 4px}.verse-sheet{bottom:86px;padding:7px 12px 12px}.verse-actions button{min-height:70px}.verse-actions button span{font-size:10px}.language-recovery{top:64px}.language-recovery button{font-size:11px}body:has(.language-recovery) .reader-toolbar{top:99px}.reading-mode:has(.verse-sheet) .workspace{padding-bottom:245px}.page-head h1{font-size:29px}#toast{bottom:88px}.welcome-card{padding:24px 24px 22px}.welcome h1{font-size:30px}.welcome .brand{margin-bottom:20px}.book-emblem{margin:20px auto 15px}.welcome .language-choice{padding:13px;font-size:14px}.welcome .eyebrow{font-size:8px}.grid3,.grid2{grid-template-columns:1fr}}
@media(max-width:400px){.reading{padding:33px 19px 20px}.reader-workspace{padding-inline:10px}.reader-toolbar select{max-width:128px}.translation-chip{padding-inline:7px}.topbar{padding-inline:12px}.language-anchor{padding-inline:7px}.verse{font-size:calc(var(--reading) - 1px)}.welcome-card{padding-inline:18px}}