[x-cloak] { display: none !important; }

html {
  scroll-behavior: smooth;
}

:focus-visible {
  outline: 3px solid #C9A227;
  outline-offset: 2px;
}

.candle-flame {
  width: 18px;
  height: 40px;
  margin: 0 auto;
  background: radial-gradient(circle, #ffe28a 0%, #ff9d2e 55%, #ff5b00 85%, transparent 100%);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  animation: candle-flicker 1.2s ease-in-out infinite alternate;
}

@keyframes candle-flicker {
  0%   { transform: scaleY(1) scaleX(1) rotate(-1deg); opacity: 1; }
  50%  { transform: scaleY(1.08) scaleX(0.93) rotate(1deg); opacity: 0.88; }
  100% { transform: scaleY(0.95) scaleX(1.05) rotate(-2deg); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}