body.audience-kids {
  --brand: #ff7a00;
  --brand-strong: #d65f00;
  --surface: #fffaf2;
  background-image: radial-gradient(circle at top right, rgba(255, 248, 232, 0.65), rgba(255, 250, 242, 0.72) 45%, rgba(255, 250, 246, 0.78)), url("../img/kids-doodles.svg");
  background-repeat: no-repeat, repeat;
  background-size: auto, 220px 220px;
  background-attachment: fixed, fixed;
  background-position: top right, top left;
}

body.audience-kids .card,
body.audience-kids #test-app,
body.audience-kids .hero {
  border-width: 2px;
}

body.audience-kids .btn,
body.audience-kids .option-btn {
  font-size: 1.05rem;
  padding: 0.8rem 1rem;
}

body.audience-kids .kids-summary-note {
  margin-top: 0.35rem;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  background: #fff4d9;
  border: 1px solid #ffc978;
  color: #7d3300;
  font-weight: 700;
}

body.audience-kids .btn:hover,
body.audience-kids .option-btn:hover {
  transform: translateY(-1px) scale(1.02) rotate(-0.4deg);
  box-shadow: 0 5px 14px rgba(214, 95, 0, 0.18);
  transition: transform 140ms ease, box-shadow 140ms ease;
}

body.audience-kids #test-app.kids-celebrate {
  animation: kids-celebrate-pop 700ms ease;
}

@keyframes kids-celebrate-pop {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.012);
  }
  70% {
    transform: scale(0.996);
  }
  100% {
    transform: scale(1);
  }
}