/* ============================================================
   ANIMA — Quiz réglementaire (spec 2026-09-23, B4 ; facettes et
   type réflexion : spec quiz à facettes 2026-09-23, Q2)
   Accueil (Ma sélection : cases niveau / fonction / catégorie +
   compteur), session (question / correction / réflexion), fin,
   stats (radar + courbe), page publique autonome, agrégat
   d'équipe (hub séjour).
   Tokens de css/styles.css uniquement ; la couleur porte un état
   (ok / crit / ambre = alerte), jamais une décoration.
   Classes .qz-* — responsive d'office (cible portable 390 px).
   ============================================================ */

.qz-page{max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:var(--sp-4); padding-bottom:var(--sp-7)}
.qz-page--autonome{padding:0 16px var(--sp-7); min-height:100vh}
.qz-chargement{font-size:.84rem; color:var(--text-3); padding:var(--sp-3) 0}
.qz-ico{display:inline-grid; place-items:center}
.qz-ico .ico{width:16px; height:16px}

/* --- Bandeau de la page autonome --- */
.qz-top{display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); padding:16px 0 4px; border-bottom:1px solid var(--line)}
.qz-brand{display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:inherit}
.qz-brand-mark{width:26px; height:26px; color:var(--accent); display:inline-grid; place-items:center}
.qz-brand-mark .ico{width:26px; height:26px}
.qz-brand-word{font-family:var(--serif); font-weight:400; font-size:1.35rem; letter-spacing:.12em; color:var(--text); line-height:1}
.qz-brand-word span{color:var(--accent)}
.qz-lien{background:none; border:0; padding:6px 0; cursor:pointer; font:inherit; font-size:.82rem; color:var(--text-2); text-decoration:underline; text-underline-offset:3px}
.qz-lien:hover{color:var(--text)}

/* --- En-tête d'écran --- */
.qz-head{display:flex; flex-direction:column; gap:6px}
.qz-surtitre{font-size:.64rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3)}
.qz-titre{margin:0; font-size:1.5rem; font-weight:700; letter-spacing:-.01em; color:var(--text); line-height:1.2}
.qz-intro{margin:0; font-size:.9rem; line-height:1.55; color:var(--text-2)}

/* --- Barre de navigation d'écran --- */
.qz-bar{display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3)}
.qz-back{display:inline-flex; align-items:center; gap:6px; font-size:.82rem; color:var(--text-2); text-decoration:none; padding:6px 0}
.qz-back:hover{color:var(--text)}
.qz-back-ico .ico{width:15px; height:15px}
.qz-compteur{font-size:.8rem; color:var(--text-2)}

/* --- Cartes de l'accueil --- */
.qz-cards{display:grid; gap:10px; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}
.qz-card{
  display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:var(--r-lg);
  color:inherit; text-decoration:none; min-height:72px;
  transition:border-color .15s ease, transform .15s ease;
}
.qz-card:hover, .qz-card:focus-visible{border-color:var(--line-2); transform:translateY(-1px); outline:none}
.qz-card-ico{color:var(--accent); display:grid; place-items:center; flex:none}
.qz-card-ico .ico{width:20px; height:20px}
.qz-card-body{display:flex; flex-direction:column; gap:2px; min-width:0; flex:1}
.qz-card-titre{font-size:.96rem; font-weight:600; color:var(--text)}
.qz-card-sub{font-size:.76rem; color:var(--text-3); line-height:1.4}
.qz-card-arrow{color:var(--text-3); flex:none}
.qz-card-arrow .ico{width:16px; height:16px}

