/* Phase 13.2 — Love Fortune presentation only. Existing fortune selection and history unchanged. */
.lf-card.lb-completed #lf-prompt[hidden] { display: none; }
.lf-card.lb-completed .lf-result { margin-top: 12px; }
.lf-card.lb-completed #lf-fortune-title { margin-bottom: 8px; }
.lf-card.lb-completed .lf-envelope { margin-bottom: 12px; }
.lf-card .lf-result { overflow-wrap: anywhere; }
/* Short, restrained reveal. The previous animation was almost a second long. */
@keyframes lb-fortune-envelope-reveal {
  0% { opacity: .75; transform: rotate(-5deg) scale(.97); }
  100% { opacity: 1; transform: rotate(-5deg) scale(1); }
}
@keyframes lb-fortune-result-reveal {
  0% { opacity: 0; transform: translateY(7px); }
  100% { opacity: 1; transform: translateY(0); }
}
.lf-card.lf-just-opened .lf-envelope { animation: lb-fortune-envelope-reveal 220ms ease-out both; }
.lf-card.lf-just-opened .lf-result { animation: lb-fortune-result-reveal 220ms ease-out both; }
@media (max-width: 700px) {
  .lf-main .lf-card { padding: 23px 15px 22px; margin-bottom: 24px; }
  .lf-main .lf-card .lf-envelope { margin-bottom: 13px; }
  .lf-main .lf-card h2 { margin-bottom: 8px; }
  .lf-main .lf-card > p { margin-bottom: 9px; }
  .lf-main .lf-card .lf-result { padding: 18px 15px; margin-top: 13px; }
  .lf-main .lf-card .lf-result > p { line-height: 1.65; margin-bottom: 12px; }
  .lf-main .lf-card .lf-action { padding: 12px 13px; }
  .lf-main .lf-card .lf-next { margin-top: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .lf-card.lf-just-opened .lf-envelope,
  .lf-card.lf-just-opened .lf-result { animation: none; }
}

/* Phase 13.2 refinement — clearer, layered reveal after the first click only.
   Existing saved readings do not animate on refresh. */
@keyframes lb-fortune-content-enter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.lf-card.lf-just-opened .lf-result {
  animation: lb-fortune-result-reveal 290ms cubic-bezier(.2,.7,.3,1) both;
}
.lf-card.lf-just-opened .lf-envelope {
  animation: lb-fortune-envelope-reveal 290ms ease-out both;
}
.lf-card.lf-just-opened .lf-result .lf-result-tag,
.lf-card.lf-just-opened .lf-result .lf-theme,
.lf-card.lf-just-opened .lf-result #lf-result-title,
.lf-card.lf-just-opened .lf-result #lf-result-text,
.lf-card.lf-just-opened .lf-result .lf-action,
.lf-card.lf-just-opened .lf-result #lf-personal-note,
.lf-card.lf-just-opened .lf-result .lf-saved {
  animation: lb-fortune-content-enter 310ms cubic-bezier(.2,.7,.3,1) both;
}
.lf-card.lf-just-opened .lf-result .lf-theme { animation-delay: 35ms; }
.lf-card.lf-just-opened .lf-result #lf-result-title { animation-delay: 65ms; }
.lf-card.lf-just-opened .lf-result #lf-result-text { animation-delay: 95ms; }
.lf-card.lf-just-opened .lf-result .lf-action { animation-delay: 125ms; }
.lf-card.lf-just-opened .lf-result #lf-personal-note { animation-delay: 145ms; }
.lf-card.lf-just-opened .lf-result .lf-saved { animation-delay: 155ms; }
@media (prefers-reduced-motion: reduce) {
  .lf-card.lf-just-opened .lf-result .lf-result-tag,
  .lf-card.lf-just-opened .lf-result .lf-theme,
  .lf-card.lf-just-opened .lf-result #lf-result-title,
  .lf-card.lf-just-opened .lf-result #lf-result-text,
  .lf-card.lf-just-opened .lf-result .lf-action,
  .lf-card.lf-just-opened .lf-result #lf-personal-note,
  .lf-card.lf-just-opened .lf-result .lf-saved { animation: none; }
}