@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes emberRise {
  from { opacity: 0.4; transform: translateY(42px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes emberGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 122, 89, 0.45); }
  50% { box-shadow: 0 0 0 10px rgba(255, 122, 89, 0); }
}
.animated { animation: fadeIn 1s ease-in; }
.is-pending { transform: translateY(42px); }
.is-revealed { animation: emberRise 0.6s ease both; }
.is-bumped { animation: emberGlow 0.9s ease 2; }
.ember-tab.is-active { background: #a9d8f0; border-color: #a9d8f0; color: #15172a; }
.ember-panel[hidden],
.is-hidden { display: none; }

@media (prefers-reduced-motion: reduce) {
  .animated,
  .is-revealed,
  .is-bumped { animation: none; }
  .is-pending { transform: none; }
  .ember-btn-fill::before,
  .ember-btn-ghost::before { transition: none; }
}