/* --- Ma sélection (facettes) : trois groupes de cases à cocher, cibles ≥ 44 px --- */
.qz-selection{display:flex; flex-direction:column; gap:12px; padding:14px 16px}
.qz-sel-head{display:flex; align-items:baseline; justify-content:space-between; gap:8px 16px; flex-wrap:wrap}
.qz-sel-titre{margin:0; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); font-weight:600}
.qz-sel-compteur{margin:0; font-size:.8rem; color:var(--text); font-weight:600}
.qz-selection.is-vide .qz-sel-compteur{color:var(--crit)}
.qz-sel-groupes{display:flex; flex-direction:column; gap:10px}
.qz-sel-groupe{margin:0; padding:0; border:0; min-width:0; display:flex; flex-direction:column; gap:6px}
.qz-sel-legende{padding:0; font-size:.7rem; color:var(--text-2); letter-spacing:.05em; text-transform:uppercase}
.qz-chips{display:flex; flex-wrap:wrap; gap:8px}
.qz-chip{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 14px 0 12px;
  border:1px solid var(--line-2); border-radius:999px; background:var(--surface-3); color:var(--text-2);
  font-size:.86rem; line-height:1.3; cursor:pointer; user-select:none; transition:border-color .15s, background .15s, color .15s;
}
.qz-chip input{width:18px; height:18px; margin:0; flex:none; accent-color:var(--text); cursor:pointer}
.qz-chip.is-cochee{border-color:var(--text-2); background:var(--surface); color:var(--text)}
.qz-chip:hover{border-color:var(--text-3)}
.qz-chip:has(input:focus-visible){outline:2px solid var(--accent); outline-offset:2px}
.qz-chip-n{font-size:.68rem; color:var(--text-3)}
.qz-chip.is-cochee .qz-chip-n{color:var(--text-2)}
.qz-sel-foot{display:flex; align-items:center; justify-content:space-between; gap:8px 16px; flex-wrap:wrap}
.qz-sel-aide{margin:0; font-size:.74rem; color:var(--text-3); line-height:1.45; flex:1 1 260px}
.qz-sel-reset{white-space:nowrap}
.qz-card.is-inactif{opacity:.55}
.qz-card.is-inactif .qz-card-sub{color:var(--crit)}

/* --- Mode anonyme (mention discrète + CTA) --- */
.qz-anonyme{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px;
  padding:12px 14px; border:1px dashed var(--line-2); border-radius:var(--r-md);
}
.qz-anonyme-txt{margin:0; font-size:.8rem; color:var(--text-2); line-height:1.45}
.qz-anonyme-actions{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.qz-cta-compte{min-height:36px}

/* --- Par aspect --- */
.qz-aspects{display:flex; flex-direction:column; gap:var(--sp-4)}
.qz-aspects-domaine{font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); margin:0 0 8px; padding-bottom:6px; border-bottom:1px solid var(--line)}
.qz-aspects-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:8px}
.qz-aspect-lien{
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:var(--r-md);
  background:var(--surface); border:1px solid var(--line); color:inherit; text-decoration:none;
  transition:border-color .15s ease;
}
.qz-aspect-lien:hover, .qz-aspect-lien:focus-visible{border-color:var(--line-2); outline:none}
.qz-aspect-body{display:flex; flex-direction:column; gap:2px; min-width:0; flex:1}
.qz-aspect-titre{font-size:.88rem; font-weight:600; color:var(--text); line-height:1.3}
.qz-aspect-meta{font-size:.64rem; color:var(--text-3); letter-spacing:.02em}

/* --- Session --- */
.qz-session-surtitre{margin-top:-6px}
.qz-progress{height:4px; border-radius:2px; background:var(--surface-2); overflow:hidden}
.qz-progress > i{display:block; height:100%; width:0; border-radius:2px; background:var(--text-2); transition:width var(--dur-base) var(--ease-out)}
.qz-zone{display:flex; flex-direction:column; gap:var(--sp-3)}
.qz-question{display:flex; flex-direction:column; gap:12px; padding:16px; outline:none}
.qz-q-head{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
.qz-q-aspect{font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3)}
.qz-q-type{font-size:.64rem; color:var(--text-3); border:1px solid var(--line); border-radius:999px; padding:2px 9px; white-space:nowrap}
.qz-enonce{margin:0; font-size:1rem; line-height:1.55; color:var(--text)}
.qz-reponse{display:flex; flex-direction:column; gap:12px}
.qz-choix{display:grid; gap:8px; grid-template-columns:1fr}
.qz-choix--vf{grid-template-columns:1fr 1fr}
.qz-choix-btn{
  display:flex; align-items:center; gap:10px; text-align:left; width:100%; min-height:46px; padding:10px 14px;
  background:var(--surface-3); border:1px solid var(--line-2); border-radius:var(--r-sm); color:var(--text);
  font:inherit; font-size:.9rem; line-height:1.4; cursor:pointer; transition:border-color .15s, background .15s;
}
.qz-choix-btn:hover:not(:disabled), .qz-choix-btn:focus-visible{border-color:var(--text-3); outline:none}
.qz-choix-btn:disabled{cursor:default; opacity:.85}
.qz-choix-case input{width:18px; height:18px; flex:none; accent-color:var(--text)}
.qz-choix-btn.is-bonne{border-color:var(--ok); background:var(--ok-bg); color:var(--text)}
.qz-choix-btn.is-choisi:not(.is-bonne){border-color:var(--crit); background:var(--crit-bg)}
.qz-choix-btn.is-bonne::after{content:'✓'; margin-left:auto; color:var(--ok); font-weight:600}
.qz-choix-btn.is-choisi:not(.is-bonne)::after{content:'✕'; margin-left:auto; color:var(--crit); font-weight:600}
.qz-nombre-lbl{display:flex; flex-direction:column; gap:6px}
.qz-nombre-lbl > span{font-size:.7rem; color:var(--text-2); letter-spacing:.05em; text-transform:uppercase}
.qz-nombre{max-width:220px}
.qz-form-err{margin:0; font-size:.8rem; color:var(--crit)}
.qz-actions{display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; margin-top:2px}
.qz-actions a.sf-btn{display:inline-flex; align-items:center; text-decoration:none}
.qz-actions--fin{justify-content:flex-start; margin-top:8px}
/* Une fois la réponse donnée, le bouton « Valider » n'a plus de rôle : la correction prend la suite. */
.qz-reponse.is-fige .qz-actions{display:none}

