/* One celestial visual system for the invitation and its reflection screen. */
#scripture-discovery-open{position:relative;isolation:isolate;overflow:hidden;max-width:100%;flex-shrink:0;white-space:normal;min-height:46px;padding:12px 20px;margin:8px;border:1px solid #e1bd76;border-radius:24px;color:#fff1ce;background:linear-gradient(125deg,#223a55,#17263e 65%,#332d43);box-shadow:0 0 20px #ddb96b36,inset 0 1px #fff2c636;animation:sd-beacon 5s ease-in-out infinite}
#scripture-discovery-open::after,#moment-light-open::after,#scripture-discovery .sd-primary::after{content:'';position:absolute;inset:-60% -100%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#fff2b747 50%,transparent 58%);animation:sd-shimmer 8s ease-in-out infinite}
#site-flow{flex-wrap:wrap}
#scripture-moment,#scripture-discovery{box-sizing:border-box;isolation:isolate;color:#fff4df;border:1px solid #e1c08299;border-radius:28px;background:radial-gradient(ellipse at 50% 0,#48759680,transparent 62%),linear-gradient(145deg,#192f4c,#111f35 65%,#302943);box-shadow:0 24px 80px #06102166,0 0 45px #e2bb703b,inset 0 1px #fff2c84d}
#scripture-moment{position:fixed;z-index:75;inset:auto 16px 90px auto;width:min(410px,calc(100vw - 32px));max-height:calc(100dvh - 125px);padding:26px;overflow:auto;cursor:pointer;animation:sd-arrive 1s ease both,sd-panel-glow 6s 1s ease-in-out infinite alternate}
#scripture-moment[hidden]{display:none}
#scripture-discovery{padding:0;width:min(740px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
#scripture-discovery[open]{animation:sd-arrive .8s ease both,sd-panel-glow 6s .8s ease-in-out infinite alternate}
#scripture-discovery::backdrop{background:#071222bd;backdrop-filter:blur(9px)}
.sd-card{position:relative;isolation:isolate;overflow:hidden;min-height:100%;padding:clamp(24px,5vw,44px);text-align:center;color:inherit;background:transparent}
.sd-card>:not(.sd-atmosphere),#scripture-moment>:not(.sd-atmosphere){position:relative;z-index:1}
#scripture-discovery .sd-close{position:absolute;right:14px;top:12px;z-index:3;min-height:40px;padding:6px 13px;border-radius:20px;font-size:12px}
#scripture-moment>span,.sd-kicker{display:block;text-align:center;color:#edd39f;font-size:9px;letter-spacing:.19em}
#scripture-moment h2,#scripture-discovery h2{margin:12px 0 8px;text-align:center;font:normal clamp(27px,4.8vw,38px)/1.2 Georgia,serif;color:#fff1ce;text-shadow:0 0 24px #f6d1905e;animation:sd-title-glow 6s ease-in-out infinite alternate}
#scripture-moment h2{font-size:clamp(25px,5vw,31px)}
.sd-moment-hint{margin:0 0 22px;text-align:center;color:#c8d6e6;font-size:13px}
.sd-emblem{position:relative;display:grid;place-items:center;width:64px;height:64px;margin:8px auto 23px;border:1px solid #e4c27e99;border-radius:50%;font-size:32px;color:#fff4c9;background:radial-gradient(circle,#ffecb51c,transparent 70%);box-shadow:0 0 30px #f6d28a55,inset 0 0 24px #eac87926;animation:sd-halo 4s ease-in-out infinite}
.sd-emblem::before,.sd-emblem::after{content:'';position:absolute;inset:-9px;border:1px solid #f4d99540;border-radius:50%;pointer-events:none;animation:sd-ring 5s ease-in-out infinite}.sd-emblem::after{inset:-17px;border-color:#f4d9951c;animation-delay:-2.5s}
#sd-verse,#scripture-moment blockquote{font:normal clamp(20px,3vw,28px)/1.65 Georgia,serif;color:#fff8e9;margin:24px 0 14px;overflow-wrap:anywhere;text-align:center;text-shadow:0 0 30px #e9cb8d1a}
#scripture-moment blockquote{font-size:20px;margin:18px 0 12px;max-height:23dvh;overflow:auto}
#scripture-discovery-reference,#scripture-moment blockquote+p{text-align:center;font-size:11px;letter-spacing:.06em;color:#e2cd9e;margin:10px 0 23px}
#scripture-discovery select{box-sizing:border-box;width:100%;margin:6px 0;min-height:46px;padding:10px 14px;border:1px solid #c2a56a80;border-radius:12px;color:#fff1d3;background:#14253de6;font-size:13px}
#scripture-discovery select option{background:#14253d;color:#fff1d3}
#scripture-discovery button,#scripture-moment button{position:relative;isolation:isolate;overflow:hidden;min-height:44px;padding:11px 15px;border:1px solid #c8ad7780;border-radius:12px;white-space:normal;color:#f6e5c2;background:linear-gradient(135deg,#39506a66,#16263d99);font:inherit;font-size:13px;cursor:pointer;transition:box-shadow .25s,border-color .25s,translate .25s}
#scripture-discovery button:hover:not(:disabled),#scripture-moment button:hover:not(:disabled){border-color:#f4d493;box-shadow:0 0 24px #e4c78540;translate:0 -1px}
#scripture-moment #moment-light-open,#scripture-discovery .sd-primary{display:block;color:#17283e;background:linear-gradient(110deg,#d8b775,#fff0bf,#d9b87a);border-color:#f7d693;font-weight:700;box-shadow:0 4px 24px #e6bf6e38}
#scripture-moment #moment-light-open{width:100%;margin:0}
#scripture-moment #moment-light-open+button{display:block;margin:8px auto -6px;background:transparent;border-color:transparent;color:#c6d1e0;font-size:12px}
.sd-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.sd-actions .sd-primary{grid-column:1/-1}
#scripture-discovery .sd-note{border-top:1px solid #dfc48633;margin:24px 0 0;padding-top:16px;font-size:11px;line-height:1.7;color:#b8c9dd;text-align:left}
#sd-status{font-size:13px;color:#f3daa1;line-height:1.6}#sd-status:empty{display:none}
#scripture-discovery-open:focus-visible,#scripture-discovery :is(button,select):focus-visible,#scripture-moment button:focus-visible{outline:3px solid #ffdf99;outline-offset:3px}
#scripture-discovery button:disabled{opacity:.65;cursor:wait}
.sd-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit;background:repeating-conic-gradient(from 155deg at 50% -5%,transparent 0deg 12deg,#ffebb020 15deg 18deg,transparent 22deg 28deg);opacity:.85}
.sd-atmosphere::before{content:'';position:absolute;inset:-60%;background:conic-gradient(from 0deg at 50% 35%,transparent,#f5d88b20,transparent 20%,#99d3ff1a,transparent 45%,#f5d88b26,transparent 70%);animation:sd-rays 32s linear infinite}
.sd-atmosphere::after{content:'';position:absolute;inset:50% -35% -30%;background:radial-gradient(ellipse at 20% 70%,#c7ddff35,transparent 48%),radial-gradient(ellipse at 80% 85%,#fff1bf35,transparent 50%);filter:blur(18px);animation:sd-aurora 9s ease-in-out infinite alternate}
.sd-atmosphere i{position:absolute;left:var(--sd-x,50%);top:95%;width:3px;height:3px;border-radius:50%;background:#fff2be;box-shadow:0 0 10px 2px #ffe2a56e;animation:sd-float 8s var(--sd-delay,0s) ease-in-out infinite}
.sd-atmosphere i:nth-child(3n){width:6px;height:6px;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
#scripture-moment.sd-depart{animation:sd-leave .9s ease both}
@keyframes sd-arrive{from{opacity:0;transform:translateY(18px) scale(.97);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes sd-panel-glow{to{box-shadow:0 24px 80px #06102166,0 0 65px #e2bb7059,inset 0 1px #fff2c84d}}
@keyframes sd-halo{50%{transform:translateY(-4px);box-shadow:0 0 48px #f6d28a80,inset 0 0 28px #f4dc9a40}}
@keyframes sd-ring{50%{transform:scale(1.08);opacity:.45}}
@keyframes sd-title-glow{to{text-shadow:0 0 32px #f6d19080,0 0 60px #f6d19026}}
@keyframes sd-beacon{50%{box-shadow:0 0 32px #e4bf735c,inset 0 0 15px #fff2c619}}
@keyframes sd-shimmer{0%,65%{transform:translateX(-30%);opacity:0}72%{opacity:.7}95%,100%{transform:translateX(30%);opacity:0}}
@keyframes sd-rays{to{transform:rotate(360deg)}}@keyframes sd-aurora{to{transform:translateX(9%) translateY(-8%);opacity:.5}}
@keyframes sd-float{0%{opacity:0;transform:translateY(0) scale(.6)}20%,70%{opacity:.8}100%{opacity:0;transform:translateY(-340px) scale(1.15)}}
@keyframes sd-leave{to{opacity:0;transform:translateY(-10px)}}
@media(max-width:480px){#scripture-moment{right:12px;bottom:max(80px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:22px;max-height:calc(100dvh - 110px)}.sd-card{padding:60px 22px 26px}#scripture-discovery{max-height:92dvh}.sd-actions{gap:8px}.sd-actions button{padding:11px 9px;font-size:12px}#scripture-discovery h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){#scripture-discovery-open,#scripture-moment,#scripture-discovery[open],.sd-emblem,.sd-emblem::before,.sd-emblem::after,.sd-atmosphere::before,.sd-atmosphere::after,.sd-atmosphere i,#scripture-discovery h2,#scripture-moment h2,#scripture-discovery-open::after,#moment-light-open::after,#scripture-discovery .sd-primary::after{animation:none!important}#scripture-discovery button,#scripture-moment button{transition:none;translate:none!important}}
.reduced-motion :is(#scripture-discovery-open,#scripture-moment,#scripture-discovery[open],.sd-emblem,.sd-atmosphere i),.reduced-motion .sd-emblem::before,.reduced-motion .sd-emblem::after,.reduced-motion .sd-atmosphere::before,.reduced-motion .sd-atmosphere::after,.reduced-motion #scripture-discovery h2,.reduced-motion #scripture-moment h2,.reduced-motion #scripture-discovery-open::after,.reduced-motion #moment-light-open::after,.reduced-motion #scripture-discovery .sd-primary::after{animation:none!important}
.sd-focus-picker{margin:20px 0 16px}.sd-focus-heading{font-size:12px;color:#e6d7b6;margin:0 0 10px}.sd-focus-buttons,.sd-quick-focus{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}#scripture-discovery .sd-focus-buttons button,#scripture-moment .sd-quick-focus button{min-height:38px;padding:7px 13px;border-radius:22px;font-size:12px;background:#28405b80;color:#f8e4bb}.sd-focus-buttons button[aria-pressed=true],.sd-quick-focus button[aria-pressed=true]{border-color:#f6d58e!important;box-shadow:0 0 20px #f0cc843b}.sd-quick-focus{margin:0 0 13px}#scripture-moment .sd-moment-hint{font-size:11px;line-height:1.6;max-width:32ch;margin:0 auto 16px}.sd-reason{color:#ccdbec;font-size:11px;line-height:1.7;margin:12px 0}.sd-reflection{color:#f2dbac;font:italic 16px/1.7 Georgia,serif;padding:16px 18px;border-top:1px solid #d4b36e33;border-bottom:1px solid #d4b36e33}.sd-reflection:empty{display:none}
#sd-compass{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;margin:12px 0 20px;border:1px solid #bc9d6255;border-radius:18px;background:linear-gradient(120deg,#182f49,#2d2a42);color:#f8edcf;box-shadow:0 0 25px #e1ba6b18}#sd-compass[hidden]{display:none}#sd-compass>span{font-size:9px;letter-spacing:.13em;color:#ecd19c}#sd-compass p{flex:1;min-width:200px;font-size:12px;line-height:1.7;margin:0}#sd-compass button{min-height:44px;padding:10px 16px;border:1px solid #dbb975;border-radius:23px;color:#fff1ca;background:#314760;box-shadow:0 0 20px #f4d28933}#sd-compass.sd-compass-ready{animation:sd-arrive .7s ease both}.sd-need-form{display:grid;gap:9px;margin:20px 0}.sd-need-form label{font-size:12px;color:#e2d6bd}.sd-need-form input{width:100%;box-sizing:border-box;border:1px solid #d6bb7f66;border-radius:14px;padding:12px;background:#14263a;color:#fff1cf}.sd-need-form button,.sd-follow-page{min-height:40px;border-radius:20px;font-size:12px}#sd-prayer-path{padding:22px;margin-top:20px;border:1px solid #dbbb7344;border-radius:16px;background:#f9dc9b0b;text-align:left}#sd-prayer-path[hidden]{display:none}#sd-prayer-path small{font-size:9px;letter-spacing:.13em;color:#e3c68b}#sd-prayer-path p{font:16px/1.8 Georgia,serif;color:#ffedca}#sd-prayer-path p:last-child{font:12px/1.8 inherit;color:#c8d8e7}@media(prefers-reduced-motion:reduce){#sd-compass.sd-compass-ready{animation:none}}.reduced-motion #sd-compass.sd-compass-ready{animation:none}