/* Prayer space: reference navy panels, serif headings and blue glass controls. */
body:not(.ryvangel-music-open){background:#00111e;color:#f4f5f6}
body:not(.ryvangel-music-open)::before{display:none}
.app{width:min(100%,920px);margin:0 auto;min-height:100dvh;border:0;border-radius:0;box-shadow:none;background:linear-gradient(125deg,#00111d,#00101b)}
.app::before{display:none}
.app .app-header{padding:24px 24px 20px;min-height:86px;background:none;border:0}
.app .logo{width:46px;height:46px;border-radius:13px;color:#05223b;background:linear-gradient(145deg,#b6edff,#3184d3);box-shadow:inset 0 1px 2px #e0f8ff;font-family:Georgia,serif}
.app .app-title,.app .section-title,.app .home-welcome h2,.app .home-companion h2,.app .card h3,.app .profile-panel-card h3,.app .profile-action strong{font-family:Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:-.02em;color:#f4f4f5}
.app .app-title{font-size:21px}
.app .app-subtitle{font-size:12px;color:#c5d0dc}
.app .content{padding:8px 22px 100px}
.app .home-welcome{padding:0;margin:0 0 20px}
.app .home-welcome h2{font-size:38px;margin:8px 0 12px}
.app .eyebrow{color:#69cef5;font-size:12px;letter-spacing:.08em}
.app .home-question{font-size:15px;margin:16px 0}
.app .section-title{font-size:30px}
.app .section-desc{color:#c9d4df;font-size:15px;line-height:1.5}
.app .home-module-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0 18px}
.app .home-module-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:10px 4px;border:1px solid #23465e;border-radius:15px;background:linear-gradient(135deg,#09253c,#00111e);box-shadow:inset 0 1px 0 #ffffff06;color:#f2f4f9}
.app .home-module-button::before,.app .home-module-button::after{display:none}
.app .home-module-button>img{width:45px;height:45px;object-fit:contain;filter:none}
.app .home-module-button>span{width:auto;height:auto;font-size:14px;filter:none;background:none;mask:none}
.app .home-conversation-launcher{display:none}
.app .home-companion{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding:18px;border:1px solid #24475d;border-radius:19px;background:linear-gradient(130deg,#092339,#00101b 80%);box-shadow:none}
.app .home-companion-orb{width:88px;height:88px;border-radius:50%;overflow:hidden;border:1px solid #6387a2;background:#173c58;box-shadow:none}
.app .home-companion-orb img{width:100%;height:100%;object-fit:cover}
.app .home-companion h2{font-size:21px;margin:0}
.app .home-companion-presence{display:flex;flex-wrap:wrap;gap:8px}
.app .home-companion-presence>span{font-size:11px;color:#d7f5df;background:#072e35;border:1px solid #16454b;border-radius:30px;padding:5px 9px}
.app .home-companion-copy p{font-size:14px;line-height:1.5;color:#cdd7e1;margin:10px 0}
.app .home-companion-thread:empty{display:none}
.app .home-companion-thread{grid-column:1/-1;min-height:0;max-height:200px;overflow:auto}
.app .home-companion-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:7px;margin-top:4px}
.app .home-companion-form input{grid-column:auto;width:100%;min-width:0;font-size:14px;border:1px solid #234b65;border-radius:11px;background:#001322;padding:12px}
.app .home-companion-mic{width:44px;min-height:44px;border:1px solid #234b65;border-radius:10px;background:#052039}
.app .home-companion-speaker{display:none}
.app .home-companion-send{grid-column:auto;width:auto;min-width:64px;min-height:44px;padding:10px;border:1px solid #508ed0;border-radius:11px;background:linear-gradient(#226dbe,#103e86)}
.app .home-companion-open{grid-column:1/-1;color:#77d7ff;font-size:14px;min-height:44px;margin:0;background:none;border:0;text-decoration:underline}
.app .home-music-launcher{margin:18px 0;padding:12px 15px;min-height:64px;background:linear-gradient(130deg,#08273e,#021624);border:1px solid #23465e;border-radius:15px}
.app .card,.app .daily-card,.app .profile-panel-card,.app .profile-action,.app .profile-stats>div{background:linear-gradient(130deg,#09243b,#011320);border:1px solid #24475d;border-radius:15px;box-shadow:none}
.app .card{padding:18px;margin:12px 0}
.app .card h3{font-size:20px}
.app .card p{font-size:14px;line-height:1.5;color:#c5d2de}
.app .btn-primary{background:linear-gradient(#2375ce,#10418c);color:white;border:1px solid #559adf;border-radius:11px;min-height:44px;box-shadow:inset 0 1px 0 #ffffff20}
.app .profile-panel-card{padding:18px;gap:22px}
.app .profile-panel-avatar{width:94px;height:94px}
.app .profile-panel-card h3{font-size:26px}
.app .profile-stats{gap:9px}
.app .profile-stats>div{padding:13px 6px}
.app .profile-actions{gap:0;border:1px solid #24475d;border-radius:15px;overflow:hidden}
.app .profile-action{border:0;border-bottom:1px solid #24475d;border-radius:0;min-height:65px;padding:12px}
.app .profile-action:last-child{border-bottom:0}
.app .profile-action strong{font-size:17px}
.app .profile-action small{color:#bdcad9;font-size:13px}
.app .profile-privacy{border:1px solid #24475d;border-radius:14px;padding:14px;font-size:12px;line-height:1.5;background:#011522}
.app .tabs-wrap{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,920px);padding:6px 10px calc(8px + env(safe-area-inset-bottom));background:#001522f5;border:1px solid #173950;border-radius:22px 22px 0 0;z-index:40}
.app .tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:0;background:none}
.app .tab{min-height:58px;border-radius:14px;padding:7px 3px;font-size:12px;background:none;box-shadow:none}
.app .tab[aria-selected=true]{background:linear-gradient(#082d4d,#021725);color:white;border:1px solid #164362}
.app .tab-icon{color:#c5d1e0;background:none!important;mask:none!important;width:24px;height:24px;font-size:0;filter:none!important}
.app .tab-icon svg{width:24px;height:24px}
.app .tab[aria-selected=true] .tab-icon{color:#65caff}
.app .mobile-version,.app .app-footer,.app .mode-pill{display:none}
@media(max-width:600px){.app .app-header{padding:20px 20px 16px}.app .content{padding:4px 18px 94px}.app .home-welcome h2{font-size:34px}.app .home-companion{grid-template-columns:72px minmax(0,1fr);padding:15px;gap:12px}.app .home-companion-orb{width:72px;height:72px}.app .home-module-button{min-height:86px}.app .home-module-button>span{font-size:13px}.app .home-module-button>img{width:40px;height:40px}.app .profile-entry{padding:0}.app .header-actions{gap:6px}.app .profile-avatar-button{width:44px;height:44px}.app .app-subtitle{font-size:10px}}
@media(max-width:360px){.app .app-header{padding:16px}.app .content{padding-inline:14px}.app .home-companion{grid-template-columns:58px minmax(0,1fr)}.app .home-companion-orb{width:58px;height:58px}.app .home-companion h2{font-size:19px}.app .home-companion-form{gap:4px}.app .home-companion-send{min-width:58px;font-size:12px}}
.app[data-screen="home"]{height:auto;min-height:100dvh;overflow:visible}
.app[data-screen="home"] .content{display:block;height:auto;overflow:visible;padding-bottom:96px}
.app[data-screen="home"] #panel-prayers{display:block;overflow:visible;min-height:0}
.app[data-screen="home"] .home-module-nav{position:static;display:grid;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:8px;margin:16px 0 18px;padding:0;background:none}
.app[data-screen="home"] .home-module-button{height:auto;min-height:86px;gap:7px}
.app[data-screen="home"] .home-module-button img{width:42px;height:42px}
.app[data-screen="home"] .tabs-wrap{display:block}
.app .app-subtitle{display:block}
.app .home-companion-orb::before,.app .home-companion-orb::after{display:none}
#dev-page-badge{display:none!important}
.app .home-question{font-weight:400}
.app .home-companion-form[hidden]{display:none}

.app .prayer-reference-icon{width:46px;height:46px;overflow:hidden}
.app .home-companion-orb svg{width:100%;height:100%}
.app[data-screen="home"] .profile-entry{margin-bottom:0;padding-bottom:0}
.app[data-screen="home"] .home-welcome{margin-bottom:0}
.app[data-screen="home"] #panel-prayers{margin-top:0;padding-top:0}
.app .profile-entry,.app .home-welcome,.app .daily-card,.app .daily-card>*{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.app .home-welcome{width:100%}
.app .daily-card{overflow:hidden}
.app .profile-entry{display:block}
.app .profile-entry::before,.app .profile-entry::after{display:none}
.app .profile-entry{overflow:clip}
.app .daily-card .verse-text{white-space:normal;font-size:clamp(20px,5vw,28px)}

.app #lesson-list{gap:0}
.app .reference-lesson{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px 14px}
.app .reference-lesson-icon{width:66px;height:66px;border-radius:50%;overflow:hidden;grid-row:span 2}
.app .reference-lesson .card-header{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px}
.app .reference-lesson .card-title{font-size:18px;margin:0;line-height:1.25}
.app .reference-lesson .card-text{margin:0;font-weight:400}
.app .reference-lesson .btn-row{grid-column:1/-1;margin-top:8px}
.app .reference-lesson .btn{width:100%;font-weight:500}
.app .reference-stat-icon{width:32px;height:32px;overflow:hidden;margin:0 auto 6px}
.app .profile-stats>div{display:flex;flex-direction:column;align-items:center;gap:4px}
.app .reference-events{margin-top:16px;border-top:1px solid #23465e}
.app .reference-events summary{min-height:48px;padding:14px 0;cursor:pointer;color:#abd2e8}
.app .profile-panel-avatar:has(img[hidden]){background:url('../assets/ryvangel/avatar-olice.webp') center/cover}
.app .profile-panel-avatar:has(img[hidden])>span{visibility:hidden}
.app .profile-panel-avatar::before,.app .profile-panel-avatar::after{display:none}
.app .app-title,.app .home-welcome h2,.app .section-title,.app .card-title,.app .profile-action strong{font-weight:500}
.app:not([data-screen="home"]) .header-actions .profile-avatar-button{display:none}