/* New section: flowing, touch-friendly content within the existing card shell. */
.scene{background-image:url('./assets/background-hd.webp')}
@media(orientation:portrait){.scene{background-image:url('./assets/background-portrait-hd.webp')}}
.screen[data-kind=home]{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin}
.screen[data-kind=home] .home-board{height:auto;min-height:100%;align-content:start;padding-bottom:16px}
.screen[data-kind=home] .home-secondary.prayer-entry{background:linear-gradient(120deg,#77703555,#174c4dcc),#163e37;border-color:#ead8a479;min-height:84px;padding:16px 14px}
.prayer-entry .prayer-entry-icon{color:#ffe4a4}
@media(max-width:649px){
 .screen[data-kind=home] .home-board{display:flex;flex-direction:column;gap:18px}
 .screen[data-kind=home] .home-board>*{flex:none}
 .screen[data-kind=home] .profile-description{font-size:14px}
 .screen[data-kind=home] .connect-card{min-height:112px;padding:14px}
 .screen[data-kind=home] .link-description{font-size:14px}
 .screen[data-kind=home] .support-card{min-height:88px;padding:12px 10px}
 .screen[data-kind=home] .support-card small{font-size:13px}
 .screen[data-kind=home] .home-secondary small{font-size:14px}
}
.screen.prayer-screen{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scroll-padding:12px;padding:8px 0 24px;touch-action:pan-y pinch-zoom}
.prayer-layout{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:20px;min-width:0}
.prayer-layout>*{flex:none;min-width:0}
.prayer-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:14px;line-height:1.4;color:#fff9ec;text-shadow:0 1px 6px #003b35}
.prayer-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;padding:7px 10px;border:1px solid #ecffe137;border-radius:12px;background:#0b403cdc}
.prayer-breadcrumbs span[aria-current]{color:#fff0be}
.prayer-heading{padding:24px 20px;border-radius:24px;background:linear-gradient(120deg,#365849ec,#153f3dea);border:1px solid #dfddb65c;box-shadow:inset 0 1px #ffffff24}
.prayer-heading .eyebrow{margin-bottom:12px}
.prayer-heading h1{font-size:clamp(25px,6.5vw,36px);line-height:1.25;letter-spacing:-.6px;font-weight:600;overflow-wrap:break-word}
.prayer-heading p{margin-top:12px;color:#f0f3e8;font-size:16px;line-height:1.6}
.prayer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;list-style:none;padding:0;margin:0}
.prayer-grid li{min-width:0}
.prayer-category{display:flex;align-items:center;gap:15px;width:100%;height:100%;min-height:92px;padding:18px 16px;border:1px solid var(--prayer-line,#f6e5b175);border-radius:21px;background:linear-gradient(120deg,var(--prayer-start),var(--prayer-end));color:#fffaf1;box-shadow:inset 0 1px #ffffff2e,0 5px 15px #07332a19;transition:filter .16s,border-color .16s}
.prayer-symbol{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:15px;border:1px solid #ffffff38;background:#ffffff0f;color:var(--prayer-accent,#fff1bf)}
.prayer-symbol svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.prayer-category strong{font-size:17px;font-weight:600;line-height:1.45;flex:1;min-width:0}
.prayer-category>.icon{width:18px;opacity:.8}
.prayer-category:hover{filter:brightness(1.1);border-color:#fff0bebe}
.prayer-category:active{filter:brightness(1.15)}
.prayer-screen .prayer-reading{padding:24px 20px;background:linear-gradient(120deg,#164b43f5,#123b3af5);border-color:#d7e4ce61;backdrop-filter:none;-webkit-backdrop-filter:none}
.prayer-reading p{font-size:18px;line-height:1.8;color:#fffaf1;overflow-wrap:break-word;text-align:left}
.prayer-reading p+p{margin-top:22px}
.prayer-reading p:last-child{margin-bottom:0}
.prayer-after{display:flex;flex-direction:column;gap:24px}
.prayer-after h2{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-shadow:0 1px 6px #06352c}
.prayer-book-card{display:flex;flex-direction:column;gap:16px;padding:16px}
.prayer-book-card img{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;margin-inline:auto}
.prayer-book-card h3{font-size:20px;line-height:1.4;font-weight:600;margin-bottom:8px}
.prayer-book-card p{font-size:15px;line-height:1.65;color:#e7efe7;margin-bottom:16px}
.prayer-community{display:flex;flex-direction:column;gap:12px}
.prayer-community h2{margin-bottom:0}
.prayer-community .community-image{flex:none;padding:14px}
.prayer-community .community-image img{flex:none;width:100%;height:auto;max-width:440px;aspect-ratio:1;object-fit:contain}
.prayer-community .community-cta{min-height:44px}
.prayer-community .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.prayer-community .support-card{padding:14px 10px;min-height:98px;gap:8px}
.prayer-community .support-card strong{font-size:15px}
.prayer-community .support-card small{font-size:13px}
.prayer-actions{display:flex;flex-direction:column;gap:12px}
.prayer-layout .button{min-height:52px;font-size:16px;background-color:#154c44dc}
.prayer-layout .button.primary{background:linear-gradient(110deg,#ffe3ac,#d0ecd1)}
.prayer-layout a:focus-visible{outline:2px solid #fff2b3;outline-offset:-4px}
.prayer-bottom-nav{background-color:#15433deb}
.prayer-screen .prayer-link-field{padding:14px;border-radius:16px;background:#163f39;overflow-wrap:anywhere;color:#fff0be}
@media(min-width:600px){.prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prayer-heading{padding:28px}.prayer-screen .prayer-reading{padding:32px 36px}.prayer-book-card{flex-direction:row;align-items:center;padding:20px}.prayer-book-card img{width:42%;max-width:260px;margin:0}.prayer-book-card>div{flex:1;min-width:0}.prayer-community .support-card{padding:16px;gap:14px}}
@media(min-width:960px){.prayer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prayer-category{flex-wrap:wrap;align-content:start;min-height:174px;padding:20px}.prayer-category strong{flex-basis:calc(100% - 36px)}.prayer-category .prayer-symbol{margin-right:calc(100% - 46px)}}
@media(prefers-reduced-motion:reduce){.prayer-category{transition:none}}
@media(prefers-contrast:more){.prayer-category{border-color:#fff;background:#153c35}.prayer-reading p{color:white}}
/* The original static homepage remains usable when scripting is unavailable. */
.no-script{position:static;padding:12px;font-size:14px;line-height:1.5;margin-top:12px}
.home-test-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.home-test-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;border:1px solid #e3efd138;background:#16483dda;border-radius:14px}.static-test-links{display:flex;flex-wrap:wrap;gap:8px}
.screen[data-kind=home] .profile-copy:before{inset:-12px 0}
.prayer-breadcrumbs a{gap:6px}
/* Mobile refinement: both main actions fit above navigation. */
.scene{filter:saturate(1.13) contrast(1.045) brightness(1.035)}
.screen[data-kind=home] :is(.connect-card,.support-card,.home-secondary),
.screen[data-kind=home] .home-secondary.prayer-entry{
 background:linear-gradient(125deg,#edfff02d,#a4dbc40a 48%,#072f3933),#164d456b;
 border:1px solid #ecf6d269;
 box-shadow:inset 0 1px 0 #ffffe852,inset 0 -1px 0 #002e3426,0 7px 20px #082e2e21;
 backdrop-filter:blur(11px) saturate(135%);-webkit-backdrop-filter:blur(11px) saturate(135%);
 text-shadow:0 1px 3px #08322ca6;
}
.screen[data-kind=home] .home-secondary.prayer-entry{background:linear-gradient(125deg,#ead3a733,#abdaca0c 55%,#092f3a2e),#154d476b;border-color:#f7dda982}
.screen[data-kind=home] .home-secondary[data-route=tests]{background:linear-gradient(125deg,#b2f3d52b,#d9edc50a 55%,#092f3a33),#174b476b}
.screen[data-kind=home] .home-board{min-height:0}
@media(max-width:649px) and (orientation:portrait){
 .app-shell[data-home=true]{--header:56px;--nav:70px}
 .screen[data-kind=home]{padding:2px 0 6px;scrollbar-width:none}
 .screen[data-kind=home] .home-board{height:100%;display:flex;justify-content:space-between;gap:8px;padding:0}
 .screen[data-kind=home] .personal-intro{padding:0 2px}
 .screen[data-kind=home] .profile-top{gap:14px}
 .screen[data-kind=home] .profile-photo{width:clamp(92px,calc(var(--app-vh,100svh)*.145),124px);flex-basis:clamp(92px,calc(var(--app-vh,100svh)*.145),124px);border-radius:22px}
 .screen[data-kind=home] .profile-copy{padding:0}
 .screen[data-kind=home] .profile-copy h1{font-size:clamp(26px,7.1vw,32px);line-height:1.03;margin-bottom:7px}
 .screen[data-kind=home] .profile-description{font-size:13px;line-height:1.4}
 .screen[data-kind=home] .social-links{margin-top:9px;gap:16px}
 .screen[data-kind=home] .social-button{width:44px;height:44px;min-width:44px}
 .screen[data-kind=home] .connect-grid{gap:10px}
 .screen[data-kind=home] .connect-card{padding:12px;min-height:100px;border-radius:21px;gap:5px}
 .screen[data-kind=home] .connect-card h2{font-size:18px;line-height:1.18}
 .screen[data-kind=home] .connect-symbol .icon{width:19px;height:19px}
 .screen[data-kind=home] .link-description{font-size:13px;line-height:1.3}
 .screen[data-kind=home] .section-label{font-size:12px;margin-bottom:6px}
 .screen[data-kind=home] .support-grid{gap:10px}
 .screen[data-kind=home] .support-card{min-height:74px;padding:10px;gap:8px;border-radius:19px}
 .screen[data-kind=home] .support-card strong{font-size:14px;line-height:1.2}
 .screen[data-kind=home] .support-card small{font-size:12px;line-height:1.3;margin-top:4px}
 .screen[data-kind=home] .secondary-home{gap:8px}
 .screen[data-kind=home] .home-secondary,
 .screen[data-kind=home] .home-secondary.prayer-entry,
 .screen[data-kind=home] .home-secondary[data-route=tests]{min-height:65px;padding:11px 13px;gap:10px;border-radius:20px}
 .screen[data-kind=home] .home-secondary strong,
 .screen[data-kind=home] .home-secondary[data-route=tests] strong{font-size:14px;line-height:1.35}
 .screen[data-kind=home] .home-secondary small{font-size:12px;line-height:1.3;margin-top:4px}
 .screen[data-kind=home] .home-secondary>span{flex:1;min-width:0}
 .screen[data-kind=home] .home-secondary>.icon{width:21px;height:21px}
 .screen[data-kind=home] .home-secondary>.arrow{width:17px}
}
@media(max-width:649px) and (orientation:portrait) and (max-height:720px){
 .screen[data-kind=home] .home-board{gap:7px}
 .screen[data-kind=home] .profile-photo{width:92px;flex-basis:92px}
 .screen[data-kind=home] .profile-description{font-size:12px}
 .screen[data-kind=home] .connect-card{display:grid;grid-template-columns:20px minmax(0,1fr);align-content:center;gap:4px 8px;min-height:90px;padding:10px}
 .screen[data-kind=home] .connect-symbol{display:contents}
 .screen[data-kind=home] .connect-symbol>.icon:first-child{grid-column:1;grid-row:1;align-self:start}
 .screen[data-kind=home] .connect-symbol .arrow{display:none}
 .screen[data-kind=home] .connect-card h2{grid-column:2;grid-row:1;font-size:17px}
 .screen[data-kind=home] .link-description{grid-column:2;grid-row:2;font-size:12px}
 .screen[data-kind=home] .support-card{min-height:70px;padding:8px}
 .screen[data-kind=home] .support-symbol{flex-basis:22px}
 .screen[data-kind=home] .support-card small{font-size:11px}
 .screen[data-kind=home] .home-secondary,
 .screen[data-kind=home] .home-secondary.prayer-entry,
 .screen[data-kind=home] .home-secondary[data-route=tests]{min-height:62px;padding:9px 11px}
}
@media(max-width:649px) and (orientation:portrait) and (max-height:620px){
 .screen[data-kind=home] .profile-photo{width:80px;flex-basis:80px}
 .screen[data-kind=home] .profile-copy h1{font-size:25px}
 .screen[data-kind=home] .social-links{margin-top:5px}
 .screen[data-kind=home] .home-board{gap:6px}
 .screen[data-kind=home] .connect-card{min-height:83px;padding:8px}
 .screen[data-kind=home] .support-card{min-height:65px;padding:7px}
 .screen[data-kind=home] .section-label{margin-bottom:4px}
 .screen[data-kind=home] .home-secondary,
 .screen[data-kind=home] .home-secondary.prayer-entry,
 .screen[data-kind=home] .home-secondary[data-route=tests]{min-height:58px;padding:7px 10px}
}
/* Color-tinted translucent glass: background detail and reflected edges remain visible. */
.prayer-heading{background:linear-gradient(120deg,#deeed32c,#285a4a40),#143e3d75;border-color:#e8eaca75;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);box-shadow:inset 0 1px #fffce655,0 8px 25px #092c2424;text-shadow:0 1px 4px #073b37b0}
.prayer-category{
 position:relative;isolation:isolate;
 background:linear-gradient(125deg,#ffffff26,transparent 48%,#061f281c),linear-gradient(115deg,color-mix(in srgb,var(--prayer-start) 64%,transparent),color-mix(in srgb,var(--prayer-end) 62%,transparent));
 border-color:#f4f1d36b;border-radius:23px;padding:17px 16px;min-height:92px;
 backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%);
 box-shadow:inset 0 1px 0 #ffffef60,inset 0 -1px 0 #032c3422,0 7px 20px #052f2729;
 text-shadow:0 1px 4px #08242fbb;
}
.prayer-category strong{font-weight:600}
.prayer-symbol{width:48px;height:48px;flex-basis:48px;border-radius:16px;background:linear-gradient(140deg,#ffffec29,#ffffff05);border-color:#fff6d35e;box-shadow:inset 0 1px #fffce34a,0 3px 9px #0e273215;color:var(--prayer-accent)}
.prayer-symbol svg{width:27px;height:27px;stroke-width:1.65;filter:drop-shadow(0 1px 3px #18372d55)}
.prayer-category>.icon{opacity:.9}
.prayer-breadcrumbs a{background:#164e4473;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-color:#fff2d75c}
.prayer-bottom-nav{background:linear-gradient(125deg,#deefd12e,#8bc5af12),#173f396b;box-shadow:inset 0 1px #ffffff4d,0 5px 20px #062c2b26}
@supports not (background:color-mix(in srgb,red 50%,transparent)){
 .prayer-category{background:linear-gradient(125deg,#ffffff22,#0e384280),#214b48c4}
}
@media(prefers-contrast:more){.prayer-category,.prayer-heading{background:#123e37f2}.screen[data-kind=home] :is(.connect-card,.support-card,.home-secondary){background:#123e37f2}}
#view[data-kind=home] :is(.connect-card,.support-card,.home-secondary){background-color:#164d456b}
#view[data-kind=home] .home-secondary.prayer-entry{background-color:#154d476b}
#view[data-kind=home] .secondary-home{gap:8px}
@media(max-width:649px) and (orientation:portrait) and (max-height:620px){
 #view[data-kind=home] .profile-photo{width:76px;flex-basis:76px}
 #view[data-kind=home] .home-board{gap:5px}
 #view[data-kind=home] .secondary-home{gap:6px}
}
@media(max-width:649px) and (orientation:portrait) and (max-height:620px){
 #view[data-kind=home] .home-board{gap:3px}
}
/* Hero: quiet label, strong name and a reserved secondary animation line. */
.app-shell[data-home=true] .header-monogram{color:#a2eee1;background:linear-gradient(145deg,#b7f4de24,#0a343952),#123d3e52;border:1px solid #b8ead865;box-shadow:inset 0 1px #e5fff040,0 3px 12px #082d3028;text-shadow:0 0 12px #81e8da38;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:600;letter-spacing:.02em}
.app-shell[data-home=true] .identity strong{font-size:13px;font-weight:500;letter-spacing:.015em;color:#fffbedeb;text-shadow:0 1px 5px #15393699}
#view[data-kind=home] .profile-copy{min-width:0}
#view[data-kind=home] .profile-copy h1{font-weight:750;letter-spacing:-.035em;color:#fffcef;text-shadow:0 2px 12px #123c3659,0 1px 2px #17352a66}
#view[data-kind=home] .profile-description{font-weight:450;color:#fffbece8;text-shadow:0 1px 5px #153b35a6;line-height:1.4}
.profile-typing{display:flex;align-items:center;gap:4px;white-space:nowrap;min-height:22px;margin:6px 0 0;font-size:14px;font-weight:500;line-height:22px;letter-spacing:.005em;color:#c1f5e8;text-shadow:0 1px 5px #123d38cc}
.hero-cursor{display:inline-block;width:1px;height:.9em;background:currentColor;opacity:.65;animation:hero-cursor 1.2s ease-in-out infinite;flex:none}
@keyframes hero-cursor{0%,45%,100%{opacity:.65}60%,80%{opacity:.08}}
@media(max-width:649px) and (orientation:portrait){
 .profile-typing{font-size:12px;line-height:18px;min-height:18px;margin-top:5px;letter-spacing:0}
 #view[data-kind=home] .profile-copy h1{margin-bottom:6px}
}
@media(max-width:649px) and (orientation:portrait) and (max-height:620px){
 #view[data-kind=home] .profile-copy h1{font-size:24px;margin-bottom:4px}
 .profile-typing{margin-top:3px;font-size:11.5px;line-height:17px;min-height:17px}
 #view[data-kind=home] .connect-card{min-height:76px;padding:6px 8px}
 #view[data-kind=home] .support-card{min-height:61px;padding:6px 7px}
}
@media(prefers-reduced-motion:reduce){.hero-cursor{animation:none;opacity:.45}}
@media(max-width:649px) and (orientation:portrait) and (min-height:621px) and (max-height:660px){
 #view[data-kind=home] .home-board{gap:4px}
 #view[data-kind=home] .connect-card{min-height:80px;padding:7px 8px}
 #view[data-kind=home] .support-card{min-height:65px;padding:7px}
 #view[data-kind=home] .social-links{margin-top:6px}
}
@media(max-width:649px) and (orientation:portrait) and (max-height:620px){
 .app-shell[data-home=true]{--header:50px}
 #view[data-kind=home] .profile-top{gap:10px}
}
/* Phone-only composition. Tablet and desktop retain their existing layout. */
@media(max-width:649px) and (orientation:portrait){
 .scene:has(~ .app-shell[data-home=true]){filter:saturate(1.17) contrast(1.045) brightness(1.045)}
 .app-shell[data-home=true]{--header:56px;--nav:70px}
 #view[data-kind=home]{padding:4px 0 8px}
 #view[data-kind=home] .home-board{height:auto;min-height:0;justify-content:flex-start;gap:12px;padding:0}
 #view[data-kind=home] .personal-intro{padding:0}
 #view[data-kind=home] .profile-top{gap:12px;align-items:center}
 #view[data-kind=home] .profile-photo{width:clamp(128px,36vw,154px);flex:0 0 clamp(128px,36vw,154px);border-radius:24px}
 #view[data-kind=home] .profile-copy{flex:1;min-width:0}
 #view[data-kind=home] .profile-copy h1{font-size:clamp(25px,6.8vw,29px);line-height:1.04;letter-spacing:-.04em;margin-bottom:7px}
 #view[data-kind=home] .profile-description{font-size:12px;line-height:1.4}
 #view[data-kind=home] .profile-typing{font-size:11.5px;line-height:18px;min-height:18px;margin-top:5px;gap:3px}
 #view[data-kind=home] .social-links{display:flex;justify-content:center;gap:16px;margin-top:8px}
 #view[data-kind=home] .social-button{width:44px;height:44px;min-width:44px;flex:0 0 44px}
 #view[data-kind=home] :is(.connect-grid,.support-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
 #view[data-kind=home] .connect-card{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:40px auto;align-content:center;align-items:start;gap:4px 8px;min-height:94px;padding:10px;border-radius:21px}
 #view[data-kind=home] .connect-symbol{display:contents}
 #view[data-kind=home] .connect-symbol>.icon:first-child{width:20px;height:20px;grid-column:1;grid-row:1;margin-top:1px}
 #view[data-kind=home] .connect-symbol .arrow{display:none}
 #view[data-kind=home] .connect-card h2{grid-column:2;grid-row:1;font-size:16px;line-height:20px;letter-spacing:-.025em;margin:0}
 #view[data-kind=home] .link-description{grid-column:2;grid-row:2;font-size:12px;line-height:16px}
 #view[data-kind=home] .section-label{font-size:12px;line-height:17px;margin:0 0 6px;padding-left:2px}
 #view[data-kind=home] .support-card{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:8px;min-height:76px;padding:9px 10px;border-radius:21px}
 #view[data-kind=home] .support-symbol{width:23px;height:28px}
 #view[data-kind=home] .support-card strong{font-size:13px;line-height:17px}
 #view[data-kind=home] .support-card small{font-size:11px;line-height:15px;margin-top:3px}
 #view[data-kind=home] .secondary-home{gap:8px}
 #view[data-kind=home] .home-secondary{display:grid;grid-template-columns:22px minmax(0,1fr) 17px;gap:10px;min-height:62px;padding:10px 12px;border-radius:20px}
 #view[data-kind=home] .home-secondary strong{font-size:13px;line-height:18px}
 #view[data-kind=home] .home-secondary small{font-size:12px;line-height:16px;margin-top:3px}
 #view[data-kind=home] .home-secondary>.icon{width:22px;height:22px}
 #view[data-kind=home] .home-secondary>.arrow{width:17px;height:17px;margin:0}
 #view[data-kind=home] :is(.connect-card,.support-card,.home-secondary){background:linear-gradient(125deg,#f3ffe82b,#a1dec708 48%,#082f3826),#164d4559;border-color:#e6f6df70;backdrop-filter:blur(9px) saturate(130%);-webkit-backdrop-filter:blur(9px) saturate(130%);box-shadow:inset 0 1px #fffde953,inset 0 -1px #123b3829,0 5px 16px #103a3024;text-shadow:0 1px 4px #072b2dcc}
 .app-shell[data-home=true] .header-monogram{color:#a9eee2;background-color:#163f405e}
}
@media(max-width:649px) and (orientation:portrait) and (max-height:680px){
 #view[data-kind=home] .home-board{gap:10px}
 #view[data-kind=home] .profile-photo{width:128px;flex-basis:128px}
 #view[data-kind=home] .connect-card{min-height:86px;padding:7px 10px}
 #view[data-kind=home] .support-card{min-height:70px;padding:7px 10px}
 #view[data-kind=home] .home-secondary{min-height:58px;padding:8px 12px}
}
/* Final phone polish: a larger portrait and compact, aligned glass rows. */
@media(max-width:649px) and (orientation:portrait){
 #view[data-kind=home] .home-board{gap:10px}
 #view[data-kind=home] .profile-photo{width:clamp(142px,39.5vw,166px);flex-basis:clamp(142px,39.5vw,166px);border-radius:25px;border-color:#e0ead692;box-shadow:inset 0 1px #fff9df66,0 5px 18px #123c3433}
 #view[data-kind=home] .profile-top{gap:11px}
 #view[data-kind=home] .profile-copy h1{font-size:clamp(24px,6.6vw,28px);line-height:1.06;margin-bottom:8px}
 #view[data-kind=home] .profile-description{font-size:12px;line-height:1.45;color:#fffcefed}
 #view[data-kind=home] .profile-typing{color:#c6f6e8;font-size:11.5px;margin-top:5px;text-shadow:0 1px 5px #164d46}
 #view[data-kind=home] .social-links{margin-top:8px;gap:16px}
 #view[data-kind=home] .social-button{border-color:#ecfff16b;box-shadow:inset 0 1px #fffce447,0 3px 10px #0e3b2e24;background:linear-gradient(145deg,#e6ffef28,#0b3e382a);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 #view[data-kind=home] .connect-card{grid-template-columns:20px minmax(0,1fr);grid-template-rows:40px 32px;min-height:92px;gap:2px 8px;padding:8px 10px;border-radius:20px}
 #view[data-kind=home] .link-description{align-self:start;max-width:13ch}
 #view[data-kind=home] .support-card{border-radius:20px;min-height:74px;padding:8px 10px}
 #view[data-kind=home] .section-label{margin-bottom:5px;font-weight:550;color:#f5f7e9}
 #view[data-kind=home] .home-secondary{min-height:62px;padding:10px 12px;border-radius:20px}
 #view[data-kind=home] :is(.connect-card,.support-card,.home-secondary){background:linear-gradient(130deg,#e8fff226,transparent 46%,#062f3521),#17494350;border:1px solid #ecf6dd78;backdrop-filter:blur(7px) saturate(125%);-webkit-backdrop-filter:blur(7px) saturate(125%);box-shadow:inset 0 1px #fffce956,inset 0 -1px #133e3526,0 4px 14px #072d3021}
 #view[data-kind=home] :is(.connect-card,.support-card,.home-secondary) .icon{stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #153e3438);color:#e4f1d6}
 .app-shell[data-home=true] .header-monogram{color:#aff2e3;border-color:#bcebd574;box-shadow:inset 0 1px #e8fff042,0 2px 8px #103f3426}
 .app-shell[data-home=true] .bottom-nav{background:linear-gradient(120deg,#d4edc22e,#77b9a712),#254d3d80;border-color:#ebf2d26b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
 .prayer-layout{gap:16px}
 .prayer-grid{gap:10px}
 .prayer-heading{padding:20px 18px;border-radius:22px}
 .prayer-heading h1{font-size:clamp(24px,6.2vw,29px);line-height:1.25}
 .prayer-heading .eyebrow{margin-bottom:8px;font-size:12px;letter-spacing:.1em}
 .prayer-heading p{font-size:15px;line-height:1.5;margin-top:10px}
 .prayer-category{min-height:86px;padding:15px 14px;gap:13px;border-radius:21px;background:linear-gradient(125deg,#ffffef24,transparent 48%,#062c321c),linear-gradient(115deg,color-mix(in srgb,var(--prayer-start) 57%,transparent),color-mix(in srgb,var(--prayer-end) 59%,transparent));backdrop-filter:blur(8px) saturate(125%);-webkit-backdrop-filter:blur(8px) saturate(125%);border-color:#f4f1d378;box-shadow:inset 0 1px #ffffe65c,0 5px 15px #092c2926}
 .prayer-category strong{font-size:16px;line-height:1.4;letter-spacing:-.015em}
 .prayer-symbol{width:46px;height:46px;flex-basis:46px;border-radius:15px;border-color:#fff8dc70;background:linear-gradient(140deg,#fffbe52b,#ffffff08);box-shadow:inset 0 1px #fffdea52}
 .prayer-symbol svg{width:26px;height:26px;stroke-width:1.6;filter:drop-shadow(0 1px 2px #15352f55)}
}
@media(max-width:649px) and (orientation:portrait) and (max-height:680px){
 #view[data-kind=home] .profile-photo{width:142px;flex-basis:142px}
 #view[data-kind=home] .home-board{gap:9px}
 #view[data-kind=home] .connect-card{padding:6px 10px;min-height:88px}
 #view[data-kind=home] .support-card{min-height:70px;padding:7px 10px}
 #view[data-kind=home] .home-secondary{min-height:58px;padding:8px 12px}
}
/* Mobile 5.2: prominent portrait and genuinely shorter action rows. */
@media(max-width:649px) and (orientation:portrait){
 #view[data-kind=home] .profile-photo{width:clamp(158px,45vw,194px);flex:0 0 clamp(158px,45vw,194px)}
 #view[data-kind=home] .profile-top{gap:10px}
 #view[data-kind=home] .profile-copy h1{font-size:clamp(22px,6vw,26px);margin-bottom:6px}
 #view[data-kind=home] .profile-description{font-size:12px;line-height:1.4}
 #view[data-kind=home] .profile-typing{font-size:11px;min-height:17px;line-height:17px;margin-top:4px}
 #view[data-kind=home] .home-board{gap:9px}
 #view[data-kind=home] .connect-card{grid-template-columns:19px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:3px 7px;padding:8px 10px;min-height:76px}
 #view[data-kind=home] .connect-card h2{font-size:15px;line-height:18px}
 #view[data-kind=home] .link-description{font-size:11px;line-height:14px;max-width:none}
 #view[data-kind=home] .support-card{min-height:64px;padding:7px 9px;gap:7px}
 #view[data-kind=home] .support-card strong{font-size:13px;line-height:16px}
 #view[data-kind=home] .support-card small{font-size:11px;line-height:14px;margin-top:2px}
 #view[data-kind=home] .home-secondary{min-height:56px;padding:7px 11px;gap:9px}
 #view[data-kind=home] .home-secondary strong{font-size:13px;line-height:17px}
 #view[data-kind=home] .home-secondary small{font-size:11px;line-height:15px;margin-top:2px}
 #view[data-kind=home] .secondary-home{gap:8px}
 #view[data-kind=home] .section-label{margin-bottom:4px}
}
/* Prayer category glass: a little clearer, with stable text contrast. */
.prayer-category{
 background:linear-gradient(125deg,#ffffef20,transparent 48%,#062c321c),linear-gradient(115deg,color-mix(in srgb,var(--prayer-start) 49%,transparent),color-mix(in srgb,var(--prayer-end) 53%,transparent));
 backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);
 text-shadow:0 1px 4px #082b2de6;
}
@media(prefers-contrast:more){.prayer-category{background:#123e37f2}}

/* User-supplied alpine lake, original colors and responsive framing. */
.scene,.scene:has(~ .app-shell[data-home=true]){background-image:url('./assets/background-lac-alpin.png');background-position:center center;filter:brightness(1.09) saturate(1.12) contrast(1.025)}