/* BAIbleStudy: warm company, clear tools, quiet reading. */
@font-face{font-family:Outfit;src:url('/fonts/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Jakarta;src:url('/fonts/jakarta.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:Jakarta,system-ui,sans-serif;--green:#224d40;--muted:#55665f;--line:#cbd3c7;--gold:#79521d;background:#fffaf0;color:#243e35}
body:not(.tv-mode){background:#fffaf0;color:#243e35;--muted:#55665f;--line:#cbd3c7;--green:#224d40;--gold:#79521d}
[hidden]{display:none!important}h1,h2,h3,h4,.brand{font-family:Outfit,system-ui,sans-serif}h1,h2{font-weight:650;letter-spacing:-.045em}h3{font-weight:650;font-size:21px;letter-spacing:-.02em}h1{line-height:1.05}button,.button,input,textarea{font-family:Jakarta,system-ui,sans-serif}button,.button{border-radius:12px;border:1.5px solid #a9b7ab;font-weight:700;transition:background .15s,box-shadow .15s;min-height:48px}button.primary,.button.primary{box-shadow:3px 3px 0 #d9b66b}button:hover:enabled,.button:hover{filter:none;box-shadow:2px 3px 0 #bdc6b9}button.primary:hover:enabled,.button.primary:hover{background:#163d31;box-shadow:3px 4px 0 #d9b66b}button:disabled{box-shadow:none}.small{line-height:1.6}input,textarea{border:1.5px solid #a9b7ab;border-radius:12px;background:#fffdf8;line-height:1.5}input:focus,textarea:focus{border-color:#224d40}a{color:#245f52}:where(button,a,input,textarea,summary,[tabindex]):focus-visible{outline:3px solid #79521d;outline-offset:4px}.brand{font-size:24px;letter-spacing:-.04em}.brand-icon{border-radius:12px 12px 12px 3px;transform:rotate(-5deg);width:40px;height:42px}.beta{font-family:Jakarta;letter-spacing:.12em}header{background:#fffdf680;min-height:88px}main{max-width:1320px;padding:48px 36px}.eyebrow{font-size:11px;letter-spacing:.14em}footer{line-height:1.7}.hero{gap:65px;padding:45px 0 85px}.hero h1{font-size:clamp(52px,6vw,84px);max-width:650px}.hero .intro{font-size:17px;max-width:490px}.hero .actions{margin:30px 0 25px}.room-illustration{position:relative;isolation:isolate;transform:none;background:#f7d87e;border:2px solid #233e38;border-radius:180px 180px 28px 28px;padding:65px 25px 28px;box-shadow:7px 7px 0 #e7b9aa}.room-illustration:before{content:'';position:absolute;width:55px;height:55px;background:#cebce3;border:2px solid #233e38;border-radius:50%;top:10px;left:-18px;z-index:-1}.room-illustration:after{content:'✦';position:absolute;right:5px;top:-35px;font-size:64px;color:#a34d37}.sample-screen{border:8px solid #29443a;box-shadow:none;padding:28px;border-radius:17px}.sample-screen p{font-size:24px;line-height:1.6}.sample-screen small{font-size:10px}.caption{color:#384b40;font-weight:600}.steps{gap:22px;border:0;padding-top:0}.steps>div{border:1.5px solid #bcc7bb;border-radius:20px;padding:28px;background:#edf2e5}.steps>div:nth-child(2){background:#f6e3dc}.steps>div:nth-child(3){background:#eee7f6}.steps span{display:block;font-size:11px;font-weight:800;margin-bottom:18px;color:#536249}.steps h3{font-size:24px}.steps p{margin-bottom:0;color:#465b50}.panel{border:1.5px solid #bec9bb;border-radius:20px;background:#fffdf6;padding:28px}.narrow{box-shadow:5px 5px 0 #e5c98f;margin:40px auto 70px}.narrow h1{font-size:44px}.narrow .eyebrow{margin-bottom:16px}.narrow form{margin:25px 0}.narrow button{margin-top:15px}.leader-head h1{font-size:40px;margin-bottom:8px}.leader-head .eyebrow{margin-bottom:12px}.leader-head .small{margin-bottom:0}.danger{background:#fff5f1;border-color:#be8d80;color:#883d2c}.advance-bar{border:1.5px solid #b4beac;border-radius:17px;background:#fffdf6;box-shadow:0 4px 0 #e9e2ce;margin-bottom:14px;padding:14px 20px}.advance-bar strong{font-family:Outfit;font-size:20px}.auto-post-switch{border-radius:14px}.live-summary{display:flex;align-items:center;gap:10px;min-height:55px;margin:0 0 18px;font-size:12px;color:#4b5e53}.live-dot{width:8px;height:8px;border-radius:50%;background:#2b6855;flex-shrink:0}.live-summary strong{white-space:nowrap}.live-summary button{margin-left:auto;font-size:12px;min-height:38px;padding:7px 12px;background:transparent;border-color:transparent}.workspace-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.workspace-tabs button{flex-direction:row;gap:10px;background:#f4f0e5;border:1.5px solid #b7c0b1;min-height:60px;border-radius:14px;color:#344b40;box-shadow:none}.workspace-tabs button span{font-size:22px;line-height:1}.workspace-tabs button[aria-selected=true]{border:2px solid #263f34;box-shadow:0 3px 0 #263f34}.workspace-tabs [data-zone=read]{background:#fff0c8}.workspace-tabs [data-zone=maps]{background:#d9eee3}.workspace-tabs [data-zone=onair]{background:#26493f;color:#fffdf5}.workspace-tabs [data-zone=prep]{background:#eae0f4}.workspace-tabs [data-zone=settings]{background:#e0e9f5}.workspace.leader-zones{display:block}.tool-zone{padding:26px;border:1.5px solid #b8c3b3;border-radius:22px;min-width:0;scroll-margin-top:120px}.zone-read{background:#f8edcc}.zone-maps{background:#dceee5}.zone-onair{background:#26493f;border-color:#26493f}.zone-prep{background:#ece3f5}.zone-settings{background:#e2eaf5}.tool-zone>.panel,.tool-zone>#maps-section,.tool-zone>#leader-prep,.tool-zone>#tv-appearance{border:0;margin:0;border-radius:16px;background:#fffdf6;padding:28px;min-width:0}.zone-read>.panel+ .panel{margin-top:24px;background:#f9e8df}.zone-read>.panel:first-child{min-height:450px}.zone-read #preview{padding:20px 0}.zone-read .verse{font-size:24px;max-width:900px}.zone-read .mark-tools{border-color:#e0dccb}.zone-read .mark-tools button{background:#f7f2e6;min-height:44px}.label-row h3{margin-bottom:0}.zone-maps #maps-section{border:0}.zone-prep #leader-prep{border:0;padding-top:28px}.zone-onair .on-tv{max-width:1050px;margin:auto}.zone-onair #on-tv{padding:22px;background:#eff3e9;border:1px solid #c4d0bd;border-radius:14px;margin-bottom:20px}.zone-onair #on-tv .verse{font-size:23px}.zone-settings #tv-appearance{max-width:900px}.zone-settings h3{font-size:27px}.tv-appearance button{min-height:52px}.pill{border:1px solid #c3cdbb;background:#edf1e7;color:#345144}.pill.private{background:#f8e8bf;color:#684614;border-color:#cfb97e}.pill.live{color:#203e2c}.source{line-height:1.7}.reference{font-family:Outfit;font-size:17px}#word-study-panel{border-radius:16px;background:#f1eaf7;border-color:#c9b8d8}.prep-workspace{gap:24px}.prep-workspace>.panel:first-child{border-top:7px solid #e4c470}.prep-workspace>.panel:last-child{border-top:7px solid #c3a8df}.prep-section h3{font-size:24px}.prep-item{border-radius:13px}.discussion-tools{border-radius:16px}details{border-radius:10px}summary{line-height:1.6;cursor:pointer}#notice{border-radius:14px;font-size:14px;z-index:20;line-height:1.5;box-shadow:3px 4px 0 #d8ba77}.fullscreen-control{box-shadow:none}.tv-mode header{background:transparent}.tv-mode h1,.tv-mode h2{font-family:Outfit;letter-spacing:-.03em}.tv-mode .reference{font-family:Outfit}.tv-mode .verse,.tv-mode .discussion-question{font-family:Georgia,serif}.tv-mode .brand{font-size:23px}.tv-mode .brand-icon{transform:none}.tv-mode button{box-shadow:none}.tv-mode .qr{box-shadow:5px 5px 0 #0003}.tv-mode .pair-layout{min-height:65vh}.tv-mode .code{font-family:Outfit;font-weight:600}.tv-map-mode #app{padding:0}.startup-controls button{box-shadow:none}.startup-window{border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #0005}.tv-mode .source{font-family:Jakarta,system-ui,sans-serif}.tv-mode .bible-map{border:0}.tv-mode .fullscreen-control:focus-visible{outline-color:var(--tv-accent)}
@media(min-width:1000px){.zone-read>.panel:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.zone-read>.panel:last-child>#deeper-section{grid-column:2;grid-row:1/7}.zone-read>.panel:last-child>.divider{display:none}.leader-mode main{max-width:1240px}}
@media(max-width:760px){main{padding:26px 18px}header{min-height:72px;padding:15px 18px}.brand{font-size:21px;gap:9px}.brand-icon{width:33px;height:36px}.hero{gap:48px;padding:20px 0 50px}.hero h1{font-size:59px}.hero .actions{gap:10px}.hero .actions .button{flex-grow:1}.room-illustration{max-width:460px;margin:0 10px 0 0;padding:45px 20px 22px}.steps>div{padding:24px}.leader-head h1{font-size:31px}.leader-head{gap:14px}.leader-head #end{padding:9px 12px;font-size:12px;white-space:nowrap}.leader-head .eyebrow{font-size:9px;letter-spacing:.08em}.advance-bar{top:0;padding:12px;gap:8px}.advance-bar strong{font-size:17px}.advance-bar .small{font-size:11px}.live-summary{flex-wrap:wrap;gap:7px;font-size:11px;margin-bottom:14px}.live-summary strong{display:none}.live-summary #live-summary-text{max-width:66%;overflow-wrap:anywhere}.live-summary button{font-size:11px;padding:5px;min-height:40px}.workspace-tabs{gap:5px;margin-bottom:14px}.workspace-tabs button{flex-direction:column;gap:5px;padding:9px 2px;font-size:10px;min-height:62px;border-radius:11px}.workspace-tabs button span{font-size:20px}.tool-zone{padding:10px;border-radius:17px}.tool-zone>.panel,.tool-zone>#maps-section,.tool-zone>#leader-prep,.tool-zone>#tv-appearance{padding:17px;border-radius:12px}.zone-read>.panel+.panel{margin-top:12px}.zone-read .verse{font-size:22px}.zone-onair #on-tv{padding:14px}.zone-onair #on-tv .verse{font-size:20px}.label-row{gap:7px}.label-row h3{font-size:21px}.pill{font-size:9px;padding:6px 8px}.narrow{padding:25px;margin-top:20px}.narrow h1{font-size:39px}.panel{padding:21px}.tv-mode main{padding:3vh 5vw}.tv-map-mode #app{padding:0}.tv-mode .brand{font-size:20px}.tv-mode .pair-layout{gap:28px}.tv-mode .code{letter-spacing:4px}.tv-mode .waiting{padding:25px 0}footer{margin:0 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.workspace-tabs [data-zone=onair][aria-selected=true]{border-color:#d9b66b;box-shadow:0 3px 0 #d9b66b}.guide{max-width:920px;margin:auto}.guide h1{max-width:700px}.guide h2{font-size:28px;margin-top:38px}.guide p,.guide li{max-width:76ch;line-height:1.85}.guide li{margin-bottom:15px}.guide a{text-underline-offset:3px}.guide{border-top:8px solid #e5c67d}.tv-mode .eyebrow,.tv-mode .small,.tv-mode .reference,.tv-mode .source{color:var(--tv-muted)}
/* Youth is an opt-in room theme. Decorative stickers never receive focus or cover maps. */
.youth-decoration{display:none}body[data-palette=youth]{background:#f5efff;color:#30234b;--green:#56319b;--muted:#554a68;--line:#b9a9d4;--gold:#624195}body[data-palette=youth] .youth-decoration{display:block;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}body[data-palette=youth]>header,body[data-palette=youth]>main,body[data-palette=youth]>footer{position:relative;z-index:1}.youth-sticker{position:absolute;display:grid;place-items:center;width:54px;height:54px;border:2px solid #37275e;border-radius:16px;background:#ffdc66;box-shadow:3px 3px 0 #37275e;font:700 36px Outfit,system-ui}.sticker-star{left:12px;top:21%;transform:rotate(-12deg);color:#56319b}.sticker-search{right:12px;top:34%;transform:rotate(12deg);background:#b8f1df;font-size:29px}.sticker-book{left:14px;bottom:12%;transform:rotate(8deg);background:#ffd0de;font-size:28px}.sticker-spark{right:15px;bottom:9%;transform:rotate(-9deg);background:#ffe796;font-size:29px}.youth-shape{position:absolute;border:3px solid #37275e}.shape-circle{width:170px;height:170px;border-radius:50%;background:#c4b1f3;right:-85px;top:4%}.shape-block{width:130px;height:110px;border-radius:24px;background:#8ce0d3;left:-70px;top:48%;transform:rotate(15deg)}.leader-mode[data-palette=youth] .advance-bar{background:#d7f7bc;border:2px solid #37275e;box-shadow:3px 3px 0 #b8a0e5}.leader-mode[data-palette=youth] .tool-zone{border:2px solid #37275e;box-shadow:4px 4px 0 #c7b2ed}.leader-mode[data-palette=youth] .zone-read{background:#ffe49a}.leader-mode[data-palette=youth] .zone-maps{background:#adeddc}.leader-mode[data-palette=youth] .zone-prep{background:#e0ccff}.leader-mode[data-palette=youth] .zone-settings{background:#bce9fa}.leader-mode[data-palette=youth] .zone-onair{background:#6741c5}.leader-mode[data-palette=youth] .workspace-tabs button{border:2px solid #37275e;border-radius:18px}.leader-mode[data-palette=youth] .workspace-tabs [data-zone=onair]{background:#6741c5}.leader-mode[data-palette=youth] .workspace-tabs [aria-selected=true]{box-shadow:0 3px 0 #37275e}.leader-mode[data-palette=youth] .panel{border-color:#b9a9d4}.leader-mode[data-palette=youth] .zone-read>.panel+.panel{background:#ffe1eb}.leader-mode[data-palette=youth] .button.primary,.leader-mode[data-palette=youth] button.primary{background:#56319b;color:#fffdf6;border-color:#37275e;box-shadow:3px 3px 0 #ffce5d}.leader-mode[data-palette=youth] h3{color:#43296d}.leader-mode[data-palette=youth] #tv-appearance h3{display:table;background:#ffdf76;border:2px solid #37275e;padding:8px 16px;border-radius:12px;box-shadow:3px 3px 0 #baa5e1}.theme-note{margin:14px 0 0}.tv-mode[data-palette=youth]{background:#f5efff;color:#30234b}.tv-mode[data-palette=youth]>header{border-color:#c9b8e1;background:#fffdf680}.tv-mode[data-palette=youth] .brand,.tv-mode[data-palette=youth] #connection{color:#30234b}.tv-mode[data-palette=youth] .brand-icon{background:#6741c5;color:#fffdf6;border-radius:10px 15px 10px 4px}.tv-mode[data-palette=youth]:not(.tv-map-mode) #screen-content,.tv-mode[data-palette=youth] #welcome-passage{padding:24px 30px;background:#fffdf6;border:3px solid #37275e;border-radius:24px;box-shadow:7px 7px 0 #c9b6ed}.tv-mode[data-palette=youth] .reference{display:table;background:#ffe18a;border:2px solid #7e599c;border-radius:12px;padding:6px 12px;color:#43296d;font-weight:650}.tv-mode[data-palette=youth] .verse sup{color:#56319b}.tv-mode[data-palette=youth] .source,.tv-mode[data-palette=youth] .small{color:#554a68;border-color:#d4c8e3}.tv-mode[data-palette=youth] .source a,.tv-mode[data-palette=youth] .word-card a,.tv-mode[data-palette=youth] .discussion-card a{color:#4c3974}.tv-mode[data-palette=youth] .original-word{color:#43296d}.tv-mode[data-palette=youth] .transliteration{color:#005c64}.tv-mode[data-palette=youth] .word-meanings{color:#56319b}.tv-mode[data-palette=youth] .scripture-highlight{background:#ffe18a;color:#30234b}.tv-mode[data-palette=youth] .tv-tools button{border-color:#a48abf;background:#fffdf6;color:#43296d}.tv-mode[data-palette=youth] .eyebrow{color:#56319b}.tv-map-mode[data-palette=youth] .youth-decoration{display:none}.tv-map-mode[data-palette=youth] .map-heading,.tv-map-mode[data-palette=youth] .map-context,.tv-map-mode[data-palette=youth] .map-current,.tv-map-mode[data-palette=youth] .map-card>.source{border:2px solid #37275e;background:#fffdf6;color:#30234b}.tv-mode[data-palette=youth] .startup-controls button{background:#39245de8;color:#fffdf6;border-color:#fffdf680}
@media(max-width:760px){body[data-palette=youth] .youth-sticker{width:35px;height:35px;font-size:22px;border-radius:10px;box-shadow:2px 2px 0 #37275e}.sticker-star{left:-10px;top:16%}.sticker-search{right:-8px;top:30%}.sticker-book{left:-8px;bottom:8%}.sticker-spark{right:-8px;bottom:7%}.tv-mode[data-palette=youth]:not(.tv-map-mode) #screen-content,.tv-mode[data-palette=youth] #welcome-passage{padding:18px;border-radius:18px;box-shadow:4px 4px 0 #c9b6ed}.tv-mode[data-palette=youth] .reference{font-size:20px}.leader-mode[data-palette=youth] .tool-zone{box-shadow:2px 3px 0 #c7b2ed}}

/* Strong, consistent reading navigation with a visible disabled boundary. */
.leader-mode #prev,.leader-mode #next,#workbench-prev,#workbench-next{background:#f1bd55;color:#30240f;border:2px solid #765015;min-width:64px;min-height:52px;font-size:26px;font-weight:800;box-shadow:0 3px 0 #765015}
#workbench-prev,#workbench-next{font-size:14px}
.leader-mode #prev:enabled:hover,.leader-mode #next:enabled:hover,#workbench-prev:enabled:hover,#workbench-next:enabled:hover{background:#ffda88;box-shadow:0 3px 0 #765015}
.leader-mode #prev:disabled,.leader-mode #next:disabled,#workbench-prev:disabled,#workbench-next:disabled{background:#e7e3d9;color:#726b60;border-color:#b6ad9b;box-shadow:none;opacity:1}
.leader-mode[data-palette=youth] #prev:enabled,.leader-mode[data-palette=youth] #next:enabled{background:#ffb8d0;color:#43254a;border-color:#69365c;box-shadow:0 3px 0 #69365c}
/* Monochrome appearance: white reading text on true black. */
body[data-palette=dark]{background:#000;color:#fff;--muted:#ccc;--line:#777;--green:#fff;--gold:#fff}
body[data-palette=dark] header{background:#000;border-color:#777}
body[data-palette=dark] :is(.brand,#connection,.eyebrow,h1,h2,h3,.reference,.live-summary,.live-summary button,.live-dot,.original-word,.transliteration,.word-meanings){color:#fff}
body[data-palette=dark] .brand-icon{background:#fff;color:#000}
body[data-palette=dark] :is(.tool-zone,.panel,.advance-bar,.tool-zone>.panel,.tool-zone>#maps-section,.tool-zone>#leader-prep,.tool-zone>#tv-appearance,.zone-read>.panel+.panel,#word-study-panel,.discussion-tools,.discussion-card,.word-card,#on-tv,.prep-item,details){background:#111;color:#fff;border-color:#777;box-shadow:none}
body[data-palette=dark] :is(.small,.source,.caption,.live-summary,.live-summary strong){color:#ccc}
body[data-palette=dark] a,body[data-palette=dark] .source a{color:#fff}
body[data-palette=dark] :is(input,textarea,select){background:#111;color:#fff;border-color:#888;color-scheme:dark}
body[data-palette=dark] :is(button,.button,.workspace-tabs button,.zone-read .mark-tools button,.pill,.pill.private,.pill.live){background:#222;color:#fff;border-color:#aaa;box-shadow:none}
body[data-palette=dark] :is(button.primary,.button.primary,.workspace-tabs button[aria-selected=true],.palette-options button[aria-pressed=true]){background:#fff;color:#000;border-color:#fff}
body[data-palette=dark] :is(button,.button):enabled:hover{background:#444;color:#fff;box-shadow:none}
body[data-palette=dark] button:disabled{background:#181818;color:#888;border-color:#555;opacity:1}
body[data-palette=dark] :is(.auto-post-switch[aria-checked=true],.auto-post-switch[aria-checked=true] .switch-track){background:#fff;color:#000}
body[data-palette=dark] .auto-post-switch[aria-checked=true] .switch-knob{background:#000}
body[data-palette=dark] :where(button,a,input,textarea,summary,[tabindex]):focus-visible{outline-color:#fff}
body[data-palette=dark] .scripture-highlight{background:#fff;color:#000}
body[data-palette=dark] .scripture-underline{text-decoration-color:#fff}
body[data-palette=dark] :is(#prev,#next):enabled{background:#fff;color:#000;border:2px solid #fff;box-shadow:0 3px 0 #777}
body[data-palette=dark] :is(#prev,#next):enabled:hover{background:#ddd;color:#000}
.tv-mode[data-palette=dark] :is(#screen-content,#welcome-passage){background:#000;color:#fff}
.tv-mode[data-palette=dark] :is(.source,.small,.map-context){color:#ccc}
.tv-map-mode[data-palette=dark] :is(.map-heading,.map-context,.map-current,.map-card>.source){background:#000;color:#fff;border:1px solid #aaa}
body[data-palette=dark] .fullscreen-control{background:#000;color:#fff;border-color:#fff}
body[data-palette=dark] .switch-track{background:#666;border-color:#aaa}body[data-palette=dark] .switch-knob{background:#fff}body[data-palette=dark] #notice{background:#222;color:#fff;border-color:#aaa;box-shadow:3px 4px 0 #777}body[data-palette=dark] :is(#prev,#next):enabled:hover{box-shadow:0 3px 0 #777}body[data-palette=dark] .live-dot{background:#fff}

#lookup{flex-wrap:wrap}#lookup input{flex:1 1 220px;min-width:0}#lookup button{flex:0 0 auto}.reconnect-panel{position:fixed;right:18px;top:90px;width:min(340px,85vw);max-height:calc(100dvh - 115px);overflow:auto;z-index:55;background:#fffdf6;color:#243e35;border:2px solid #527566;border-radius:18px;padding:20px;box-shadow:0 8px 40px #0005;font:15px Jakarta,system-ui}.reconnect-panel .code{font-size:34px;letter-spacing:.1em;margin:12px 0}.reconnect-panel .qr{display:block;width:150px;height:150px;margin:auto}.reconnect-panel .small{color:#45584d!important}.reconnect-panel p{margin:10px 0}.tv-map-mode .reconnect-panel{top:80px}body[data-palette=dark] .reconnect-panel{background:#111;color:#fff;border-color:#aaa}body[data-palette=dark] .reconnect-panel .small{color:#ccc!important}@media(max-width:600px){#lookup input{flex-basis:100%}#lookup button{flex:1 1 140px;font-size:13px;padding:12px 8px}}
.tv-map-mode .tv-tools{top:114px;bottom:auto;right:16px;left:auto;max-width:55vw;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tv-map-mode .tv-tools button{min-height:34px;padding:6px 10px;font-size:11px}