.app-phone{--bg:var(--app-background);--ink:var(--app-text);--gold:var(--app-accent);--line:var(--app-border);font-family:Tahoma,Arial,sans-serif;background:radial-gradient(circle at 90% 12%,var(--app-glow),transparent 58%),var(--bg);color:var(--ink);min-height:100dvh;line-height:1.7}
.app-phone *{box-sizing:border-box}.app-phone button,.app-phone input,.app-phone select{font:inherit}.app-phone button,.app-phone a{touch-action:manipulation}.app-phone :focus-visible{outline:3px solid var(--gold);outline-offset:4px}.app-phone button{cursor:pointer}.app-photo{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.17;pointer-events:none}
.app-top{position:sticky;top:0;z-index:10;background:var(--app-bar);color:var(--app-bar-text);display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}.app-brand{min-width:0;flex:1;display:flex;align-items:center;gap:10px;font-size:21px;font-weight:bold}.app-brand img{object-fit:contain;flex-shrink:0}#app-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-top>.app-icon{flex-shrink:0}.app-icon{width:46px;min-height:46px;border:0;background:transparent;color:inherit;font-size:27px;border-radius:12px}.app-main{max-width:720px;padding:26px 18px 125px;margin:auto}.app-main h1{font-size:29px;line-height:1.5;margin:12px 0}.app-main h2{font-size:23px;line-height:1.6;margin:0 0 14px}.app-main h3{font-size:21px;line-height:1.7;margin:8px 0}.app-main p{margin:8px 0}.app-welcome{padding:3px 6px 25px}.app-muted{color:var(--app-muted)}.app-gold{color:var(--gold)}
.app-card{background-color:var(--app-surface);background:linear-gradient(140deg,color-mix(in srgb,var(--app-surface),white 5.5%),var(--app-surface));border:1px solid var(--line);border-radius:28px;padding:22px;margin-bottom:16px;overflow:hidden}.app-card.is-featured{background:linear-gradient(140deg,color-mix(in srgb,var(--app-surface),var(--gold) 13%),var(--app-surface));border-color:color-mix(in srgb,var(--gold),transparent 58%)}.app-countdown{font-size:47px;color:var(--gold);font-weight:bold;letter-spacing:2px;direction:ltr;text-align:right;line-height:1.3;margin:8px 0}.app-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.app-row:last-child{border:0}.app-row strong{font-size:19px}.app-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.app-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:9px 17px;border:1px solid var(--line);border-radius:15px;background:var(--app-selection);color:var(--ink);font-weight:bold}.app-button.primary{background:var(--gold);color:#12201b}.app-text-button{border:0;background:transparent;color:var(--gold);padding:10px;min-height:44px}.app-link-row{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
.app-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:4px;background:var(--app-bar);color:var(--app-bar-text);padding:9px 6px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.app-nav button{flex:1;max-width:140px;background:transparent;color:inherit;border:0;padding:7px 1px;border-radius:16px;font-size:12px;min-height:68px}.app-nav button span{display:block;font-size:25px;line-height:1.3;margin-bottom:4px}.app-nav button[aria-current=page]{background:var(--app-selection);color:var(--gold)}.app-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.app-day{min-height:66px;background:transparent;border:1px solid transparent;border-radius:13px;color:var(--ink);font-size:18px}.app-day small{display:block;color:var(--app-muted);font-size:10px}.app-day.selected{background:var(--app-selection);border-color:var(--gold)}.app-field{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:var(--app-surface);color:var(--ink);margin-bottom:16px}.app-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.app-chips button[aria-pressed=true]{background:var(--app-selection);border-color:var(--gold)}
#app-status:not(:empty){padding:10px 18px;background:var(--app-selection);text-align:center;color:var(--ink)}.app-phone dialog{max-width:min(620px,94vw);max-height:88dvh;padding:22px;background:var(--app-surface);color:var(--ink);border:1px solid var(--line);border-radius:24px}.app-phone dialog::backdrop{background:#0009}.app-phone dialog .app-icon{float:left}.app-reading{white-space:pre-wrap;font-size:23px;line-height:2}.app-comfort{font-size:20px;background:var(--bg)}.app-comfort .app-photo{display:none}.app-comfort .app-card{background-color:var(--app-surface);background:var(--app-surface)}.app-comfort .app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-comfort .app-countdown{font-size:40px}.app-comfort .app-nav button{font-size:14px}.app-phone details{margin-top:20px}.app-phone summary{cursor:pointer;color:var(--gold)}
@media(min-width:900px){.app-main{max-width:760px}.app-top{padding-inline:max(24px,calc((100% - 720px)/2))}}@media(prefers-reduced-motion:reduce){.app-phone{scroll-behavior:auto}}


.app-phone.app-is-home .app-photo{position:absolute;inset:0 0 auto;height:min(85vw,630px);opacity:1;background-position:top center;z-index:0;mask-image:linear-gradient(#000 45%,transparent)}
.app-top,.app-main{position:relative}.app-top{max-width:720px;margin:auto}.app-main{max-width:720px;padding:0 12px 110px}.app-phone:not(.app-is-home) .app-main{padding-top:20px}
.app-welcome{text-align:center;padding:6px 0 12px}.app-welcome .app-home-name{font-size:36px;line-height:1.15;margin:0 56px;color:var(--gold);font-weight:400}.app-welcome h2{font-size:29px;color:var(--gold);line-height:1.3;font-weight:400;margin:16px 0 8px}.app-welcome small{font-size:12px}.app-dome{width:28px;height:27px;color:var(--gold)}
.app-gold-rule{width:155px;height:1px;background:var(--gold);margin:8px auto;opacity:.65}.app-welcome .app-gold-rule:first-of-type{width:128px}
.app-card{border-radius:13px;padding:12px;margin-bottom:10px}.app-art-card{position:relative;min-height:100px;background:var(--app-background)}.app-card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center left;pointer-events:none}.app-art-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,color-mix(in srgb,var(--bg),transparent 95%) 0%,color-mix(in srgb,var(--bg),transparent 80%) 30%,color-mix(in srgb,var(--bg),transparent 12%) 53%,color-mix(in srgb,var(--app-surface),transparent 14%))}.app-card-content{position:relative;z-index:1}.app-card-content h2{font-size:17px;color:var(--gold);line-height:1.3;margin-bottom:6px}.app-card-content p,.app-card-content small{display:block;padding-left:60px;font-size:16px;line-height:1.4}.app-card-content small{font-size:11px;color:var(--app-muted)}.app-card-content .app-actions{margin-top:10px}.app-art-card .app-button{font-size:16px;min-height:36px;padding:5px 14px;border-radius:22px}.app-art-card .app-button.primary{background:linear-gradient(120deg,#ffd78c,var(--gold),#ba8b49);color:#171f20}.app-nav{background:var(--bg);border:1px solid var(--line);border-radius:15px 15px 0 0}.app-nav button{min-height:60px;color:var(--app-muted)}.app-nav button[aria-current=page]{background:transparent;color:var(--gold)}
.app-comfort .app-card-art{display:none}.app-comfort .app-art-card:after{display:none}.app-comfort .app-card-content p,.app-comfort .app-card-content small{padding-left:0;font-size:20px}.app-comfort .app-welcome{padding-inline:8px}.app-comfort .app-welcome h2{font-size:30px}.app-answer{border:1px solid var(--gold);padding:12px;border-radius:12px;margin-top:16px}

.app-prayer-head{text-align:center}.app-prayer-head h2{color:var(--app-text);font-size:18px;font-weight:400}.app-prayer-head .app-countdown{text-align:center;font-size:43px;margin:3px 0}.app-prayer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:color-mix(in srgb,var(--bg),transparent 38%);border:1px solid var(--line);border-radius:11px;padding:5px;gap:5px}.app-prayer-grid div{text-align:center;padding:4px 2px}.app-prayer-grid small{font-size:13px;line-height:1.3;padding:0}.app-prayer-grid strong{display:block;font-size:17px;line-height:1.25;margin-top:4px}.app-comfort .app-prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}