.qst-wrap{max-width:980px;margin:0 auto;padding:12px}
.qst-card{
  background:#fff;
  border:1px solid rgba(17,24,39,.12);
  border-radius:18px;
  padding:16px;
  box-shadow:0 6px 24px rgba(17,24,39,.06);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#111827;
}
.qst-title{margin:0 0 12px;font-size:22px;letter-spacing:.2px}
.qst-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}
.qst-field label{display:block;font-size:12px;font-weight:700;margin:0 0 6px;color:rgba(17,24,39,.75)}
.qst-field input,.qst-field select{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(17,24,39,.18);
  background:#fff;
  outline:none;
}
.qst-field input:focus,.qst-field select:focus{border-color:rgba(99,102,241,.7);box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.qst-btn{border:1px solid rgba(17,24,39,.18);border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer}
.qst-btn[disabled]{opacity:.6;cursor:not-allowed}
.qst-btn-primary{background:rgba(99,102,241,.12)}
.qst-btn-light{background:rgba(17,24,39,.03)}
.qst-hint{margin-top:8px;color:rgba(17,24,39,.7);font-size:12px}
.qst-toggles{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 6px}
.qst-panel{margin:10px 0;border:1px solid rgba(17,24,39,.12);border-radius:14px;overflow:hidden;background:rgba(17,24,39,.015)}
.qst-panel summary{padding:10px 12px;cursor:pointer;font-weight:800}
.qst-panel-body{padding:10px 12px}
.qst-table{width:100%;border-collapse:collapse}
.qst-table th,.qst-table td{padding:8px 8px;border-bottom:1px solid rgba(17,24,39,.08);text-align:center;font-weight:650}
.qst-table thead th{background:rgba(17,24,39,.03)}
.qst-mini{margin-top:8px;font-size:12px;color:rgba(17,24,39,.7)}
.qst-timer{margin:10px 0;font-weight:800}
.qst-status{margin:6px 0;color:rgba(17,24,39,.8);font-weight:800}
.qst-result{margin-top:10px;white-space:pre-line;font-weight:800}
.qst-hidden{display:none !important}

.qst-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}
.qst-choice{
  background:#fff;
  border:1px solid rgba(17,24,39,.15);
  border-radius:14px;
  padding:12px 10px;
  text-align:center;
  font-weight:900;
  cursor:pointer;
  user-select:none;
}
.qst-choice:hover{background:rgba(99,102,241,.06)}
.qst-solution{margin-top:12px;padding:12px;border-radius:14px;border:1px dashed rgba(17,24,39,.18);background:rgba(17,24,39,.02)}
.qst-solution-title{font-weight:1000;margin-bottom:6px}
.qst-sol-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden}
.qst-sol-table th,.qst-sol-table td{padding:8px 8px;border-bottom:1px solid rgba(17,24,39,.08);text-align:center;font-weight:700}
.qst-sol-table thead th{background:rgba(17,24,39,.03)}
.qst-sol-row-ok{background:rgba(34,197,94,.10)}
.qst-sol-focus{background:rgba(99,102,241,.10)}
.qst-circle-area{display:flex;justify-content:center;align-items:center}

#quiz-container.flash-correct{box-shadow:0 0 0 4px rgba(34,197,94,.18), 0 10px 30px rgba(17,24,39,.08)}
#quiz-container.flash-wrong{box-shadow:0 0 0 4px rgba(239,68,68,.16), 0 10px 30px rgba(17,24,39,.08)}