/* The prayer request form: see prayer.js */
.pray{max-width:640px;margin:56px auto 0;padding:28px;background:var(--card);border:2px solid var(--line);border-radius:22px;box-shadow:5px 5px 0 var(--shadow);text-align:left}
.pray [hidden]{display:none!important}
.pray h2{margin:0;font-family:var(--hand);font-weight:400;font-size:30px;line-height:1.2;color:var(--primary-d)}
.pray .intro{margin:6px 0 16px;color:var(--ink-2);font-size:16px}
.pray textarea,.pray input{display:block;width:100%;margin:0 0 12px;padding:12px 14px;border:2px solid var(--shadow);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-size:17px}
.pray textarea{min-height:150px;resize:vertical}
.pray textarea:focus,.pray input:focus{outline:none;border-color:var(--primary-d)}
.pray .who{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pray .hp{position:absolute;left:-9999px}
.pray .msg{margin:12px 0 0;font-weight:600;color:var(--heart)}
/* after sending: the card shows only a thank-you note */
.pray.is-sent>:not(.sent){display:none!important}
.pray .sent{padding:18px 0 8px;text-align:center;outline:none}
.pray .sent svg{display:block;width:120px;height:120px;margin:0 auto;animation:pray-pop .7s cubic-bezier(.2,1.6,.4,1) both}
.pray .sent .flame{transform-box:view-box;transform-origin:60px 49px;animation:pray-flicker 1.6s ease-in-out .7s infinite alternate}
.pray .sent h3{margin:14px 0 10px;font-family:var(--display);font-variation-settings:"SOFT" 60,"WONK" 0;font-weight:750;font-size:clamp(24px,3vw,30px);line-height:1.15;text-wrap:balance}
.pray .sent p{margin:0;color:var(--ink-2);font-size:17px}
.pray .again{margin-top:18px;padding:6px 4px;border:0;background:none;color:var(--primary-d);font:inherit;font-size:16px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}
@keyframes pray-pop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes pray-flicker{0%{transform:scale(1,1) rotate(-2deg)}100%{transform:scale(.94,1.06) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.pray .sent svg,.pray .sent .flame{animation:none}}
@media (max-width:620px){.pray .who{grid-template-columns:1fr;gap:0}.pray{padding:22px}}