/* Question courte (phrase à compléter) : l'aimant, puis la loupe. Retours validés par Karima (29/09/2026). Classes préfixées qc-. */
.qc-trou{display:inline-block;min-width:74px;height:1.3em;vertical-align:-4px;margin:0 3px;padding:0 6px;border-bottom:3px solid #7FA7FF;border-radius:6px;animation:qc-neon 1.8s ease-in-out infinite}
.qc-trou.plein{min-width:0;height:auto;vertical-align:baseline;animation:none;border-color:transparent;padding:0 7px;background:#E7ECFA;color:#1E3A8A;font-weight:800}
.qc-trou.pose{animation:qc-atterrit .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes qc-neon{0%,100%{border-color:#7FA7FF;box-shadow:0 6px 14px -8px rgba(127,167,255,.9)}50%{border-color:#B9C8FF;box-shadow:0 8px 20px -6px rgba(127,167,255,1)}}
@keyframes qc-atterrit{0%{transform:scale(1.35)}45%{transform:scale(.92)}100%{transform:scale(1)}}
.qc-cle{border-radius:5px}
.qc-cle.vue{background:#E7ECFA;box-shadow:0 2px 0 #7FA7FF;transition:background .4s}
.qc-volant{position:absolute;z-index:60;left:0;top:0;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#1E3A8A,#2F55D4);color:#fff;font:800 19px/1.2 Figtree,'Segoe UI',system-ui,sans-serif;white-space:nowrap;box-shadow:0 0 0 3px rgba(127,167,255,.35),0 14px 30px rgba(47,85,212,.55);pointer-events:none}
.qc-etincelle{position:absolute;z-index:60;width:7px;height:7px;border-radius:999px;pointer-events:none}
.qc-lentille{position:absolute;z-index:60;width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 10px;text-align:center;background:radial-gradient(circle at 32% 26%,#fff 0%,#F4F6FF 55%,#E3E9FF 100%);box-shadow:0 0 0 3px #fff,0 0 0 6px #2F55D4,0 0 30px 6px rgba(127,167,255,.55),0 20px 36px -12px rgba(11,20,48,.55);color:#1E3A8A;pointer-events:none;font-family:Figtree,'Segoe UI',system-ui,sans-serif}
.qc-lentille b{font-size:26px;font-weight:800;line-height:1.05;letter-spacing:-.01em}
.qc-lentille small{font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#1E3A8A;color:#fff;white-space:nowrap}
.qc-lentille::after{content:"";position:absolute;right:-26px;bottom:-26px;width:40px;height:12px;border-radius:8px;background:linear-gradient(90deg,#1E3A8A,#2F55D4);transform:rotate(45deg);transform-origin:0 50%}
@media (prefers-reduced-motion:reduce){.qc-trou{animation:none}}