.quizmaskin {
  --qm-bg: #fffdfb;
  --qm-ink: #2b2b2b;
  --qm-muted: #6b6b6b;
  --qm-accent: #7a1f1f;
  --qm-accent-dark: #5e1414;
  --qm-border: #e2d9d4;
  --qm-card: #ffffff;
  --qm-question-size: 1.4rem;
  --qm-answer-size: 1.05rem;

  max-width: 760px;
  margin: 28px auto;
  padding: 22px 24px;
  border: 1px solid var(--qm-border);
  border-radius: 14px;
  background: var(--qm-bg);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  font-family: inherit;
}
.quizmaskin .qm-question {
  font-size: var(--qm-question-size);
  font-weight: 700;
  line-height: 1.4;
  color: var(--qm-ink);
  margin-bottom: 16px;
}
.quizmaskin .qm-answers {
  display: grid;
  gap: 12px;
}
.quizmaskin .qm-answer {
  font: inherit;
  font-size: var(--qm-answer-size);
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--qm-border);
  background: var(--qm-card);
  cursor: pointer;
  border-radius: 10px;
  text-align: left;
  color: var(--qm-ink);
  transition: background 140ms ease, border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}
.quizmaskin .qm-next {
  font: inherit;
}
.quizmaskin .qm-answer:hover {
  background: #fff8f4;
  border-color: #d4b9b1;
  box-shadow: 0 4px 12px rgba(122, 31, 31, 0.12);
  transform: translateY(-1px);
}
.quizmaskin .qm-answer:disabled {
  opacity: 0.7;
  cursor: default;
}
.quizmaskin .qm-feedback {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.quizmaskin .qm-correct {
  color: #1f7a3f;
  font-weight: 700;
}
.quizmaskin .qm-wrong {
  color: #b3261e;
  font-weight: 700;
}
.quizmaskin .qm-next {
  padding: 9px 16px;
  border: 1px solid var(--qm-accent);
  background: var(--qm-accent);
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease;
}
.quizmaskin .qm-next:hover {
  background: var(--qm-accent-dark);
  border-color: var(--qm-accent-dark);
}
.quizmaskin .qm-score {
  margin-top: 12px;
  font-weight: 700;
  color: var(--qm-ink);
}