/* App shell: persistent compact header, five main destinations, drawer profile. */
html{min-height:100%;scroll-padding-top:90px}body{min-height:100svh}.app{min-height:100svh}.app-header{position:sticky;top:0;z-index:7;background:#193332;color:#fff;padding:20px 30px 16px}.app-header .headline{margin:0;display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.app-header .brand{min-width:0;flex:1;font-size:21px;letter-spacing:-.5px;gap:10px}.app-header .brand>span{min-width:0;line-height:1.25}.app-header .brand small{font-size:8px;letter-spacing:1.6px;line-height:1.6;margin-top:5px}.app-header .brandicon{width:38px;height:38px;border-radius:12px;flex:none}.app-header .install-app-btn{margin:0;flex:none;background:#ffffff0c;border:1px solid #ffffff28;color:#e0ead9}.install-app-btn[data-install-app]{display:inline-grid!important;place-items:center;width:42px;height:42px;min-width:42px;padding:0!important;border-radius:12px;font-size:20px;line-height:1}.app-menu-toggle{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffffff0c;border:1px solid #ffffff28;color:#e0ead9;cursor:pointer;flex:none}.top{position:relative;padding-top:0;padding-bottom:16px;box-shadow:none}.top .search{height:49px}.top .tabs{padding-top:13px}.content{padding-top:24px}.bottom{max-width:620px;width:min(620px,calc(100% - 28px));padding:10px}.bottom .nav{font-size:11px;gap:5px;padding:7px 9px}.bottom .symbol{font-size:22px}.app-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(380px,100%);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-radius:24px 0 0 24px;padding:0;background:#fafbf6;color:#254633;overflow-y:auto;overscroll-behavior:contain;box-shadow:-20px 0 80px #10291833}.app-menu::backdrop{background:#0f261c80;backdrop-filter:blur(3px)}.app-menu-head{display:flex;align-items:center;justify-content:space-between;padding:28px 23px 22px;background:#eaf0e1;border-bottom:1px solid #dce5d1}.app-menu-head small{font-size:9px;letter-spacing:1.6px;color:#6c8462}.app-menu-head h2{font-size:23px;margin:8px 0 0}.app-menu-head button{border:1px solid #d6e0cc;background:#fff;color:#3b6046;border-radius:12px;width:40px;height:40px;cursor:pointer}.app-menu-links{padding:15px}.app-menu-links button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;border-radius:12px;background:none;color:#36533e;padding:14px 12px;font:600 14px/1.5 inherit;cursor:pointer}.app-menu-links button:hover{background:#edf2e7}.app-menu-links button>span{display:inline-grid;place-items:center;min-width:27px;height:27px;border-radius:8px;background:#eaf0df;font-size:17px;color:#5e7c4d}.app-menu-links b{margin-left:auto;color:#92a186;font-size:18px;font-weight:400}.app-menu-divider{border-top:1px solid #e1e7d9;margin:12px 10px}.app-menu-footer{padding:10px 27px 28px;color:#8c9a80;font-size:11px}.app-menu-footer a{color:#58764d}.app-menu[hidden],[hidden]{display:none!important}.app-menu-toggle[aria-expanded=true]{background:#d4e4c5;color:#214b36}.app-header button:focus-visible{outline:3px solid #d9e8bc;outline-offset:3px}.reader{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:calc(145px + env(safe-area-inset-bottom))}.mini{bottom:110px}@media(max-width:650px){html,body{width:100%;max-width:100%;margin:0;background:#faf9f5;overflow-x:clip}.app{width:100%;max-width:none;margin:0;min-height:100dvh;border-radius:0;box-shadow:none;overflow:visible}.app-header{padding:calc(13px + env(safe-area-inset-top)) 16px 14px}.app-header .brand{font-size:18px;gap:9px}.app-header .brandicon{width:35px;height:35px;font-size:20px}.app-header .headline{gap:8px}.app-header .brand small{font-size:7px;letter-spacing:1.25px}.app-menu-toggle,.app-header .install-app-btn{width:39px;height:39px;min-width:39px;border-radius:11px}.top{padding:0 16px 14px}.content{width:100%;max-width:none;padding:20px 16px calc(115px + env(safe-area-inset-bottom));margin:0}.bottom{left:0;transform:none;bottom:0;width:100%;max-width:none;border-radius:20px 20px 0 0;border:0;border-top:1px solid #dce5d2;box-shadow:0 -5px 25px #274a3110;padding:9px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:2px;background:#fffffff5;backdrop-filter:blur(15px)}.bottom .nav{font-size:10px;padding:6px 4px;min-height:49px;border-radius:13px;flex:1;min-width:0}.bottom .symbol{font-size:22px;line-height:1.1}.mini{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 16px)}.app-menu{border-radius:22px 0 0 22px;width:min(360px,92vw)}.app-menu-head{padding-top:calc(24px + env(safe-area-inset-top))}.app-menu-footer{padding-bottom:calc(25px + env(safe-area-inset-bottom))}.bible-toolbar{gap:7px}.music-banner{margin-top:0}.gallery-viewer{height:100dvh}.reader{padding-left:16px;padding-right:16px}}@media(max-width:360px){.app-header{padding-left:12px;padding-right:12px}.app-header .brand{font-size:16px;gap:7px}.app-header .brand small{letter-spacing:.6px;font-size:6.5px}.app-header .brandicon{width:31px;height:31px}.app-menu-toggle,.app-header .install-app-btn{width:36px;height:36px;min-width:36px}.bottom .nav{font-size:9px}.content{padding-left:12px;padding-right:12px}}@media(display-mode:standalone){html,body{overscroll-behavior-y:none}.app{min-height:100dvh}}

/* Compact Bible heading: one saved-verses entry, aligned to the right. */
.bible-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.bible-banner-title{min-width:0;flex:1}.bible-banner h1{overflow-wrap:anywhere}.bible-banner #bibleSavedTop{margin-left:auto;flex:0 1 auto;max-width:100%;white-space:normal}.bible-toolbar{justify-content:flex-start}.bible-toolbar .bible-button:last-child{margin-left:auto}.bible-tools{align-items:center}.bible-tools .bible-button:last-child{margin-left:auto}.bible-nav-icon{display:inline-flex;align-items:center;justify-content:center}.bible-nav-icon svg{display:block}.bible-saved-card{min-width:0}.bible-saved-card h3{overflow-wrap:anywhere}.gallery-banner{margin-bottom:20px}@media(max-width:450px){.bible-banner{padding:20px 18px;gap:12px}.bible-banner h1{font-size:24px}.bible-banner #bibleSavedTop{padding:10px 12px}.bible-toolbar .bible-button{min-width:0;max-width:100%;white-space:normal}.bible-bottom-nav>.bible-button{flex:1;min-width:0}.bible-tools .bible-button:last-child{margin-left:auto}}

/* Compact section headings leave more room for content. */
.gallery-banner,.music-banner,.profile-banner,.bible-banner{background:none;color:#244c38;border:0;border-bottom:1px solid #dfe6d8;border-radius:0;box-shadow:none;padding:0 0 14px;margin:0 0 18px;min-height:0;gap:12px}
.gallery-banner h1,.music-banner h1,.profile-banner h1,.bible-banner h1{font-size:24px;line-height:1.4;margin:0;color:inherit;letter-spacing:-.4px}
.bible-banner-title{flex:1}.bible-banner #bibleSavedTop{padding:9px 13px}.profile-banner{display:block}.music-banner{display:flex;align-items:center}.gallery-grid{margin-top:0}
@media(max-width:650px){.gallery-banner,.music-banner,.profile-banner,.bible-banner{padding:0 0 12px;margin:0 0 15px;gap:10px}.gallery-banner h1,.music-banner h1,.profile-banner h1,.bible-banner h1{font-size:22px}.bible-banner #bibleSavedTop{padding:9px 11px;font-size:12px}}

/* Explicit plain headings, with the saved action on the right. */
#galleryPage .gallery-banner,#biblePage .bible-banner{background:transparent!important;background-image:none!important;color:#244c38;padding:0 0 12px!important;margin:0 0 16px!important;border-radius:0!important;min-height:0!important;box-shadow:none!important}
#galleryTitlePublic{font-size:22px!important;font-weight:700!important;line-height:1.4;margin:0!important}
#biblePage .bible-banner{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap!important;gap:12px}
#biblePage .bible-banner-title{flex:1;min-width:0}#bibleTitle{font-size:22px!important;font-weight:700;margin:0!important}#bibleSavedTop{margin:0 0 0 auto!important;flex-shrink:0!important;max-width:58%;overflow-wrap:anywhere}
#musicPage .music-switch{margin-top:0}#bibleContent>.bible-language-list{margin-top:0}
@media(max-width:450px){#bibleTitle,#galleryTitlePublic{font-size:20px!important}#bibleSavedTop{font-size:11px;padding:9px 10px!important}}

.music-add-button{border:1px solid #cedcc4;border-radius:12px;background:#426b50;color:white;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;margin:0 0 6px}.music-order-hint{margin:6px 0 14px}.music-drag-handle{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;font-size:21px!important;letter-spacing:-4px;min-width:35px;min-height:42px;padding:6px!important}.music-dragging{opacity:.65;outline:2px solid #567c55}.music-drop-target{box-shadow:0 -3px 0 #557b4d}.music-move{display:flex;gap:3px}.music-move button{padding:7px!important;min-width:30px;min-height:36px}.music-move button:disabled{opacity:.3;cursor:default}.music-row{min-width:0}.music-meta{min-width:0}.music-meta strong{overflow-wrap:anywhere}@media(max-width:480px){.music-row{gap:6px;padding:12px 8px}.music-move{flex-direction:column;gap:1px}.music-move button{min-height:29px;padding:3px!important}.music-drag-handle{min-width:28px}.music-row>button{padding:7px}.music-meta strong{font-size:13px}.music-meta small{font-size:10px}}

.music-compact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.music-compact-toolbar h1{font-size:22px;font-weight:700;color:#244c38;margin:0;line-height:1.4}.music-compact-toolbar .music-add-button{margin:0;flex-shrink:0;padding:10px 15px}.legacy-library-actions:has(button:not([hidden])){margin-bottom:14px}.legacy-library-actions button{border:1px solid #d8e1d0;background:white;color:#42664b;padding:8px 12px;border-radius:10px;cursor:pointer}@media(max-width:480px){.music-compact-toolbar h1{font-size:20px}.music-compact-toolbar .music-add-button{font-size:13px;padding:10px 12px}}

.app-header .brandicon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gallery-tile img{aspect-ratio:4/7;object-fit:cover;content-visibility:auto}.gallery-tile{overflow:hidden}.app-header .brand>span{overflow-wrap:anywhere}.app-header .brand #siteBrandName{font-size:inherit;display:inline}

/* Keep results visible while the mobile keyboard is open. */
#search{min-width:0}#searchDone{display:none;border:0;border-radius:9px;background:#e6eedf;color:#315b3d;padding:8px 10px;font-size:13px;font-weight:700;flex:none;cursor:pointer}.music-track-play{min-width:68px!important;min-height:46px!important;padding:10px 16px!important;font-size:15px!important;font-weight:700;background:#e7efdf!important;color:#2c5539!important;border:1px solid #cddcbe!important;border-radius:12px!important}.playercontrols #playBtn{width:60px;height:54px;font-size:24px}.mini #playBtn{min-width:60px;min-height:54px;font-size:24px}
@media(max-width:650px){body.search-focused .app-header,body.search-focused .bottom,body.search-focused #tabs{display:none!important}body.search-focused #main .top{position:sticky;top:0;z-index:9;padding:8px 12px;background:#193332}body.search-focused #main .search{height:44px;padding:0 10px;gap:8px;border-radius:11px}body.search-focused #search{font-size:16px}body.search-focused #searchDone{display:block}body.search-focused #main>.content{padding:8px 12px 20px;min-height:0}body.search-focused .titlebar{margin:3px 0 9px;gap:8px}body.search-focused .titlebar h2{font-size:17px;margin:4px 0}body.search-focused .songs{gap:8px}body.search-focused .song{padding:9px 10px;min-height:65px;gap:10px}body.search-focused .songart{width:38px;height:38px;border-radius:10px;font-size:19px}body.search-focused .songname{font-size:14px}body.search-focused .sub{font-size:11px}body.search-focused .disclaimer{margin-top:12px}body.search-focused .app{min-height:var(--search-viewport-height,100dvh)}.music-track-play{min-width:66px!important;min-height:46px!important;padding:10px 13px!important}.music-row{gap:8px}}

/* Equal icon and label rows for every bottom-navigation item. */
.bottom{align-items:center}.bottom .nav{display:grid;grid-template-rows:26px 16px;align-content:center;align-items:center;justify-items:center;gap:4px;height:62px;min-height:62px;line-height:16px;box-sizing:border-box;padding:7px 6px}.bottom .nav .symbol{display:flex;align-items:center;justify-content:center;width:28px;height:26px;min-height:26px;line-height:1;margin:0;padding:0;font-size:22px}.bottom .nav .bible-nav-icon svg{display:block;width:22px;height:22px;flex:none;margin:0}@media(max-width:650px){.bottom .nav{height:58px;min-height:58px;padding:5px 4px;grid-template-rows:26px 14px;line-height:14px;gap:4px}}

/* Two columns: four compact portrait cards across two rows on mobile. */
@media(max-width:650px){#galleryPage{padding-left:12px;padding-right:12px}#galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#galleryGrid .gallery-tile{min-width:0;border-radius:12px}#galleryGrid .gallery-tile img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}#galleryGrid .gallery-tile strong{font-size:12px;line-height:1.45;padding:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:46px}}
/* Full-screen Gallery: GPU-friendly horizontal slide, stable contain sizing. */
#galleryImageArea{overflow:hidden;isolation:isolate}#galleryFullImage{position:relative;z-index:1;backface-visibility:hidden;will-change:transform}#galleryImageArea .gallery-slide-out{position:absolute;inset:0;z-index:1;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;pointer-events:none;backface-visibility:hidden}#galleryImageArea>button{z-index:3}@media(prefers-reduced-motion:reduce){#galleryFullImage{will-change:auto}}

/* Medium Bible interface typography; reading-size controls remain independent. */
#biblePage .bible-language strong{font-size:18px;line-height:1.6;font-weight:600}#biblePage .bible-language{padding:15px 19px}#biblePage .bible-language small{font-size:12px;line-height:1.6;margin-top:5px}#biblePage .bible-language-list{gap:12px}#biblePage .bible-testament strong{font-size:19px;line-height:1.6;font-weight:600}#biblePage .bible-testament{padding:23px;min-height:115px}#biblePage .bible-reader-title{font-size:23px;font-weight:600;line-height:1.6}#bibleTitle{font-size:20px!important}#biblePage .bible-book{font-size:14px}#biblePage .bible-chapters button{font-size:15px}@media(max-width:650px){#biblePage .bible-language strong{font-size:17px}#biblePage .bible-language{padding:14px 17px}#biblePage .bible-testament strong{font-size:18px}#biblePage .bible-reader-title{font-size:21px}#biblePage .bible-book{font-size:13px}}

.song-credits:not([hidden]){grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.song-credits[hidden],.song-credits:empty{display:none!important}

/* Clearer bottom-navigation icon and label contrast. */
.bottom .nav{color:#526958}.bottom .nav .symbol{color:inherit;opacity:1}.bottom .nav.active{color:#254f36;background:#e8efdf}.bottom .nav:not(.active):hover{color:#284e36;background:#f1f5eb}.bottom .nav:focus-visible{outline:2px solid #557b49;outline-offset:2px}.bottom .bible-nav-icon svg{stroke-width:1.9}html[data-theme=dark] .bottom .nav{color:#bfd0b6}html[data-theme=dark] .bottom .nav.active{color:#fff;background:#476b3d}html[data-theme=dark] .bottom .nav:not(.active):hover{color:#edf6e6;background:#293e2e}