:root{--c-bg:#f5f1e8;--c-surface:#fff;--c-text:#1b2a4a;--c-text-muted:#3d4a63;--c-primary:#1b2a4a;--c-primary-text:#f5f1e8;--c-success:#1e6b3a;--c-error:#a11d2a;--c-focus:#0b3d91;--c-border:#5a6577;--radius:12px;--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:24px;--space-xl:32px;--target:44px;--font-base:18px;--font-line:1.5}*{box-sizing:border-box}html{font-size:var(--font-base)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:1rem;line-height:var(--font-line);color:var(--c-text);background:var(--c-bg);min-width:320px;margin:0}.lien-evitement{z-index:100;position:absolute;top:0;left:-9999px}.lien-evitement:focus{left:var(--space-m);top:var(--space-m);background:var(--c-primary);color:var(--c-primary-text);padding:var(--space-m);border-radius:var(--radius);font-weight:700}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}h1[tabindex="-1"]:focus,[tabindex="-1"]:focus{outline:none}#app-header{padding:var(--space-l) var(--space-m) var(--space-s)}h1{margin:0 0 var(--space-s);font-size:1.5rem;line-height:1.3}.accroche{color:var(--c-text-muted);margin:0}#main{padding:var(--space-s) var(--space-m) var(--space-l);max-width:640px;margin:0 auto}.btn{width:100%;min-height:var(--target);margin:var(--space-s) 0;color:var(--c-text);background:var(--c-surface);border:2px solid var(--c-primary);border-radius:var(--radius);cursor:pointer;padding:12px 16px;font-size:1rem;font-weight:600;line-height:1.3;display:block}.btn-primary{background:var(--c-primary);color:var(--c-primary-text);border-color:var(--c-primary)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-quitter{border-color:var(--c-error);color:var(--c-error)}.link{min-height:var(--target);color:var(--c-text);text-underline-offset:3px;padding:12px 0;font-weight:600;text-decoration:underline;display:inline-block}.groupe{border:2px solid var(--c-border);border-radius:var(--radius);padding:var(--space-m);margin:0 0 var(--space-l)}.groupe legend{padding:0 var(--space-s);font-weight:700}.choix{min-height:var(--target);margin:var(--space-xs) 0;align-items:center;display:flex}.choix input[type=radio]{width:24px;height:24px;margin:0 var(--space-m) 0 0;accent-color:var(--c-primary);flex-shrink:0}.choix label{min-height:var(--target);padding:var(--space-s) 0;align-items:center;display:flex}.status{min-height:1.5em;margin:var(--space-s) 0;color:var(--c-text-muted);font-style:italic}.message{border-radius:var(--radius);padding:var(--space-m);margin:var(--space-m) 0;border:2px solid}.message-erreur{border-color:var(--c-error);color:var(--c-error);background:#fdf0f0}.feedback{border-radius:var(--radius);padding:var(--space-m);margin:var(--space-m) 0;border:2px solid}.feedback-bon{border-color:var(--c-success);background:#eef7f0}.feedback-mauvais{border-color:var(--c-error);background:#fdf0f0}.feedback-titre{margin:0 0 var(--space-s);font-weight:700}.feedback-bon .feedback-titre{color:var(--c-success)}.feedback-mauvais .feedback-titre{color:var(--c-error)}.feedback-explication,.feedback-score{margin:var(--space-s) 0 0;color:var(--c-text)}.recap{border:2px solid var(--c-primary);border-radius:var(--radius);background:var(--c-surface);padding:var(--space-l);margin:var(--space-m) 0}.recap p{margin:0;font-size:1.125rem}.resultat{border:2px solid var(--c-primary);border-radius:var(--radius);background:var(--c-surface);padding:var(--space-l);margin:var(--space-m) 0}.resultat-score{margin:0 0 var(--space-s);font-size:1.25rem;font-weight:700}.resultat-message{color:var(--c-text-muted);margin:0}.etapes{margin:var(--space-m) 0;padding-left:var(--space-l)}.etapes li{margin:var(--space-s) 0}#app-footer{padding:var(--space-m);color:var(--c-text-muted);text-align:center;font-size:.875rem}.pied{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}