/* --- Correction --- */
.qz-correction{display:flex; flex-direction:column; gap:8px; padding:14px 16px; border-radius:var(--r-lg); border:1px solid var(--line-2); background:var(--surface)}
.qz-correction.is-ok{border-color:var(--ok-line); background:var(--ok-bg); animation:qz-pulse-ok var(--dur-slow) var(--ease-out)}
.qz-correction.is-ko{border-color:var(--crit-line); background:var(--crit-bg)}
.qz-corr-titre{margin:0; display:flex; align-items:center; gap:8px; font-size:.9rem; font-weight:600}
.is-ok .qz-corr-titre{color:var(--ok)}
.is-ko .qz-corr-titre{color:var(--crit)}
.qz-corr-ico .ico{width:16px; height:16px}
.qz-corr-bonne{margin:0; font-size:.9rem; color:var(--text); line-height:1.45}
.qz-corr-lbl{color:var(--text-2)}
.qz-corr-expl{margin:0; font-size:.88rem; color:var(--text); line-height:1.5}
.qz-corr-refrow{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.qz-corr-ref{font-size:.7rem; color:var(--text-2); letter-spacing:.03em}
.qz-notice{margin:0; font-size:.76rem; color:var(--warn); line-height:1.45}

/* --- Type réflexion : pas de bonne réponse, lecture de toutes les options à poids égal --- */
.qz-ref-note{margin:-4px 0 0; font-size:.82rem; color:var(--text-2); line-height:1.5}
.qz-choix-btn.is-mienne{border-color:var(--text-2); background:var(--surface); color:var(--text); opacity:1}
.qz-choix-btn.is-mienne::after{content:'▸'; margin-left:auto; color:var(--text-2)}
.qz-reflexion{display:flex; flex-direction:column; gap:12px; padding:14px 16px; border-radius:var(--r-lg); border:1px solid var(--line-2); background:var(--surface)}
.qz-ref-titre{margin:0; font-size:.9rem; font-weight:600; color:var(--text); line-height:1.4}
.qz-ref-options{list-style:none; margin:0; padding:0; display:grid; gap:8px; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}
.qz-ref-option{display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface-3); min-width:0}
.qz-ref-option.is-mienne{border-color:var(--text-2)}
.qz-ref-opt-head{display:flex; align-items:flex-start; justify-content:space-between; gap:8px}
.qz-ref-opt-texte{font-size:.88rem; font-weight:600; color:var(--text); line-height:1.4}
.qz-ref-mienne{flex:none; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text-2); border:1px solid var(--line-2); border-radius:999px; padding:2px 8px; white-space:nowrap}
.qz-ref-dl{margin:0; display:grid; grid-template-columns:auto minmax(0, 1fr); gap:4px 10px; align-items:baseline}
.qz-ref-lbl{font-size:.64rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text-3); white-space:nowrap}
.qz-ref-val{margin:0; font-size:.84rem; color:var(--text); line-height:1.45}
.qz-ref-repartition{border-top:1px solid var(--line); padding-top:10px; display:flex; flex-direction:column; gap:8px}
.qz-ref-rep-h{margin:0; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3)}
.qz-ref-rep-msg{margin:0; font-size:.78rem; color:var(--text-3); line-height:1.45}
.qz-ref-rep-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.qz-ref-rep-item{display:grid; grid-template-columns:minmax(0, 1fr) 120px 48px; align-items:center; gap:10px}
.qz-ref-rep-lbl{font-size:.8rem; color:var(--text-2); line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.qz-ref-rep-val{font-size:.74rem; color:var(--text); text-align:right}
.qz-fin-reflexions, .qz-fin-cats{margin:0; font-size:.8rem; color:var(--text-2); line-height:1.5}
.qz-fin-cats{font-size:.7rem; color:var(--text-3)}
@keyframes qz-pulse-ok{from{box-shadow:0 0 0 0 var(--ok-line)} to{box-shadow:0 0 0 10px transparent}}

/* --- Fin de session --- */
.qz-fin{display:flex; flex-direction:column; gap:10px; padding:18px 16px}
.qz-score{display:flex; align-items:baseline; gap:12px}
.qz-score-num{font-size:2rem; font-weight:600; color:var(--text); line-height:1}
.qz-score-pct{font-size:1rem; color:var(--text-2)}
.qz-fin-msg{margin:0; font-size:.88rem; color:var(--text-2); line-height:1.5}
.qz-fin-h{margin:8px 0 0; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); padding-bottom:6px; border-bottom:1px solid var(--line)}
.qz-arevoir, .qz-fin-aspects{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.qz-arevoir li{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid var(--line)}
.qz-arevoir li:last-child{border-bottom:0}
.qz-arevoir-lien{font-size:.9rem; font-weight:600; color:var(--text); text-decoration:none}
.qz-arevoir-lien:hover{text-decoration:underline}
.qz-arevoir-val{font-size:.78rem; color:var(--crit)}
.qz-fin-aspect{display:grid; grid-template-columns:minmax(0, 1fr) 120px auto; align-items:center; gap:10px; padding:6px 0}
.qz-fin-aspect-lbl{font-size:.84rem; color:var(--text); text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.qz-fin-aspect-lbl:hover{text-decoration:underline}
.qz-fin-aspect.is-faible .qz-fin-aspect-val{color:var(--crit)}
.qz-fin-aspect-val{font-size:.76rem; color:var(--text-2)}
.qz-fin-erreurs{border-top:1px solid var(--line); margin-top:6px}
.qz-fin-summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:10px 0; font-size:.8rem; font-weight:600; color:var(--text-2); user-select:none}
.qz-fin-summary::-webkit-details-marker{display:none}
.qz-fin-chev{font-size:.75rem; color:var(--text-3); transition:transform .15s}
details[open] > .qz-fin-summary .qz-fin-chev{transform:rotate(90deg)}
.qz-fin-erreurs-list{display:flex; flex-direction:column; gap:12px; padding-bottom:6px}
.qz-fin-err{display:flex; flex-direction:column; gap:6px; padding:12px; border:1px solid var(--crit-line); border-radius:var(--r-md); background:var(--crit-bg)}
.qz-fin-err-enonce{margin:0; font-size:.88rem; color:var(--text); line-height:1.45}

/* --- Stats --- */
.qz-tuiles{display:grid; gap:10px; grid-template-columns:repeat(4, 1fr)}
.qz-tuile{padding:14px 16px; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface)}
.qz-panel{display:flex; flex-direction:column; gap:12px; padding:16px}
.qz-panel-h{margin:0; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); padding-bottom:6px; border-bottom:1px solid var(--line)}
.qz-radar-wrap{display:flex; justify-content:center}
.qz-radar{max-width:520px}
.qz-radar-poly{fill:var(--accent-bg); stroke:var(--accent); stroke-width:2}
.qz-radar-pt{fill:var(--accent)}
.qz-radar-lbl{font-size:11px}
.qz-radar-lbl.is-vide{fill:var(--text-3); font-weight:500}
.qz-stats-aspects{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px}
.qz-stats-aspect{display:grid; grid-template-columns:minmax(0, 1fr) 120px minmax(0, 230px); align-items:center; gap:10px; padding:6px 0; border-bottom:1px solid var(--line)}
.qz-stats-aspect:last-child{border-bottom:0}
.qz-stats-aspect-lbl{font-size:.84rem; color:var(--text); text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.qz-stats-aspect-lbl:hover{text-decoration:underline}
.qz-stats-aspect-val{font-size:.72rem; color:var(--text-2); text-align:right}
.qz-stats-aspect.is-vide .qz-stats-aspect-lbl{color:var(--text-3)}
.qz-courbe-wrap svg{width:100%; height:auto}
.qz-courbe-grille{stroke:var(--line); stroke-width:1}
.qz-courbe-y, .qz-courbe-x{fill:var(--text-3); font-size:11px; font-family:var(--font-mono)}
.qz-courbe-bar{fill:var(--surface-3); stroke:var(--line-2); stroke-width:1}
.qz-courbe-ligne{fill:none; stroke:var(--accent); stroke-width:2; stroke-linejoin:round}
.qz-courbe-pt{fill:var(--accent)}
.qz-legende{margin:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:.76rem; color:var(--text-3)}
.qz-leg-bar{display:inline-block; width:12px; height:10px; background:var(--surface-3); border:1px solid var(--line-2); border-radius:2px}
.qz-leg-ligne{display:inline-block; width:18px; border-top:2px solid var(--accent)}

/* --- Barres (agrégat d'équipe, stats, examen) --- */
.qz-eq-bar{height:7px; border-radius:4px; background:var(--surface-3); overflow:hidden; min-width:60px}
.qz-eq-bar > i{display:block; height:100%; width:0; border-radius:4px; background:var(--text-2); transition:width var(--dur-base) var(--ease-out)}
.qz-eq-meta{margin:0 0 8px; font-size:.76rem; color:var(--text-3); line-height:1.45}
.qz-eq-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px}
.qz-eq-item{display:grid; grid-template-columns:minmax(0, 1fr) 140px minmax(0, 170px); align-items:center; gap:10px; padding:5px 0; border-bottom:1px solid var(--line)}
.qz-eq-item:last-child{border-bottom:0}
.qz-eq-lbl{font-size:.84rem; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.qz-eq-val{font-size:.72rem; color:var(--text-2); text-align:right}
.qz-eq-item.is-vide .qz-eq-lbl{color:var(--text-3)}
.qz-eq-item.is-vide .qz-eq-val{color:var(--text-3); font-style:italic}
.qz-eq-indispo{color:var(--text-3)}

/* --- États vides / erreurs --- */
.qz-vide{padding:14px 16px; border-radius:var(--r-md); border:1px dashed var(--line-2); color:var(--text-2); font-size:.84rem; display:flex; flex-direction:column; gap:6px}
.qz-vide strong{color:var(--text)}
.qz-vide p{margin:0}
.qz-vide .qz-actions{justify-content:flex-start; margin-top:6px}
.qz-erreur{border-color:var(--crit-line); background:var(--crit-bg)}

/* --- Lien d'entrée sur l'écran de connexion / landing --- */
.auth-quiz{margin:2px 0 0; text-align:center; font-size:.8rem; line-height:1.45}
.auth-quiz-link{color:var(--text-2); text-decoration:underline; text-underline-offset:3px}
.auth-quiz-link:hover{color:var(--text)}

/* --- Portable --- */
@media (max-width:600px){
  .qz-page{gap:var(--sp-3)}
  .qz-cards, .qz-aspects-list{grid-template-columns:1fr}
  .qz-tuiles{grid-template-columns:1fr 1fr}
  .qz-choix--vf{grid-template-columns:1fr}
  .qz-fin-aspect, .qz-stats-aspect, .qz-eq-item{grid-template-columns:minmax(0, 1fr) 90px; grid-template-areas:"lbl bar" "val val"}
  .qz-fin-aspect > :nth-child(1), .qz-stats-aspect > :nth-child(1), .qz-eq-item > :nth-child(1){grid-area:lbl; white-space:normal}
  .qz-fin-aspect > :nth-child(2), .qz-stats-aspect > :nth-child(2), .qz-eq-item > :nth-child(2){grid-area:bar}
  .qz-fin-aspect > :nth-child(3), .qz-stats-aspect > :nth-child(3), .qz-eq-item > :nth-child(3){grid-area:val; text-align:left}
  .qz-actions{flex-direction:column}
  .qz-actions .sf-btn{width:100%; justify-content:center}
  .qz-anonyme{flex-direction:column; align-items:flex-start}
  .qz-ref-options{grid-template-columns:1fr}
  .qz-ref-rep-item{grid-template-columns:minmax(0, 1fr) 48px; grid-template-areas:"lbl val" "bar bar"}
  .qz-ref-rep-item > :nth-child(1){grid-area:lbl; white-space:normal}
  .qz-ref-rep-item > :nth-child(2){grid-area:bar}
  .qz-ref-rep-item > :nth-child(3){grid-area:val}
  /* En colonne, la base flex (260px) deviendrait une HAUTEUR : 380 px de vide sous l'aide (vu en recette 390) → auto. */
  .qz-sel-foot{flex-direction:column; align-items:flex-start}
  .qz-sel-aide{flex:0 0 auto}
}

/* --- Mouvement réduit --- */
@media (prefers-reduced-motion: reduce){
  .qz-correction.is-ok{animation:none}
  .qz-progress > i, .qz-eq-bar > i, .qz-card, .qz-aspect-lien, .qz-choix-btn, .qz-chip{transition:none}
  .qz-card:hover{transform:none}
}