@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{
  color-scheme:light;
  --bg:#b8c9bd;--bg2:#d8e0da;--ink:#18211d;--muted:#748078;--number:#8a958f;
  --glass:rgba(249,251,248,.66);--glass-strong:rgba(253,254,252,.78);--line:rgba(255,255,255,.72);
  --shadow:0 18px 44px rgba(45,72,61,.16);--purple:#8058d4;--purple-soft:rgba(225,214,249,.70);
  --yellow:#f4c62b;--yellow-soft:rgba(255,244,197,.72);--red:#ef4056;--lime:#84c83d;
  --nav-h:72px;--selector-h:58px;--side:20px;
}
html[data-theme="dark"]{color-scheme:dark;--bg:#141716;--bg2:#1b1f1d;--ink:#f1f2ee;--muted:#aeb5b1;--number:#8f9993;--glass:rgba(50,53,51,.55);--glass-strong:rgba(50,53,51,.70);--line:rgba(255,255,255,.13);--shadow:0 20px 50px rgba(0,0,0,.34);--purple-soft:rgba(113,82,178,.42);--yellow-soft:rgba(125,101,26,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Montserrat,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(128,88,212,.44);outline-offset:3px}
.ambient{position:fixed;z-index:-3;inset:0;overflow:hidden;background:linear-gradient(145deg,var(--bg2),var(--bg) 54%,color-mix(in srgb,var(--bg) 76%,#8da896));pointer-events:none}.ambient:before,.ambient:after,.ambient i{content:"";position:absolute;border-radius:50%;filter:blur(54px);opacity:.56}.ambient:before{width:78vw;height:54vw;left:-24vw;top:3vh;background:rgba(255,255,255,.48)}.ambient:after{width:86vw;height:56vw;right:-34vw;top:27vh;background:rgba(102,144,119,.28)}.ambient i:nth-child(1){width:46vw;height:22vw;left:8vw;top:61vh;background:rgba(44,91,68,.13);transform:rotate(-18deg)}.ambient i:nth-child(2){width:36vw;height:14vw;right:-4vw;top:9vh;background:rgba(242,198,43,.09);transform:rotate(20deg)}.ambient i:nth-child(3){width:30vw;height:12vw;left:42vw;top:42vh;background:rgba(128,88,212,.08);transform:rotate(-12deg)}
html[data-theme="dark"] .ambient{background:radial-gradient(88% 58% at 8% 12%,rgba(94,99,95,.16),transparent 68%),radial-gradient(70% 50% at 96% 76%,rgba(116,104,98,.09),transparent 72%),linear-gradient(145deg,#141716 0%,#1b1f1d 54%,#151817 100%)}html[data-theme="dark"] .ambient:before{background:rgba(255,255,255,.08)}html[data-theme="dark"] .ambient:after{background:rgba(112,106,101,.10)}html[data-theme="dark"] .ambient i:nth-child(1){background:rgba(109,121,114,.08)}
.reader-v2{width:min(700px,100%);min-height:100svh;margin:0 auto;padding:0 var(--side) calc(var(--nav-h) + var(--selector-h) + 86px + env(safe-area-inset-bottom))}.reader-v2__header{position:sticky;z-index:8;top:0;margin:0 calc(var(--side)*-1) 18px;padding:calc(13px + env(safe-area-inset-top)) var(--side) 13px;text-align:center}.reader-v2__header:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg2) 76%,transparent) 0%,color-mix(in srgb,var(--bg2) 35%,transparent) 70%,transparent);opacity:.94;transition:.2s}.reader-v2__header.is-scrolled:before{background:var(--glass);border-bottom:1px solid var(--line);box-shadow:0 10px 28px rgba(47,72,62,.09);-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}.reader-v2__header h1{max-width:92%;margin:0 auto;font-size:clamp(22px,6vw,29px);line-height:1.15;font-weight:600;letter-spacing:-.7px;text-wrap:balance}.reader-v2__header h1 span{color:var(--muted);font-weight:400}
.scripture-v2{max-width:620px;margin:0 auto;font:400 22px/1.57 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;letter-spacing:-.18px}.verse{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:start;margin:0 0 17px;padding:4px 6px 4px 0;border-radius:20px;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.verse-number{display:grid;place-items:center;min-width:28px;height:28px;margin-top:.16em;padding:0 5px;border-radius:999px;color:var(--number);font:600 11px/1 Montserrat,sans-serif;font-variant-numeric:tabular-nums}.verse-text{min-width:0;overflow-wrap:break-word}.verse-text em{font-style:italic}.verse.selected{padding:11px 12px 11px 5px;background:linear-gradient(115deg,var(--purple-soft),color-mix(in srgb,var(--purple-soft) 68%,transparent));box-shadow:inset 4px 0 0 var(--purple),inset 0 1px 0 rgba(255,255,255,.32)}.verse.selected .verse-number{background:var(--purple);color:#fff}.chapter-end{height:1px}
.reader-selector-v2,.verse-actions-v2,.nav-v2,.reader-more-v2,.settings-panel-v2,.sheet-v2{border:1px solid var(--line);background:linear-gradient(145deg,var(--glass-strong),var(--glass));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),var(--shadow);-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%)}
.reader-selector-v2{position:fixed;z-index:24;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(84px,1fr) 60px minmax(84px,1fr);width:min(330px,calc(100vw - 74px));height:var(--selector-h);overflow:hidden;transform:translateX(-50%);border-radius:22px}.reader-selector-v2 button{position:relative;min-width:0;border:0;background:transparent;font-size:14px;font-weight:600}.reader-selector-v2 button+button:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:color-mix(in srgb,var(--muted) 18%,transparent)}.reader-selector-v2 button:active{background:rgba(128,88,212,.08)}
.reader-more-v2{position:fixed;z-index:23;right:max(18px,calc((100vw - 670px)/2 + 16px));bottom:calc(164px + env(safe-area-inset-bottom));display:flex;align-items:baseline;justify-content:center;gap:0;width:50px;height:50px;padding:0;border-radius:50%;font-size:19px;font-weight:600;letter-spacing:-.09em}.reader-more-v2 small{font-size:12px;font-weight:500;letter-spacing:-.08em}.reader-selector-v2[aria-hidden="true"],.reader-more-v2[aria-hidden="true"]{display:none}
.verse-actions-v2{position:fixed;z-index:25;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(3,minmax(0,1fr));width:min(470px,calc(100vw - 34px));min-height:var(--selector-h);padding:6px;transform:translateX(-50%);border-radius:22px}.verse-actions-v2.show{display:grid}.verse-actions-v2 .selection-count{display:none}.verse-actions-v2 button{display:grid;grid-template-columns:20px minmax(0,1fr);place-items:center;gap:5px;min-width:0;padding:7px 5px;border:0;border-radius:16px;background:transparent;font-size:11px;font-weight:600}.verse-actions-v2 button svg{color:var(--purple)}.verse-actions-v2 button:active{background:rgba(128,88,212,.10)}
.nav-v2{position:fixed;z-index:24;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;width:min(620px,calc(100vw - 20px));min-height:var(--nav-h);padding:7px 4px 6px;transform:translateX(-50%);border-radius:28px}.nav-v2 a{display:grid;grid-template-rows:32px 16px;justify-items:center;align-items:center;min-width:0;color:var(--muted);font-size:10px;font-weight:500;text-decoration:none}.nav-v2 i{display:grid;place-items:center;width:34px;height:32px;border-radius:12px}.nav-v2 svg{width:22px;height:22px;fill:currentColor}.nav-v2 a.active{color:var(--ink);font-weight:700}.nav-v2 a.active i{background:rgba(255,255,255,.78);box-shadow:0 4px 12px rgba(48,76,64,.10)}.nav-v2 a.active svg{color:var(--purple)}
.settings-dim,.sheet-dim{position:fixed;z-index:50;inset:0;background:rgba(25,43,35,.20);-webkit-backdrop-filter:blur(7px) saturate(90%);backdrop-filter:blur(7px) saturate(90%)}.settings-dim[hidden]{display:none}.settings-panel-v2{position:fixed;z-index:52;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));width:min(620px,calc(100vw - 30px));max-height:min(68svh,600px);overflow:auto;transform:translateX(-50%);padding:12px 18px 20px;border-radius:30px}.settings-panel-v2[hidden]{display:none}.grabber{width:42px;height:5px;margin:0 auto 14px;border-radius:99px;background:color-mix(in srgb,var(--muted) 30%,transparent)}.settings-panel-v2 h2{margin:0 0 18px;font-size:23px;letter-spacing:-.5px}.settings-group+.settings-group{margin-top:18px}.settings-label{margin:0 0 9px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.size-controls{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;gap:8px}.size-controls button,.size-controls output,.font-options button,.theme-options button{min-width:0;min-height:50px;border:1px solid color-mix(in srgb,var(--muted) 18%,transparent);border-radius:17px;background:rgba(255,255,255,.58);color:var(--ink)}html[data-theme="dark"] .size-controls button,html[data-theme="dark"] .size-controls output,html[data-theme="dark"] .font-options button,html[data-theme="dark"] .theme-options button{background:rgba(255,255,255,.07)}.size-controls button{font-size:20px;font-weight:600}.size-controls output{display:grid;place-items:center;font-size:15px;font-weight:600}.font-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.font-options button{display:grid;place-items:center;grid-template-rows:26px auto;padding:8px 3px;font-size:9px;line-height:1.08}.font-options b{font-size:20px;font-weight:500}.font-options [data-font-family="book"] b{font-family:Georgia,serif}.font-options [data-font-family="expressive"] b{font-family:"Trebuchet MS",sans-serif;font-weight:700}.font-options button.is-active,.theme-options button.is-active{border-color:color-mix(in srgb,var(--purple) 72%,transparent);background:var(--purple-soft);color:var(--purple)}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-options button{padding:7px 3px;font-size:10px;font-weight:600}
.sheet-dim{display:none;z-index:60}.sheet-dim.is-open{display:block}.sheet-v2{position:fixed;z-index:61;left:50%;bottom:0;display:none;width:min(700px,100%);height:min(87svh,780px);overflow:auto;transform:translateX(-50%);padding:12px 18px calc(22px + env(safe-area-inset-bottom));border-bottom:0;border-radius:32px 32px 0 0}.sheet-v2.is-open{display:block}.sheet-header-v2{position:sticky;z-index:5;top:-12px;display:flex;align-items:center;justify-content:center;min-height:50px;margin:-12px 0 12px;padding-top:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--glass-strong) 95%,transparent) 72%,transparent)}.sheet-header-v2 h2{margin:0;font-size:20px}.sheet-header-v2 button{position:absolute;right:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--muted) 14%,transparent);border-radius:50%;background:rgba(255,255,255,.55);font-size:24px}.book-stage[hidden],[data-comments-panel][hidden]{display:none!important}.testament-title,.chapter-label,.translation-section-title{margin:17px 0 9px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em}.testament-title.old{color:#8c6f18}.testament-title.new{color:#6d45b6}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.book-tile{min-width:0;min-height:51px;padding:5px 3px;border:1px solid rgba(255,255,255,.48);border-radius:15px;background:rgba(255,255,255,.54);color:var(--ink);font-size:11px;font-weight:600;line-height:1.08;word-break:normal;hyphens:none}.book-grid[data-old-books] .book-tile{background:linear-gradient(145deg,rgba(255,251,231,.72),rgba(255,244,197,.54))}.book-grid[data-new-books] .book-tile{background:linear-gradient(145deg,rgba(248,244,255,.76),rgba(225,214,249,.56))}.book-grid[data-old-books] .book-tile.is-selected{background:var(--yellow);color:#3d3211}.book-grid[data-new-books] .book-tile.is-selected{background:var(--purple);color:#fff}.book-search{position:sticky;bottom:-22px;z-index:4;margin:19px -2px -22px;padding:16px 0 calc(17px + env(safe-area-inset-bottom));background:linear-gradient(transparent 0%,color-mix(in srgb,var(--bg2) 72%,transparent) 26%,color-mix(in srgb,var(--glass-strong) 95%,transparent) 100%)}.book-search label{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.63)}.book-search svg{width:20px;height:20px}.book-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.book-stage{padding-bottom:96px}.selected-book{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.60);font-weight:600}.chapter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.chapter-tile{min-height:54px;border:1px solid rgba(255,255,255,.5);border-radius:15px;background:rgba(255,255,255,.56);font-weight:600}.chapter-tile.is-current{background:var(--purple);color:#fff}.tabs-v2{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.38)}.tabs-v2 button{min-height:42px;border:0;border-radius:12px;background:transparent;font-weight:600}.tabs-v2 .is-active{background:rgba(255,255,255,.74);color:var(--purple)}.translation-row-v2{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.58)}.translation-row-v2 b,.translation-row-v2 small{display:block}.translation-row-v2 b{font-size:14px}.translation-row-v2 small{margin-top:4px;color:var(--muted)}.translation-row-v2>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--purple);color:#fff}.empty-comments{display:grid;gap:6px;padding:18px;border-radius:18px;background:rgba(255,255,255,.50)}.empty-comments span{color:var(--muted);font-size:13px;line-height:1.45}
.b27-toast{position:fixed;z-index:100;left:50%;bottom:calc(184px + env(safe-area-inset-bottom));transform:translateX(-50%);padding:9px 13px;border-radius:14px;background:rgba(24,33,29,.88);color:#fff;font-size:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.b27-studio{position:fixed;z-index:130;inset:0;display:none;place-items:end center;background:rgba(10,18,14,.34);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.b27-studio.show{display:grid}.b27-studio__sheet{display:none;width:min(700px,100%);max-height:88svh;overflow:auto;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:var(--glass-strong);border:1px solid var(--line);box-shadow:var(--shadow)}.b27-studio__sheet.show{display:block}.b27-studio__close{float:right;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.62);font-size:24px}.b27-studio h2{margin:8px 0 16px}.b27-studio canvas{display:block;width:100%;height:auto;border-radius:18px;background:#ddd}.b27-studio__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.b27-studio__actions button,.b27-studio__primary,.b27-studio__upload{min-height:46px;border:0;border-radius:15px;background:rgba(255,255,255,.72);color:var(--ink);font-weight:600}.b27-studio__templates{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.b27-studio__templates button{aspect-ratio:16/9;border:0;border-radius:15px;background-size:cover;background-position:center}.b27-studio label{display:grid;gap:8px;margin:12px 0}.b27-studio input[type="range"]{width:100%}
@media(max-width:390px){:root{--side:17px}.scripture-v2{font-size:21px}.reader-selector-v2{width:min(318px,calc(100vw - 62px))}.reader-more-v2{right:13px}.font-options{gap:6px}.font-options button{font-size:8.5px}.book-grid{gap:7px}.book-tile{font-size:10.5px}.verse-actions-v2{width:calc(100vw - 26px)}}
@media(min-width:540px){:root{--side:34px}.scripture-v2{font-size:24px}.sheet-v2{padding-left:30px;padding-right:30px}.book-tile{font-size:12px;min-height:58px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}