body {
  min-height: 100vh;
  background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
  font-family: 'Segoe UI', 'Roboto', 'Arial', sans-serif;
}
.category-btn.active, .category-btn:focus {
  background: #6366f1 !important;
  color: #fff !important;
  border-color: #6366f1 !important;
}
.category-btn {
  transition: all 0.2s;
}
.excuse-card {
  min-height: 64px;
  font-size: 1.25rem;
  font-weight: 600;
  background: #eef2ff;
  color: #3730a3;
}
.progress-wizard {
  height: 18px;
  border-radius: 1rem;
  overflow: hidden;
  background: #dbeafe;
  margin-bottom: 1.5rem;
  position: relative;
}
.progress-wizard-bar {
  height: 100%;
  background: linear-gradient(90deg, #6366f1 60%, #a5b4fc 100%);
  transition: width 0.15s linear;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  padding-right: 0.75rem;
  box-shadow: 0 0 8px #6366f1;
}
.wizard-emoji {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3rem;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 0 5px #a5b4fc);
  opacity: 0.75;
  z-index: 2;
  animation: wizard-emoji-move 1.2s linear infinite alternate;
}
@keyframes wizard-emoji-move {
  0% { transform: translateY(-60%) scale(1); }
  50% { transform: translateY(-50%) scale(1.1) rotate(-5deg);}
  100% { transform: translateY(-40%) scale(1); }
}