.mj-surface {
  border: 2px solid rgba(255, 255, 255, 0.82);
  border-radius: var(--mj-radius);
  background: var(--mj-panel);
  box-shadow: var(--mj-shadow-soft);
}

.mj-gradient-blue {
  background: linear-gradient(135deg, var(--mj-cyan), var(--mj-blue));
}

.mj-gradient-party {
  background: linear-gradient(135deg, var(--mj-yellow), var(--mj-coral), var(--mj-purple));
}

.mj-text-ink {
  color: var(--mj-ink);
}

.mj-text-muted {
  color: var(--mj-muted);
}

.mj-mascot-pop {
  filter: drop-shadow(0 16px 18px rgba(16, 32, 74, 0.18));
}