flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 32px 24px; text-align: center; min-height: calc(100vh - 50px);
  background: radial-gradient(ellipse at 50% 30%, rgba(196,125,26,.06), transparent 70%);
}
.prayer-symbol { font-size: 64px; margin-bottom: 20px; line-height: 1; }
.prayer-name { font-family: "Lora", serif; font-size: 28px; font-weight: 700; color: var(--gold); margin-bottom: 4px; }
.prayer-meaning { font-size: 14px; color: var(--muted); margin-bottom: 28px; }
.prayer-text-q { font-family: "Lora", serif; font-size: 19px; font-weight: 700; line-height: 1.7; color: var(--q-color); margin-bottom: 14px; padding: 0 8px; }
.prayer-text-s { font-size: 15px; color: var(--muted); font-style: italic; line-height: 1.7; margin-bottom: 32px; padding: 0 8px; }
.prayer-note { font-size: 12px; color: var(--muted); opacity: 0.6; }
.prayer-next-btn {
  margin-top: 20px; padding: 12px 32px; border-radius: var(--radius-md); border: 1px solid var(--bdr);
  background: var(--card); color: var(--txt); font-size: 14px; font-weight: 600; cursor: pointer;
  min-height: var(--touch-min);
}
.morning-element { cursor: pointer; transition: transform 0.2s; }
.morning-element:active { transform: scale(0.92); }