:root {
  color-scheme: dark;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.shadow-glow {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 18px 50px rgba(0,0,0,0.35);
}

.grade-card.is-changed {
  animation: pulse-card 1.8s ease-in-out 2;
  border-color: rgba(83, 214, 183, 0.55);
}

.grade-card.is-removed {
  opacity: 0.45;
}

@keyframes pulse-card {
  0%, 100% { transform: translateY(0); box-shadow: 0 0 0 1px rgba(83,214,183,0.15), 0 18px 50px rgba(0,0,0,0.35); }
  50% { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(83,214,183,0.45), 0 0 38px rgba(83,214,183,0.18); }
}