.screen{padding-block:6px 12px}.screen>.panel+.panel{margin-top:18px}.noscript{color:#fff;text-align:center}.progress{grid-template-columns:repeat(10,1fr);gap:3px;margin:0 0 18px;padding:0;list-style:none;display:grid}.progress li{height:5px;transition:background-color .3s var(--ease-out);background:#1f2a331f;border-radius:99px}.progress li[data-done]{background:var(--accent)}.progress li[data-current]:not([data-done]){background:#2f4f7f73}.question fieldset{border:0;min-width:0;margin:0;padding:0}.question legend{margin-bottom:16px;padding:0}.q-text{text-wrap:pretty;outline:none;font-size:clamp(1.25rem,4.5vw,1.5rem);font-weight:700;line-height:1.3;display:block}.choices{gap:9px;display:grid}.choice{border:1.5px solid var(--line);border-radius:var(--radius-ctl);cursor:pointer;min-height:54px;transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out);background:#ffffff8c;align-items:center;gap:14px;padding:10px 16px;line-height:1.35;display:flex}.choice input{appearance:none;border:1.5px solid #1f2a3373;border-radius:50%;flex:none;place-content:center;width:20px;height:20px;margin:0;display:grid}.choice input:before{content:"";width:10px;height:10px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;transform:scale(0)}.choice:hover{border-color:var(--accent)}.choice:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.choice:has(input:checked){border-color:var(--accent);background:var(--accent);color:#fff}.choice:has(input:checked) input{border-color:#fff}.choice:has(input:checked) input:before{transform:scale(1)}.choices[data-answered] .choice{cursor:default}.choices[data-answered] .choice:not(:has(input:checked)){border-color:var(--line);color:var(--ink-2)}.tip{border-top:1px solid var(--line);color:var(--ink-2);animation:rise .45s var(--ease-out);margin-top:14px;padding-top:12px}.tip-text{max-width:62ch;margin:0;line-height:1.5}.q-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.q-next{width:auto;min-height:54px}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}}.crunch{max-width:400px;padding-block:26px}.crunch-steps{flex-direction:column;gap:10px;min-height:8.5rem;margin:0;padding:0;list-style:none;display:flex}.crunch-steps li{color:var(--ink);animation:rise .35s var(--ease-out) both;align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.35;display:flex}.crunch-steps svg{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px}.crunch-steps circle{stroke:var(--accent);stroke-dasharray:14 43;transform-origin:50%;animation:.9s linear infinite spin}.crunch-steps path{stroke:#fff;stroke-dasharray:16;stroke-dashoffset:16px}.crunch-steps li[data-done] circle{fill:var(--accent);stroke-dasharray:none;animation:none}.crunch-steps li[data-done] path{animation:tick-step .3s var(--ease-out) 50ms forwards}.crunch-steps li:not([data-done]) span{color:var(--ink-2)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tick-step{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.crunch-steps li,.crunch-steps circle{animation:none}.crunch-steps li[data-done] path{stroke-dashoffset:0;animation:none}}@media (width>=1000px){#s-resultat:not([hidden]){grid-template:"bilan reglages""conseiller reglages"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}#s-resultat>.panel{max-width:none;margin:0}#s-resultat>.result{grid-area:bilan}#s-resultat>.notice{grid-area:reglages;align-self:stretch}#s-resultat>.specialist{grid-area:conseiller}#s-resultat .specialist .title{font-size:1.4rem}#s-resultat .specialist p{text-wrap:balance;max-width:none;margin-bottom:4px}#s-resultat{--panel-pad:28px}#s-resultat .level-meta{margin-bottom:8px}#s-resultat .cats{gap:6px}#s-resultat .person{margin-bottom:10px}#s-resultat .specialist .title{margin-bottom:8px}#s-resultat .specialist .after{gap:0;margin-top:12px}#s-resultat .specialist .btn-ghost{min-height:34px}#s-resultat:not([hidden]){padding-block:0 8px}#s-resultat .result .title{margin-bottom:4px}#s-resultat .score-value{font-size:4rem}#s-resultat .portrait{width:48px;height:48px}.notice .step{padding:10px 0}}@media (width>=900px){.panel.form{max-width:680px}.panel.form>.title{white-space:nowrap;font-size:1.85rem}#s-calcul{padding-top:12vh}.crunch{max-width:580px;padding:34px 40px}.crunch-steps li{white-space:nowrap}.crunch-steps{gap:14px}.crunch-steps li{gap:12px;font-size:1.15rem}.crunch-steps svg{width:23px;height:23px}}.result .title{margin-bottom:8px}.score-line{font-family:var(--font-display);align-items:baseline;gap:8px;margin:0;font-weight:800;line-height:.9;display:flex}.score-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(3.6rem,16vw,4.75rem)}.score-unit{font-size:1.3rem}[data-status=ok]{--status:var(--ok);--status-ink:var(--ok-ink)}[data-status=moyen]{--status:var(--moyen);--status-ink:var(--moyen-ink)}[data-status=faible]{--status:var(--faible);--status-ink:var(--faible-ink)}.level{font-family:var(--font-display);color:var(--status-ink);align-items:center;gap:10px;margin:12px 0 4px;font-size:1.35rem;font-weight:700;line-height:1.15;display:flex}.level:before{content:"";background:var(--status);border-radius:50%;flex:none;width:14px;height:14px}.level-meta{max-width:52ch;margin:0 0 18px}.cats{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cat{grid-template-columns:minmax(6.5em,auto) 1fr 3.2em;align-items:center;gap:12px;display:grid}.cat-dot{display:none}.cat-name{font-weight:700}.cat-bar{background:#1f2a331a;border-radius:99px;height:10px;overflow:hidden}.cat-bar i{height:100%;width:var(--w,0%);background:var(--status);border-radius:99px;display:block}.cat-pct{text-align:right;font-variant-numeric:tabular-nums;color:var(--status-ink);font-weight:700}#s-resultat .score-value{transform-origin:0 100%;animation:pop .45s var(--ease-out) 1.65s both;display:inline-block}#s-resultat :is(.level,.level-meta){animation:rise .45s var(--ease-out) 1.8s both}#s-resultat .cat{animation:rise .4s var(--ease-out) var(--cat-delay) both}#s-resultat .cat-bar i{animation:grow .9s var(--ease-out) var(--cat-delay) both}#s-resultat .cat:first-child{--cat-delay:2.1s}#s-resultat .cat:nth-child(2){--cat-delay:2.25s}#s-resultat .cat:nth-child(3){--cat-delay:2.4s}#s-resultat .cat:nth-child(n+4){--cat-delay:2.55s}#s-resultat>.panel:not(:first-child){animation:rise-panel .6s var(--ease-out) 2.9s both}#s-resultat>.panel:nth-child(n+3){animation-delay:3.1s}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes grow{0%{width:0}}@keyframes rise-panel{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){#s-resultat :is(.score-value,.level,.level-meta,.cat,.cat-bar i),#s-resultat>.panel{animation:none}}.steps{counter-reset:step;margin:12px 0 0;padding:0;list-style:none}.step{counter-increment:step;border-top:1px solid var(--line);grid-template-columns:2.2em 1fr;gap:2px 12px;padding:14px 0;display:grid}.step:before{content:counter(step);background:var(--accent-soft);width:1.9em;height:1.9em;color:var(--accent);font-family:var(--font-display);border-radius:50%;grid-row:span 2;place-content:center;font-weight:800;display:grid}.step-field{align-items:center;gap:8px;font-weight:700;display:flex}.step-field:after{content:"";background:var(--status);border-radius:50%;width:9px;height:9px}.step details{min-width:0}.step summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:1.9em;list-style:none;display:flex}.step summary::-webkit-details-marker{display:none}.step summary:after{content:"";border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);width:8px;height:8px;transition:transform .2s var(--ease-out);flex:none;margin-right:4px;transform:translateY(-2px)rotate(45deg)}.step details[open] summary:after{transform:translateY(2px)rotate(-135deg)}.step summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.step-text{text-wrap:pretty;max-width:62ch;margin:6px 0 0}.after-links{flex-wrap:wrap;justify-content:center;gap:0 28px;display:flex}.about-link{color:var(--accent);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-left:8px;padding:0;font-size:.9rem;font-weight:700;text-decoration:underline}.share.about{width:min(560px, calc(100% - 2 * var(--gutter)))}.person p,.about-id p{font-size:1rem}.about-id{align-items:center;gap:16px;margin-bottom:16px;display:flex}.about-id p{color:var(--ink-2);margin:0;line-height:1.4}.about-id strong{color:var(--ink)}.about-photo{object-fit:cover;border-radius:50%;flex:none;width:88px;height:88px;box-shadow:0 0 0 3px #ffffffd9}.about>p{text-wrap:pretty;margin:0 0 10px}.keep .step-field:after{display:none}.specialist p{max-width:56ch;margin:0 0 12px}.specialist .title{margin-bottom:12px}.person{align-items:center;gap:12px;margin-bottom:16px;display:flex}.person p{color:var(--ink-2);margin:0;line-height:1.3}.person strong{color:var(--ink)}.portrait{object-fit:cover;border-radius:50%;flex:none;width:56px;height:56px;box-shadow:0 0 0 2px #fffc}.form .title{margin-bottom:20px}.group{border:0;min-width:0;margin:0 0 20px;padding:0}.group legend{margin-bottom:10px;padding:0;font-weight:700;line-height:1.35}.options{gap:8px;display:grid}.options.row{grid-template-columns:repeat(auto-fit,minmax(7.5em,1fr))}.options.pairs{grid-template-columns:repeat(2,1fr)}@media (width<=480px){.options.pairs{grid-template-columns:1fr}}.option{border:1.5px solid var(--line);border-radius:var(--radius-ctl);cursor:pointer;background:#ffffff8c;align-items:center;gap:12px;min-height:50px;padding:10px 14px;line-height:1.3;display:flex}.option input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.option:hover{border-color:var(--accent)}.option:has(input:checked){border-color:var(--accent);background:#ffffffd9;font-weight:700}.option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.input{gap:6px;margin-bottom:18px;display:grid}.input label{font-weight:700}.opt{color:var(--ink-2);font-weight:400}#survey-form{counter-reset:question}#survey-form legend,#survey-form .input>label{counter-increment:question;align-items:baseline;gap:10px;display:flex}#survey-form legend:before,#survey-form .input>label:before{content:counter(question);background:var(--accent-soft);width:1.7em;height:1.7em;color:var(--accent);font-family:var(--font-display);border-radius:50%;flex:none;place-content:center;font-size:.9em;font-weight:800;display:grid;transform:translateY(-.05em)}#survey-form .input>label .opt{margin-left:-4px}.input input{border-radius:var(--radius-ctl);min-height:52px;caret-color:var(--accent);background:#ffffffe6;border:1.5px solid #1f2a334d;padding:10px 14px;font-size:1rem}.input input:focus-visible{outline-offset:1px;border-color:var(--accent)}.input input[aria-invalid=true]{border-color:var(--faible-ink);box-shadow:0 0 0 1px var(--faible-ink)}.err{color:var(--faible-ink);margin:0;font-size:.95rem;font-weight:700}.form-err{margin-bottom:14px}.check{cursor:pointer;align-items:flex-start;gap:12px;padding:10px 0;line-height:1.4;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:1px 0 0}.callback{border-top:1px solid var(--line);animation:rise .4s var(--ease-out);margin:8px 0 18px;padding:16px 0 0}.form .btn{margin-top:8px}.skip{width:100%;margin-top:8px;font-size:.95rem}.legal{color:var(--ink-2);margin:14px 0 0;font-size:.85rem;line-height:1.5}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.done{width:56px;height:56px;fill:var(--accent-soft);stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}.done path{fill:none;stroke-dasharray:40;animation:tick .6s var(--ease-out) .2s both}@keyframes tick{0%{stroke-dashoffset:40px}to{stroke-dashoffset:0}}.thanks .title{margin-bottom:12px}.thanks p{max-width:50ch}.share{width:min(440px, calc(100% - 2 * var(--gutter)));background:var(--glass-strong);margin:auto}.share::backdrop{backdrop-filter:blur(4px);background:#141e2859}.share-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.share svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.share-close{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-8px;display:grid}.share-close:hover{background:var(--accent-soft);color:var(--ink)}.share-nets{flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:0;list-style:none;display:flex}.share-nets a,.share-nets button{border:1.5px solid var(--line);width:52px;height:52px;color:var(--ink);cursor:pointer;transition:border-color .2s var(--ease-out);background:#fff9;border-radius:50%;place-items:center;display:grid}.share-row{border:1.5px solid var(--line);width:100%;min-height:52px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s var(--ease-out);background:#fff9;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-weight:700;display:flex}.share-nets a:hover,.share-nets button:hover,.share-row:hover{border-color:var(--accent)}.share-nets a:focus-visible,.share-nets button:focus-visible,.share-row:focus-visible,.share-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.share-qr{border-radius:var(--radius-ctl);background:#fff;margin-top:14px;padding:12px}.share-qr svg{width:min(220px,100%);height:auto;fill:var(--ink);stroke:none;margin-inline:auto;display:block}@media (width<=600px),(height<=820px){.quiz{padding:18px 18px 14px}.quiz .panel-head{margin-bottom:8px}.progress{margin-bottom:14px}.question legend{margin-bottom:12px}.q-text{font-size:1.15rem}.choices{gap:7px}.choice{min-height:48px;padding:8px 14px;font-size:1rem;line-height:1.3}.tip{margin-top:10px;padding-top:10px}.tip-text{font-size:.95rem;line-height:1.45}.q-nav{margin-top:12px}.q-next{min-height:50px}}.home{text-align:center;width:100%;padding-block:clamp(30px,6vw,48px);container-type:inline-size}.home .title-xl{white-space:nowrap;font-size:min(2.5rem,5.7cqi);line-height:1.08}.title-lead{white-space:normal;letter-spacing:0;color:var(--ink-2);margin-bottom:14px;font-size:1.2rem;font-weight:700;line-height:1.3;display:block}.home .lede{margin:18px auto 26px}.home .facts{justify-content:center}@media (width<=420px){.home{padding-inline:14px}.home .title-xl{white-space:normal;text-wrap:balance;font-size:1.75rem}.title-lead,.home .lede{font-size:1rem}}@media (width<=600px) and (orientation:portrait){#s-accueil:not([hidden]){flex-direction:column;min-height:72svh;padding-top:5svh;display:flex}#s-accueil .after{width:100%;margin-top:auto}}@media (width<=420px){.facts{gap:5px}.facts li{gap:4px;padding:4px 8px 4px 5px;font-size:.76rem}.facts svg{width:15px;height:15px}}@media (width>=640px){.specialist .title{white-space:nowrap;font-size:1.6rem}}@media (width>=900px){#s-accueil{padding-top:12vh}#s-accueil .after{margin-top:28px}#s-accueil .home,#s-accueil .after{max-width:620px}}@media (height<=700px){body:has(#s-quiz:not([hidden])) .site-foot{display:none}.quiz{padding:14px 16px 12px}.progress{margin-bottom:10px}.q-text{font-size:1.05rem}.choices{gap:6px}.choice{min-height:44px;padding:6px 12px;font-size:.95rem}.tip{margin-top:8px;padding-top:8px}.tip-text{font-size:.88rem;line-height:1.4}.q-nav{margin-top:8px}.q-next{min-height:46px}}