/* Kärnkraft Quiz v1.2 */
#kq-app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0a0f1a;border-radius:12px;padding:32px;color:#e2e8f0;max-width:700px;margin:0 auto}
.kq-icon{font-size:3em;margin-bottom:12px;text-align:center}
#kq-start{text-align:center}
#kq-start h3{font-size:1.5em;font-weight:800;margin:0 0 12px;color:#f1f5f9}
#kq-start p{color:#94a3b8;line-height:1.6;font-size:.92em;max-width:500px;margin:0 auto 20px}
.kq-start-stats{display:flex;justify-content:center;gap:10px;color:#64748b;font-size:.82em;margin-bottom:24px}
.kq-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}
.kq-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,.3)}
/* Progress */
#kq-progress-wrap{display:flex;align-items:center;gap:12px;margin-bottom:24px}
#kq-progress-bar{flex:1;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}
#kq-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:3px;transition:width .4s}
#kq-progress-text{font-size:.8em;color:#64748b;white-space:nowrap}
#kq-score-live{font-size:.8em;color:#38bdf8;font-weight:600;white-space:nowrap}
/* Question */
#kq-question-text{font-size:1.15em;font-weight:700;margin:0 0 20px;line-height:1.4;color:#f1f5f9}
.kq-option{display:block;width:100%;text-align:left;background:#111827;border:2px solid #1e293b;border-radius:10px;padding:14px 18px;margin-bottom:10px;color:#e2e8f0;font-size:.92em;cursor:pointer;transition:all .2s;line-height:1.4}
.kq-option:hover{border-color:#334155;background:#151d2e}
.kq-option.selected{border-color:#3b82f6;background:#172554}
.kq-option.correct{border-color:#22c55e;background:rgba(34,197,94,.1);color:#22c55e}
.kq-option.wrong{border-color:#ef4444;background:rgba(239,68,68,.1);color:#ef4444}
.kq-option.disabled{pointer-events:none;opacity:.6}
.kq-option.correct.disabled,.kq-option.wrong.disabled{opacity:1}
.kq-option-label{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background:#1e293b;border-radius:6px;margin-right:10px;font-size:.8em;font-weight:700;color:#94a3b8;flex-shrink:0}
/* Feedback */
#kq-feedback{margin-top:20px;padding:20px;background:#111827;border-radius:10px;border:1px solid #1e293b}
#kq-feedback-icon{font-size:1.5em;margin-bottom:8px}
#kq-feedback-text{font-size:.95em;font-weight:700;margin-bottom:8px}
#kq-explanation{font-size:.85em;color:#94a3b8;line-height:1.6;margin-bottom:16px;padding:12px;background:#0f172a;border-radius:8px;border-left:3px solid #3b82f6}
.kq-feedback-correct #kq-feedback-text{color:#22c55e}
.kq-feedback-wrong #kq-feedback-text{color:#ef4444}
/* Result */
#kq-result{text-align:center}
#kq-result-icon{font-size:3.5em;margin-bottom:12px}
#kq-result h3{font-size:1.4em;font-weight:800;margin:0 0 8px;color:#f1f5f9}
#kq-result-score{font-size:2.5em;font-weight:900;color:#38bdf8;margin:12px 0}
#kq-result-bar-wrap{max-width:300px;margin:0 auto 20px}
#kq-result-bar{height:10px;background:#1e293b;border-radius:5px;overflow:hidden}
#kq-result-bar-fill{height:100%;border-radius:5px;transition:width 1s}
#kq-result-text{color:#94a3b8;font-size:.92em;line-height:1.6;max-width:500px;margin:0 auto 24px}
#kq-result-breakdown{text-align:left;max-width:500px;margin:0 auto 24px}
.kq-rb-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #1e293b;font-size:.85em}
.kq-rb-icon{font-size:1.1em;flex-shrink:0;margin-top:2px}
.kq-rb-q{color:#94a3b8}
.kq-rb-correct{color:#22c55e}
.kq-rb-wrong{color:#ef4444}