/* ============================================
   별의 기억 - 애니메이션
   ============================================ */

/* 별 반짝임 */
@keyframes twinkle {
  0%, 100% { opacity: 0.2; transform: scale(1); }
  50%      { opacity: 1;   transform: scale(1.4); }
}

/* 페이드 인 */
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* 슬라이드 업 */
@keyframes slideUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 별 요소에 반짝임 적용 */
.star {
  animation: twinkle var(--twinkle-duration, 3s) ease-in-out infinite;
  animation-delay: var(--twinkle-delay, 0s);
}

/* 화면 진입 애니메이션 */
.screen.active .input-card {
  animation: slideUp 0.6s ease-out;
}

.screen.active .main-title {
  animation: fadeIn 0.8s ease-out;
}

.screen.active .subtitle {
  animation: fadeIn 1s ease-out;
}