/* 돌이킴 — /pray 계열 공통 스타일. 랜딩(index.html) 토큰과 동일하게 유지할 것. */
:root{
  --bg:#FCFAF5; --ink:#3A3026; --ink2:#5C5344; --muted:#8A7E6B; --faint:#B6AB99;
  --g1:#F6B968; --g2:#EC9450; --accent-deep:#C2721E;
  --tint-bg:#FBF1DF; --tint-border:#F0DBB8; --line:#EDE4D5; --card:#FFFFFF;
  --grad:linear-gradient(135deg,#F6B968,#EC9450); --radius:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:640px;margin:0 auto;padding:0 22px}

/* ── 머리·꼬리 ── */
header{padding:20px 0 6px}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.02em;font-size:16px}
main{padding-top:26px;padding-bottom:8px}
footer{margin-top:64px;padding:28px 0 44px;border-top:1px solid var(--line);
  text-align:center;font-size:13px;color:var(--faint);line-height:2}
footer a{text-decoration:underline}
@media(min-width:768px){ header{padding:30px 0 8px} main{padding-top:36px} }

/* ── 타이포 ── */
h1{font-size:clamp(26px,6.2vw,36px);line-height:1.3;letter-spacing:-.03em;font-weight:800}
.lede{color:var(--muted);font-size:15.5px;line-height:1.75;margin-top:14px}
h2{font-size:19px;letter-spacing:-.02em;font-weight:800;margin-bottom:12px}
.body p{font-size:16px;line-height:1.9;color:var(--ink2);margin-bottom:14px}

/* ── 폼 ── */
.label{font-size:14px;font-weight:700;color:var(--ink2);margin-bottom:11px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:14.5px;padding:9px 15px;border-radius:999px;cursor:pointer;
  background:var(--card);border:1px solid var(--line);color:var(--ink2);transition:.15s}
.chip:hover{border-color:var(--tint-border)}
.chip[aria-pressed="true"]{background:var(--tint-bg);border-color:var(--accent-deep);
  color:var(--accent-deep);font-weight:700}
textarea{width:100%;min-height:104px;resize:vertical;font:inherit;font-size:15.5px;line-height:1.65;
  padding:15px 16px;border-radius:var(--radius);border:1px solid var(--line);
  background:var(--card);color:var(--ink);outline:none}
textarea:focus{border-color:var(--tint-border);box-shadow:0 0 0 3px #F6B96826}
textarea::placeholder{color:var(--faint)}
.count{text-align:right;font-size:12.5px;color:var(--faint);margin-top:6px}
.go{width:100%;font:inherit;font-size:16.5px;font-weight:800;color:#fff;padding:17px;border:0;
  border-radius:var(--radius);background:var(--grad);cursor:pointer;letter-spacing:-.01em}
.go:disabled{opacity:.5;cursor:default}
.note{margin-top:15px;font-size:13px;color:var(--faint);text-align:center;line-height:1.75}

/* ── 기도문 카드 ── */
.prayer{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:26px 22px}
.ptitle{font-size:12.5px;font-weight:800;letter-spacing:.04em;color:var(--accent-deep);margin-bottom:16px}
.prayer p{font-size:16.5px;line-height:1.95;margin-bottom:15px;color:var(--ink)}
.prayer p:last-child{margin-bottom:0}
.turning{background:var(--tint-bg);border:1px solid var(--tint-border);border-radius:14px;
  padding:15px 17px;font-weight:700;color:var(--accent-deep)!important}

/* ── CTA ── */
.appcta{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:16px;
  font-weight:800;color:#fff;padding:16px 28px;border-radius:var(--radius);background:var(--grad)}
.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15.5px;
  font-weight:700;color:var(--accent-deep);padding:15px 26px;border-radius:var(--radius);
  background:var(--tint-bg);border:1px solid var(--tint-border)}
.center{text-align:center}
.sect{margin-top:44px}

/* ── 관련 링크 ── */
.rel{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rel a{font-size:14px;padding:8px 14px;border-radius:999px;background:var(--card);
  border:1px solid var(--line);color:var(--ink2)}
.rel a:hover{border-color:var(--tint-border);color:var(--accent-deep)}

@keyframes br{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
.dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;
  margin:0 3px;animation:br 1.25s ease-in-out infinite}
.dots span:nth-child(2){animation-delay:.18s}
.dots span:nth-child(3){animation-delay:.36s}