.qcm{--qcm-dark:var(--color-hw-sapin);--qcm-dark-light:var(--color-hw-sapin-hover);--qcm-mint:var(--color-hw-mint);--qcm-mint-light:var(--color-hw-lime);--qcm-mint-bg:var(--color-hw-surface);--qcm-text:var(--color-hw-ink);--qcm-muted:var(--color-hw-muted);--qcm-white:#fff;--qcm-border:var(--color-hw-line);--qcm-radius:var(--radius-tile);--qcm-speed:.3s;--qcm-correct:#15803d;--qcm-correct-bg:#f0fdf4;--qcm-correct-text:#166534;--qcm-wrong:var(--color-hw-error);--qcm-wrong-bg:#fef3f2;--qcm-wrong-text:#912018;--qcm-fail-on-dark:#fda29b;margin:40px 0;padding:20px 0}.qcm-quiz{max-width:720px;color:var(--qcm-text);margin:0 auto;line-height:1.6}.qcm-quiz *{box-sizing:border-box}.qcm-quiz-header{background:var(--qcm-dark);color:var(--qcm-white);border-radius:var(--qcm-radius);margin-bottom:20px;padding:20px 24px 16px}.qcm-quiz-header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.qcm-quiz-header h2{font-family:var(--font-heading);font-size:var(--text-title-sm);color:var(--qcm-mint);margin:0;font-weight:800}.qcm-quiz-header-meta{white-space:nowrap;align-items:center;gap:12px;font-size:.8rem;display:flex}.qcm-progress-text{opacity:.6;color:var(--qcm-white)}.qcm-progress-bar{background:#ffffff26;border-radius:2px;height:4px;overflow:hidden}.qcm-progress-fill{background:var(--qcm-mint);height:100%;transition:width var(--qcm-speed);border-radius:2px}.qcm-qcard{background:var(--qcm-white);border:1px solid var(--qcm-border);border-radius:var(--qcm-radius);animation:hwFadeIn var(--qcm-speed) ease-out;margin-bottom:16px;padding:28px}@keyframes hwFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qcm-qcard-theme{background:var(--qcm-mint-bg);color:var(--qcm-dark);text-transform:uppercase;letter-spacing:.06em;border-radius:50px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.qcm-qcard-num{color:var(--qcm-muted);margin-bottom:6px;font-size:.85rem}.qcm-qcard-question{font-family:var(--font-heading);color:var(--qcm-dark);margin:0 0 18px;font-size:1.1rem;font-weight:700;line-height:1.4}.qcm-qcard-options{flex-direction:column;gap:8px;display:flex}.qcm-qopt{background:var(--qcm-white);border:2px solid var(--qcm-border);cursor:pointer;color:var(--qcm-text);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;line-height:1.4;transition:all .2s;display:flex}.qcm-qopt:hover:not(.qcm-answered){border-color:var(--qcm-dark);background:var(--qcm-mint-bg)}.qcm-qopt-letter{background:var(--qcm-mint-bg);width:32px;height:32px;color:var(--qcm-dark);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.qcm-qopt.qcm-correct{border-color:var(--qcm-correct);background:var(--qcm-correct-bg);cursor:default}.qcm-qopt.qcm-correct .qcm-qopt-letter{background:var(--qcm-correct);color:#fff}.qcm-qopt.qcm-wrong{border-color:var(--qcm-wrong);background:var(--qcm-wrong-bg);cursor:default}.qcm-qopt.qcm-wrong .qcm-qopt-letter{background:var(--qcm-wrong);color:#fff}.qcm-qopt.qcm-dimmed{opacity:.5;cursor:default}.qcm-explanation{border-radius:10px;margin-top:14px;padding:14px 16px;font-size:.9rem;line-height:1.5;animation:.3s ease-out hwFadeIn;display:none}.qcm-explanation.qcm-visible{display:block}.qcm-explanation.qcm-exp-correct{background:var(--qcm-correct-bg);border-left:4px solid var(--qcm-correct);color:var(--qcm-correct-text)}.qcm-explanation.qcm-exp-wrong{background:var(--qcm-wrong-bg);border-left:4px solid var(--qcm-wrong);color:var(--qcm-wrong-text)}.qcm-explanation strong{color:inherit}.qcm-nav{justify-content:center;margin-top:8px;margin-bottom:24px;display:flex}.qcm-btn-next{background:var(--qcm-mint);color:var(--qcm-dark);cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:none}.qcm-btn-next.qcm-visible{align-items:center;gap:8px;display:inline-flex}.qcm-btn-next:hover{background:var(--qcm-mint);transform:translateY(-1px);box-shadow:0 4px 12px #1a3c3426}.qcm-results{animation:hwFadeIn var(--qcm-speed) ease-out;display:none}.qcm-results.qcm-visible{display:block}.qcm-results-card{background:var(--qcm-dark);color:var(--qcm-white);border-radius:var(--qcm-radius);text-align:center;margin-bottom:24px;padding:32px}.qcm-results-score{font-family:var(--font-heading);color:var(--qcm-mint);margin:8px 0;font-size:3.5rem;font-weight:800}.qcm-results-label{opacity:.8;margin-bottom:8px;font-size:1rem}.qcm-results-verdict{margin:16px 0 24px;font-size:1.15rem;font-weight:600}.qcm-results-verdict.qcm-pass{color:var(--qcm-mint)}.qcm-results-verdict.qcm-fail{color:var(--qcm-fail-on-dark)}.qcm-results-breakdown{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.qcm-results-stat{background:#ffffff1a;border-radius:8px;padding:14px 8px}.qcm-results-stat-val{color:var(--qcm-mint);font-size:1.3rem;font-weight:700}.qcm-results-stat-lbl{text-transform:uppercase;letter-spacing:.05em;opacity:.65;margin-top:2px;font-size:.75rem}.qcm-results-cta{background:var(--qcm-mint);color:var(--qcm-dark);border-radius:50px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.qcm-results-cta:hover{background:var(--qcm-mint);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.qcm-restart{color:var(--qcm-white);opacity:.6;cursor:pointer;background:0 0;border:none;margin:16px auto 0;font-family:inherit;font-size:.9rem;text-decoration:underline;display:block}.qcm-restart:hover{opacity:1}.qcm-theme-breakdown{background:var(--qcm-white);border:1px solid var(--qcm-border);border-radius:var(--qcm-radius);padding:24px}.qcm-theme-breakdown h3{font-family:var(--font-heading);color:var(--qcm-dark);margin:0 0 16px;font-size:1rem;font-weight:700}.qcm-theme-row{border-bottom:1px solid var(--qcm-border);align-items:center;gap:12px;padding:10px 0;display:flex}.qcm-theme-row:last-child{border-bottom:none}.qcm-theme-name{flex:1;font-size:.9rem}.qcm-theme-score{text-align:right;min-width:50px;font-size:.9rem;font-weight:700}.qcm-theme-bar{background:var(--qcm-border);border-radius:3px;width:100px;height:6px;overflow:hidden}.qcm-theme-bar-fill{border-radius:3px;height:100%;transition:width .5s}@media (width<=600px){.qcm-quiz{padding:0 8px}.qcm-qcard{padding:20px 16px}.qcm-qcard-question{font-size:1rem}.qcm-results-breakdown{grid-template-columns:1fr}.qcm-results-card{padding:24px 16px}.qcm-theme-bar{width:60px}}
