:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#142c39;background:#f3f6f8;font-size:16px;--ink:#102f41;--gold:#c29440;--line:#dce3e8;--muted:#526976}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{cursor:pointer}button{background:white;border:1px solid var(--line);padding:.7rem 1rem;border-radius:8px;color:var(--ink);font-weight:600}button:hover{background:#e9f0f4}button:disabled{opacity:.5;cursor:default}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#245168}.gold{background:#e7bd6e;color:#102f41;border:0}.danger{color:#a22e2e}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{width:100%;border:1px solid #bbcbd4;border-radius:7px;padding:.72rem;background:white;color:var(--ink)}textarea{resize:vertical}label{display:grid;gap:.4rem;font-size:.9rem;font-weight:600;margin-bottom:1rem}small,.muted{color:var(--muted);font-weight:400}.check{display:flex;align-items:center;gap:.65rem}.check input{width:auto}h1,h2,h3{line-height:1.18;margin:0 0 1rem}h1{font-family:Georgia,serif;font-size:2.6rem;font-weight:500}h2{font-size:1.35rem}h3{font-size:1.08rem}p{line-height:1.65}hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:700;color:#756025}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--ink);color:#fff;padding:2rem 1.3rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.logo{font-family:Georgia,serif;font-size:2rem;letter-spacing:-.17em;border:1px solid #c29440;width:58px;height:58px;display:grid;place-content:center;position:relative;color:#c29440;margin-bottom:1rem}.logo span{position:absolute;font-size:1.1rem;bottom:7px;right:10px}.church{font-weight:700;overflow-wrap:anywhere;margin-bottom:2rem}.sidebar nav{display:grid;gap:.4rem}.sidebar a{padding:.8rem .9rem;border-radius:6px;color:#dae3e9}.sidebar a.active{background:#274b60;color:#fff;border-left:3px solid #e7bd6e}.sidebar .account{margin-top:auto;padding-top:2rem;font-size:.9rem}.main{padding:2rem 3rem;max-width:1350px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem;color:var(--muted);font-size:.9rem}.row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.row.between{justify-content:space-between}.row h2{margin-right:auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:1.5rem}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.sermon-cover{background:var(--ink);color:white;border-radius:12px;padding:2rem;margin-bottom:1.5rem;border-top:4px solid var(--gold)}.sermon-cover .eyebrow{color:#e7bd6e}.sermon-cover p{color:#d7e2e9}.sermon-cover h1{max-width:700px}.badge{display:inline-block;border:1px solid #cad7df;border-radius:30px;padding:.25rem .7rem;font-size:.8rem;color:var(--muted)}.empty{padding:2rem;text-align:center;border:1px dashed #aebfca;border-radius:12px}.setup{max-width:820px;margin:3rem auto;padding:2rem;background:white;border:1px solid var(--line);border-radius:15px}.auth{max-width:470px}.error{color:#912c2c;background:#ffebeb;padding:1rem;border-radius:8px}.reader-controls{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:.75rem}.reading{font-family:Georgia,serif;font-size:1.25rem;line-height:1.95;max-width:760px;margin:auto}.reading p{line-height:1.95}.reading [data-verse-id]{cursor:pointer;border-radius:3px}.reading .v,.reading [data-number]{font-size:.72em;color:#87651f;vertical-align:super}.reading .s1{font-family:system-ui;font-size:1rem;font-weight:700}.reading .selected{outline:2px solid #b4852e}.mark-gold{background:#ffecaa}.mark-blue{background:#d5edff}.mark-green{background:#d4f1da}.mark-pink{background:#ffe0e9}.copyright{font-size:.8rem;line-height:1.5;color:var(--muted);margin-top:2rem}.text{white-space:pre-wrap;overflow-wrap:anywhere}.list-item{border-bottom:1px solid var(--line);padding:1rem 0}.list-item:last-child{border-bottom:0}.note-preview{white-space:pre-wrap;color:var(--muted)}.passage-number{width:2rem;height:2rem;border-radius:50%;background:#eaf0f4;display:grid;place-content:center;font-weight:700}.footer-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.5rem}.stats{font-size:1.6rem;font-family:Georgia,serif;color:var(--ink)}dialog{border:1px solid var(--line);border-radius:12px;padding:1.5rem;width:min(560px,95vw);max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#102f4188}#toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:20;background:#102f41;color:white;border-radius:8px;padding:1rem;max-width:90vw;display:none}#toast.visible{display:block}:focus-visible{outline:3px solid #bb8836;outline-offset:3px}.setup form>button{margin-top:1rem}.compact{font-size:.85rem;padding:.45rem .7rem}.editor-citation{border-left:3px solid #c29440;padding-left:1rem;margin:1.2rem 0}.link-button{border:0;background:transparent;text-decoration:underline}.account small{color:#bbcdd8}.auth .logo{margin:auto}.auth h1{text-align:center}.reader-status{min-height:1.5rem;color:var(--muted);font-size:.9rem}progress{width:100%;accent-color:#245168}
@media(max-width:1000px){.main{padding:1.5rem}.shell{grid-template-columns:200px minmax(0,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:700px){.shell{display:block}.sidebar{position:relative;height:auto;padding:1rem}.sidebar .logo,.sidebar .church,.sidebar .account{display:none}.sidebar nav{display:flex;overflow:auto;gap:.3rem}.sidebar nav a{white-space:nowrap;padding:.65rem}.main{padding:1rem}.topbar{margin-bottom:1.3rem}.grid,.reader-controls{grid-template-columns:1fr}.reader-controls{gap:0}.card{padding:1rem}h1{font-size:2rem}.setup{margin:1rem;padding:1.2rem}.sermon-cover{padding:1.5rem}.reading{font-size:1.18rem}.footer-nav{flex-wrap:wrap}}

/* Mobile navigation: primary destinations stay within thumb reach. */
.mobile-nav,.mobile-menu{display:none}.mobile-menu[open]{display:block}
.present-link{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.15rem;border-radius:8px;background:#e7bd6e;color:#102f41;font-weight:700;text-decoration:none}
.present-link:hover{background:#f1cd87;text-decoration:none}.present-link.small{padding:.6rem .9rem}
@media(max-width:700px){
.sidebar{display:none}
.main{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
.topbar{font-size:.85rem;gap:.5rem}.topbar span:first-child{font-weight:700;color:var(--ink);max-width:58%;overflow-wrap:anywhere}.topbar span:last-child{text-align:right}
.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.45rem .55rem calc(.45rem + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 25px #102f410c}
.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:58px;padding:.45rem .15rem;font-size:.875rem;line-height:1.2;border:0;border-radius:10px;color:#526976;background:transparent;font-weight:600}
.mobile-nav a:hover{text-decoration:none}.mobile-nav .active{color:#102f41;background:#e8f0f5}.mobile-nav .active svg{stroke-width:2.2}
.mobile-menu[open]{display:block;position:fixed;top:auto;bottom:0;margin:0;width:100%;max-width:none;max-height:85dvh;border:0;border-radius:22px 22px 0 0;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 70px #102f4122}
.mobile-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.mobile-menu nav a{padding:1rem .8rem;border:1px solid var(--line);border-radius:10px;min-height:54px;display:flex;align-items:center;font-size:1rem}.mobile-menu nav a.active{background:#e8f0f5;border-color:#8ba9bb;font-weight:700}.mobile-menu .row h2{margin-bottom:0}
#toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
/* Presentation is an independent full viewport surface. */
.presenter{--slide-ink:#f6f7fa;display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:420px;background:#0c1d2d;color:var(--slide-ink);overflow:auto}
.presenter:fullscreen{width:100%;height:100%;min-height:0}
.presenter-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #ffffff16;flex-shrink:0}
.presentation-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bccbd7;font-size:.95rem}
.presenter button,.presentation-exit{background:#ffffff09;border:1px solid #ffffff29;color:#eaf0f5;border-radius:8px;padding:.7rem 1rem;font-size:.9rem;white-space:nowrap}
.presenter button:hover,.presentation-exit:hover{background:#ffffff19;text-decoration:none}
.presenter button:disabled{opacity:.35}
.slide-stage{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;padding:1.6rem 5vw 1rem;text-align:center;gap:.6rem}
.slide-label{color:#a8bbc9;font-size:.9rem;letter-spacing:.05em}
.slide-reference{font-family:system-ui,sans-serif;font-weight:600;font-size:clamp(1.3rem,2.7vw,2.4rem);color:#edc87c;line-height:1.25;margin:0}
.slide-scroll{width:100%;max-width:1400px;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:safe center;overscroll-behavior:contain;scrollbar-width:thin}
.slide-text{font-family:Georgia,serif;font-size:clamp(30px,4.6vw,76px);line-height:1.38;font-weight:400;overflow-wrap:anywhere;width:100%}
.slide-text p{font-size:inherit;line-height:inherit;margin:.25em 0}
.slide-version{font-size:.9rem;color:#c3d1dc;margin:0;line-height:1.3}
.slide-copyright{font-family:system-ui,sans-serif;font-size:.75rem;line-height:1.3;color:#91a8ba;max-width:1050px;margin:0;max-height:4em;overflow:auto}
.presenter-footer{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:1rem 1.5rem max(1rem,env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff16;flex-shrink:0}
.slide-progress{flex:1;min-width:150px;max-width:400px}.slide-progress label{font-size:.8rem;color:#a8bbc9;margin:0 0 .3rem}.slide-progress select{background:#152e43;color:#f3f6f8;border-color:#365166;padding:.55rem;font-size:.9rem}
.slide-size{display:flex;gap:.3rem}.slide-size button{min-width:44px}
.slide-navigation{display:flex;align-items:center;gap:.8rem;margin-left:auto}
.slide-navigation #slide-next{background:#e7bd6e;color:#102f41;border-color:#e7bd6e}.slide-navigation #slide-next:hover{background:#f1cd87}
#slide-counter{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem;color:#c5d2dc}
.keyboard-hint{flex-basis:100%;text-align:center;font-size:.8rem;line-height:1.1;margin:0;color:#829bad}
.slide-text .slide-error{font:1.1rem/1.6 system-ui,sans-serif;max-width:650px;margin:1rem auto;color:#f4c5b9}.presentation-edit{display:block;font:1rem/1.6 system-ui,sans-serif;color:#edc87c;margin-top:1rem}
@media(max-width:700px){
.presenter-header{padding:.7rem;gap:.6rem}.presentation-title{font-size:.8rem}.presenter-header button,.presentation-exit{font-size:.8rem;padding:.6rem}.presenter-header #fullscreen{max-width:125px;white-space:normal}
.slide-stage{padding:1rem 1.1rem .8rem;gap:.5rem}.slide-reference{font-size:1.5rem}.slide-label,.slide-version{font-size:.8rem}.slide-copyright{font-size:.75rem;max-height:3.9em}
.presenter-footer{gap:.6rem;padding:.7rem .7rem max(.7rem,env(safe-area-inset-bottom,0px))}.slide-progress{max-width:none;min-width:0;flex:1}.slide-navigation{flex-basis:100%;justify-content:space-between;gap:.4rem}.slide-navigation button{min-height:44px}.keyboard-hint{display:none}
}
@media(max-height:500px) and (min-width:701px){.presenter-header{padding:.5rem 1rem}.presenter-footer{padding:.5rem 1rem}.slide-stage{padding:.5rem 4vw;gap:.3rem}.keyboard-hint,.slide-progress label{display:none}.slide-copyright{max-height:2.6em}}