/* NOLIQO V5.7.2 — approved feedback palette, final CSS layer.
   Status is also conveyed via words/icons, never only by colour.
   No changes to practice answers, credits, database or learning rules. */
.app-frame .quiz-v6 .n572-feedback {
  --n572-surface-a:#116851;--n572-surface-b:#084d46;
  --n572-outline:#82e3b7;--n572-title:#f7fff7;
  background:linear-gradient(143deg,var(--n572-surface-a) 0%,var(--n572-surface-b) 100%)!important;
  border:1.5px solid var(--n572-outline)!important;
  color:#ffffff!important;
  border-radius:22px!important;
  padding:19px 17px!important;
  box-shadow:0 12px 31px rgba(0,8,20,.22)!important;
  overflow:visible!important;
}
/* Three related success palettes + three warm error palettes. */
.app-frame .quiz-v6 .n572-feedback.n572-mint {--n572-surface-a:#076d5a;--n572-surface-b:#095a4a;--n572-outline:#8ee9c4}
.app-frame .quiz-v6 .n572-feedback.n572-teal {--n572-surface-a:#0d6d78;--n572-surface-b:#0a4c60;--n572-outline:#85dfdf}
.app-frame .quiz-v6 .n572-feedback.n572-plum {--n572-surface-a:#76365e;--n572-surface-b:#532c54;--n572-outline:#f3b1d8}
.app-frame .quiz-v6 .n572-feedback.n572-coral {--n572-surface-a:#804e3e;--n572-surface-b:#583a38;--n572-outline:#f4bba2}
.app-frame .quiz-v6 .n572-feedback.n572-copper {--n572-surface-a:#75513b;--n572-surface-b:#513a32;--n572-outline:#f2c6a0}
.app-frame .quiz-v6 .n572-feedback.n572-berry {--n572-surface-a:#733e51;--n572-surface-b:#4d3046;--n572-outline:#eeb1c7}
.app-frame .quiz-v6 .n572-feedback .reaction-layout {
  display:flex!important;align-items:center!important;gap:13px!important;
  min-height:80px!important;
}
.app-frame .quiz-v6 .n572-feedback .reaction-layout .noli-reaction {
  flex:0 0 83px;object-fit:contain;max-width:83px;max-height:105px;
}
.app-frame .quiz-v6 .n572-feedback .feedback-copy h3,
.app-frame .quiz-v6 .n572-feedback.wrong .feedback-copy h3 {
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  font-size:clamp(17px,4.6vw,21px)!important;
  font-weight:850!important;line-height:1.3!important;margin:0 0 6px!important;
  text-shadow:none!important;overflow-wrap:anywhere;
}
.app-frame .quiz-v6 .n572-feedback .feedback-copy p,
.app-frame .quiz-v6 .n572-feedback.wrong .feedback-copy p {
  color:#fff6ef!important;-webkit-text-fill-color:#fff6ef!important;
  font-size:13px!important;line-height:1.5!important;margin:0!important;
}
/* Answer line stays on the card: no near-black nested rectangle. */
.app-frame .quiz-v6 .n572-feedback .feedback-answer,
.app-frame .quiz-v6 .n572-feedback.wrong .feedback-answer {
  display:flex!important;flex-direction:row!important;align-items:center!important;
  flex-wrap:wrap!important;column-gap:10px!important;row-gap:9px!important;
  background:transparent!important;border:0!important;
  border-radius:0!important;margin:14px 0 0!important;padding:0!important;
  box-shadow:none!important;min-width:0!important;
}
.app-frame .quiz-v6 .n572-feedback .feedback-answer .feedback-answer-label,
.app-frame .quiz-v6 .n572-feedback.wrong .feedback-answer .feedback-answer-label {
  display:block!important;color:#fffdf8!important;-webkit-text-fill-color:#fffdf8!important;
  font-size:14px!important;line-height:1.5!important;font-weight:850!important;
  letter-spacing:0!important;opacity:1!important;
}
/* Explicitly beat old .feedback strong colors in Safari Telegram WebView. */
.app-frame .quiz-v6 .n572-feedback .feedback-answer strong.feedback-answer-value,
.app-frame .quiz-v6 .n572-feedback.wrong .feedback-answer strong.feedback-answer-value {
  display:inline-block!important;align-self:auto!important;width:auto!important;
  max-width:100%!important;flex:0 1 auto!important;
  background:#ddffa9!important;background-color:#ddffa9!important;
  color:#112c23!important;-webkit-text-fill-color:#112c23!important;
  font-size:16px!important;font-weight:900!important;letter-spacing:0!important;
  line-height:1.36!important;padding:8px 14px!important;margin:0!important;
  border:1px solid #e7ffbd!important;border-radius:12px!important;
  box-shadow:0 3px 10px rgba(5,25,15,.14)!important;
  text-decoration:none!important;text-shadow:none!important;
  opacity:1!important;filter:none!important;overflow-wrap:anywhere!important;
  white-space:normal!important;
}
.app-frame .quiz-v6 .n572-feedback .feedback-explanation,
.app-frame .quiz-v6 .n572-feedback.wrong .feedback-explanation {
  display:block!important;background:transparent!important;border:0!important;
  border-top:1px solid rgba(255,255,255,.53)!important;
  border-radius:0!important;margin:18px 0 0!important;padding:15px 0 0!important;
  box-shadow:none!important;
}
.app-frame .quiz-v6 .n572-feedback .feedback-explanation-label,
.app-frame .quiz-v6 .n572-feedback.wrong .feedback-explanation-label {
  display:block!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  font-size:14px!important;line-height:1.4!important;font-weight:850!important;
  margin:0 0 8px!important;letter-spacing:0!important;text-transform:none!important;
}
.app-frame .quiz-v6 .n572-feedback .feedback-explanation-text,
.app-frame .quiz-v6 .n572-feedback.wrong .feedback-explanation-text {
  display:block!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  font-size:13.5px!important;line-height:1.66!important;font-weight:450!important;
  margin:0!important;padding:0!important;opacity:1!important;overflow-wrap:anywhere!important;
}
@media(max-width:365px){
 .app-frame .quiz-v6 .n572-feedback {padding:16px 13px!important}
 .app-frame .quiz-v6 .n572-feedback .reaction-layout {gap:8px!important}
 .app-frame .quiz-v6 .n572-feedback .reaction-layout .noli-reaction {flex-basis:66px;max-width:66px}
 .app-frame .quiz-v6 .n572-feedback .feedback-answer .feedback-answer-label {font-size:13px!important}
 .app-frame .quiz-v6 .n572-feedback .feedback-answer strong.feedback-answer-value {font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){.app-frame .quiz-v6 .n572-feedback {transition:none!important}}