.dan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.dan-check{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}
.dan-check:has(input:checked){background:#e8f4fd;border-color:#3592e2;color:#3592e2;font-weight:700}
.dan-check input{display:none}
.btn-row{display:flex;gap:8px;margin-bottom:15px}
.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.quiz-progress{font-size:14px;font-weight:700;color:#333}
.quiz-timer{font-size:18px;font-weight:700;color:#3592e2;background:#e8f4fd;padding:5px 15px;border-radius:15px}
.quiz-question{font-size:36px;font-weight:700;color:#333;text-align:center;padding:30px 20px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:15px}
.quiz-answer{display:flex;justify-content:center;margin-bottom:15px}
.quiz-answer input{width:200px;padding:12px;font-size:24px;text-align:center;border:2px solid #ddd;border-radius:8px}
.quiz-answer input:focus{border-color:#3592e2;outline:none}
.quiz-feedback{padding:15px;border-radius:8px;text-align:center;font-size:16px;font-weight:700;display:none;margin-top:10px}
.quiz-feedback.correct{display:block;background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}
.quiz-feedback.wrong{display:block;background:#fce4ec;color:#c62828;border:1px solid #f8bbd0}
.canvas-chart{margin-top:20px;text-align:center}
.canvas-chart canvas{max-width:100%;height:auto}
.canvas-chart h3{font-size:14px;color:#333;margin-bottom:10px}
.dan-stats{margin-top:15px}
.dan-stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dan-stat-label{width:40px;font-size:13px;font-weight:700;color:#555;text-align:right}
.dan-stat-bar{flex:1;height:20px;background:#eee;border-radius:10px;overflow:hidden}
.dan-stat-fill{height:100%;border-radius:10px;transition:width .3s;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700}
.dan-stat-fill.high{background:#4caf50}
.dan-stat-fill.mid{background:#F78015}
.dan-stat-fill.low{background:#e53935}
.dan-stat-val{width:50px;font-size:12px;color:#888;text-align:left}
@media(max-width:480px){
  .dan-grid{grid-template-columns:repeat(2,1fr)}
  .quiz-question{font-size:28px}
}