.qz{max-width:760px;margin:0 auto}.qz [hidden]{display:none!important}.qz-ecran{background:linear-gradient(180deg,var(--noir-2),var(--noir));border:1px solid var(--bordure);border-top:3px solid var(--accent);border-radius:0;padding:clamp(22px,5vw,44px)}.qz-meter{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:64px;margin:6px auto 22px}.qz-meter span{width:14px;height:calc(18px + var(--i) * 2.4px);border-radius:0;background:#ffffff1a;transition:background .2s ease}.qz-meter span.is-on{background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 55%,transparent)}.qz-meter span.is-on:nth-child(n+17){background:#e3e6ea;box-shadow:0 0 14px #e3e6ea73}.qz-meter--deco span{animation:vu 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms)}@keyframes vu{0%,to{background:#ffffff1a}50%{background:var(--accent)}}@media(prefers-reduced-motion:reduce){.qz-meter--deco span{animation:none;background:var(--accent)}}.qz-intro{text-align:center}.qz-intro__txt{font-size:18px;color:var(--gris-clair);max-width:520px;margin:0 auto 26px}.qz-intro__txt strong{color:#fff}.qz-intro__petit{font-size:13.5px;color:var(--gris);margin-top:14px}.qz .btn-red,.qz .btn-ghost{cursor:pointer;border:0}.qz .btn-ghost{border:1.5px solid rgba(255,255,255,.45)}.qz-q__haut{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--font-label);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}.qz-q__num{color:var(--gris-clair)}.qz-q__theme{color:var(--accent-texte);text-align:right}.qz-progress{height:4px;background:#ffffff14;margin:12px 0 26px;overflow:hidden}.qz-progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .4s ease}.qz-q__question{font-family:var(--font-corps);font-weight:600;font-size:clamp(20px,3.3vw,26px);line-height:1.32;letter-spacing:0;text-transform:none;margin-bottom:22px}.qz-q__question em,.qz-option em,.qz-feedback__txt em{font-style:italic}.qz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qz-option{text-align:left;padding:16px 18px;border-radius:0;border:1.5px solid var(--bordure);background:var(--noir-3);font-size:16.5px;line-height:1.35;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.qz-option:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.qz-option:disabled{cursor:default;opacity:.55}.qz-option.is-bonne{opacity:1;border-color:#3fb37f;background:#3fb37f38}.qz-option.is-fausse{opacity:1;border-color:#e36b67;background:#d9534f38}.qz-feedback{margin-top:22px;padding-top:20px;border-top:1px solid var(--bordure)}.qz-feedback__verdict{font-family:var(--font-display);font-weight:900;font-size:24px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px}.qz-feedback__verdict.is-ok{color:#3fb37f}.qz-feedback__verdict.is-ko{color:#e36b67}.qz-feedback__txt{color:var(--gris-clair);margin-bottom:20px;font-size:16px}.qz-feedback__txt a{color:var(--accent-texte);text-decoration:underline;text-underline-offset:3px}.qz-vote .surtitre{display:block;margin-bottom:10px}.qz-vote__aide{color:var(--gris-clair);margin:-10px 0 20px;font-size:15px}.qz-chansons{display:flex;flex-wrap:wrap;gap:8px}.qz-chanson{padding:9px 14px;border-radius:0;border:1.5px solid var(--bordure);background:var(--noir-3);font-size:14.5px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.qz-chanson:hover{border-color:var(--accent)}.qz-chanson.is-choisie{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent);color:#fff}.qz-autre{display:grid;gap:6px;margin-top:16px;font-size:14px;color:var(--gris-clair)}.qz-autre input,.qz-champ input{width:100%;padding:12px 14px;border-radius:0;border:1.5px solid var(--bordure);background:var(--noir);font-size:16px}.qz-autre input:focus,.qz-champ input:focus{outline:none;border-color:var(--accent)}.qz-vote__actions{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap}.qz-vote__actions .btn-red:disabled{opacity:.4;cursor:not-allowed;transform:none}.qz-lien{background:none;border:0;color:var(--gris-clair);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:15px;padding:0}.qz-lien:hover{color:#fff}.qz-res{text-align:center}.qz-res .surtitre{display:block}.qz-res__score{font-family:var(--font-display);font-weight:900;font-size:clamp(84px,17vw,136px);line-height:1;color:var(--accent-texte);margin-top:10px}.qz-res__unite{font-family:var(--font-display);font-weight:900;font-size:clamp(26px,5.4vw,40px);line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-texte);margin:4px 0 18px}.qz-res__bonnes{color:var(--gris-clair);margin-top:-8px}.qz-res__profil{margin:26px auto 8px;max-width:560px}.qz-res__chanson{display:block;font-family:var(--font-condense);font-weight:800;font-size:clamp(34px,6.4vw,52px);line-height:1.05;text-transform:uppercase;letter-spacing:.02em;background:var(--chrome);background-size:100% 1.05em;-webkit-background-clip:text;background-clip:text;color:transparent}.qz-res__titre{display:block;font-family:var(--font-label);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-texte);margin:8px 0 12px}.qz-res__texte{color:var(--gris-clair);font-size:16.5px}.qz-partage{margin:30px 0 0;padding-top:26px;border-top:1px solid var(--bordure)}.qz-partage__titre{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:14px}.qz-partage__btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.qz-partage__btns .btn-red,.qz-partage__btns .btn-ghost{padding:13px 20px;font-size:13.5px}.qz-partage__ok{color:#3fb37f;margin-top:10px;font-size:14px}.qz-diplome{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:26px;align-items:center;text-align:left;margin-top:30px;padding-top:26px;border-top:1px solid var(--bordure)}.qz-diplome__txt p{color:var(--gris-clair);margin-bottom:14px}.qz-diplome__txt .qz-partage__titre{color:#fff;margin-bottom:6px}.qz-champ{display:grid;gap:6px;margin-bottom:16px;font-size:14px;color:var(--gris-clair);max-width:320px}.qz-diplome__apercu{width:200px;height:auto;aspect-ratio:9 / 16;border:1px solid var(--bordure);box-shadow:0 18px 50px #00000080}.qz-rejouer{margin-top:30px}@media(max-width:640px){.qz-options{grid-template-columns:1fr}.qz-diplome{grid-template-columns:1fr;text-align:center}.qz-diplome__apercu{margin:0 auto;width:180px}.qz-champ{margin-left:auto;margin-right:auto}.qz-meter span{width:10px}.qz-q__haut{font-size:11.5px;letter-spacing:.08em}}