/* Feedback stays in the lesson flow after the last video ends. */
.celebration-overlay {
  padding: 12px;
  background: rgb(43 29 27 / 72%);
  backdrop-filter: blur(7px);
}
.celebration-dialog {
  width: min(100%, 520px);
  max-height: calc(100dvh - 24px);
  padding: 28px;
  text-align: right;
}
.celebration-icon { display: block; text-align: center; font-size: 1.8rem; }
.celebration-dialog h2 {
  margin: 9px 0;
  text-align: center;
  font-size: clamp(1.2rem, 3vw, 1.6rem);
  line-height: 1.55;
}
.celebration-dialog > p { margin: 9px 0 16px; line-height: 1.7; }
.celebration-dialog .trainee-review-form {
  max-width: none;
  margin: 14px 0 0;
  padding: 16px;
  grid-template-columns: 1fr;
  gap: 12px;
  text-align: right;
  background: #fffdfb;
}
.celebration-dialog .trainee-review-form h3 { font-size: 1.05rem; }
.celebration-dialog .trainee-review-form textarea { min-height: 90px; }
.celebration-dialog .trainee-review-form input[type=file] { max-width: 100%; }
.celebration-dialog .trainee-review-form .button { margin: 0; justify-self: stretch; }
.celebration-dialog .trainee-review-form .review-form-status { line-height: 1.5; }
@media (max-width: 620px) {
  .celebration-dialog { padding: 42px 17px 18px; }
  .celebration-dialog .trainee-review-form { padding: 13px; }
}