:root{--fond:#f2f7f3;--fond-haut:#e6f3ec;--carte:#fff;--doux:#f4f8f5;--texte:#1f3d34;--discret:#5f7a70;--trait:#dbe8e0;--accent:#1f9d6a;--accent-fonce:#157a52;--accent-doux:#e2f5ec;--ciel:#3ba7d9;--sur-accent:#fff;--vert:#3cc47c;--jaune:#ffcb3d;--orange:#ff9f43;--rouge:#ff6b6b;--hausse:#e0524d;--baisse:#1f9d6a;--verre:#f2f7f3d9;--ombre:0 2px 4px #1f3d340a, 0 12px 32px #1f3d3414;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fond:#0f1f1a;--fond-haut:#14302a;--carte:#172d26;--doux:#1e3a31;--texte:#e8f3ee;--discret:#9db8ad;--trait:#2a4a3f;--accent:#3fcf8e;--accent-fonce:#6fe0ab;--accent-doux:#1d4537;--ciel:#6cc4ee;--sur-accent:#0b2a1e;--hausse:#ff8a80;--baisse:#5ee0a0;--verre:#0f1f1ad9;--ombre:0 12px 32px #00000040}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, var(--fond-haut) 0, var(--fond) 420px);background-color:var(--fond);color:var(--texte);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}a{color:var(--accent-fonce)}.hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titre dessin""slogan dessin""accroche dessin";align-items:center;column-gap:32px;max-width:1160px;margin:0 auto;padding:32px 16px 28px;display:grid}.hero h1{grid-area:titre;align-self:end}.hero .slogan{grid-area:slogan}.hero .accroche{grid-area:accroche;align-self:start}.illustration{grid-area:dessin;width:340px;height:auto;display:block;overflow:visible}.soleil circle{fill:var(--jaune)}.rayons path{stroke:var(--jaune);stroke-width:4px;stroke-linecap:round;fill:none}.rayons{transform-origin:38px 38px;animation:30s linear infinite tourner}@keyframes tourner{to{transform:rotate(360deg)}}.atmosphere{fill:color-mix(in srgb, var(--ciel) 10%, transparent);stroke:color-mix(in srgb, var(--ciel) 55%, transparent);stroke-width:3px;stroke-dasharray:6 7;transition:stroke .8s,fill .8s}body[data-niveau=orange] .atmosphere{stroke:color-mix(in srgb, var(--orange) 65%, transparent);fill:color-mix(in srgb, var(--orange) 10%, transparent)}body[data-niveau=rouge] .atmosphere{stroke:color-mix(in srgb, var(--rouge) 65%, transparent);fill:color-mix(in srgb, var(--rouge) 12%, transparent)}.ocean{fill:var(--ciel)}.terre{fill:var(--vert)}.lumiere,.chaleur{fill:none;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:5 6;animation:1.6s linear infinite couler}.lumiere{stroke:var(--jaune)}.chaleur{stroke:var(--rouge)}.pointe-lumiere,.pointe-chaleur{fill:none;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.pointe-lumiere{stroke:var(--jaune)}.pointe-chaleur{stroke:var(--rouge)}@keyframes couler{to{stroke-dashoffset:-22px}}.tronc{fill:#a0714f}.feuillage{fill:var(--accent)}.feuillage.clair{fill:color-mix(in srgb, var(--vert) 70%, white);opacity:.6}.oeil{fill:#1f3d34}.joue{fill:#ff9a9a;opacity:.55}.bouche{fill:none;stroke:#1f3d34;stroke-width:3px;stroke-linecap:round;display:none}body:not([data-niveau]) .bouche.grand,body[data-niveau=vert] .bouche.grand,body[data-niveau=jaune] .bouche.moyen,body[data-niveau=orange] .bouche.bof,body[data-niveau=rouge] .bouche.bof{display:inline}.arbre{transform-origin:288px 166px;animation:5s ease-in-out infinite balancer}@keyframes balancer{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.sol{fill:none;stroke:color-mix(in srgb, var(--accent) 45%, transparent);stroke-width:3px;stroke-linecap:round}.hero h1{letter-spacing:-.035em;background:linear-gradient(90deg, var(--accent-fonce), var(--accent) 45%, var(--ciel));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,7vw,3.8rem);font-weight:800;line-height:1.05}.slogan{letter-spacing:-.01em;max-width:34ch;margin:10px 0 0;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:600}.accroche{color:var(--discret);margin:8px 0 0}@media (width<=700px){.hero{grid-template-areas:"titre dessin""slogan slogan""accroche accroche";column-gap:12px;padding-top:16px}.hero .illustration{width:38vw}.hero h1{align-self:center;font-size:clamp(1.6rem,7.4vw,2.6rem)}}.barre-jauge{z-index:10;background:var(--verre);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);box-shadow:0 1px 0 var(--trait);position:sticky;top:0}.barre-jauge:empty{display:none}.jauge{max-width:1160px;margin:0 auto;padding:12px 16px 8px}.jauge-tete{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.total{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:1.9rem;font-weight:800;line-height:1.1}.total small{color:var(--discret);letter-spacing:0;font-size:.85rem;font-weight:500}.verdict{color:var(--discret);margin:0 0 0 auto;font-size:.9rem}.impact{font-variant-numeric:tabular-nums;border-radius:999px;margin:0;padding:3px 12px;font-size:1rem;font-weight:800}.impact.hausse{color:var(--hausse);background:color-mix(in srgb, var(--hausse) 14%, transparent)}.impact.baisse{color:var(--baisse);background:color-mix(in srgb, var(--baisse) 16%, transparent)}.impact.neutre{color:var(--discret);background:var(--doux)}.impact.anime{animation:.6s cubic-bezier(.2,.9,.3,1.4) bulle}@keyframes bulle{0%{opacity:0;transform:translateY(10px)scale(.5)}to{opacity:1;transform:none}}.piste{background:linear-gradient(90deg, color-mix(in srgb, var(--vert) 22%, var(--doux)) 0 25%, color-mix(in srgb, var(--jaune) 22%, var(--doux)) 25% 45%, color-mix(in srgb, var(--orange) 22%, var(--doux)) 45% 60%, color-mix(in srgb, var(--rouge) 22%, var(--doux)) 60% 100%);border-radius:999px;height:14px;margin:10px 0 22px;position:relative}.piste>div{border-radius:999px;width:0;position:absolute;top:0;bottom:0;left:0}.fantome{background:color-mix(in srgb, var(--rouge) 55%, transparent);transition:width .9s ease-in .35s}.rempli{transition:width .9s cubic-bezier(.25,.8,.25,1),background-color .4s;box-shadow:inset 0 -3px #00000014}.rempli.vert{background:var(--vert)}.rempli.jaune{background:var(--jaune)}.rempli.orange{background:var(--orange)}.rempli.rouge{background:var(--rouge)}.repere{background:var(--carte);width:3px;box-shadow:0 0 0 1px var(--trait);border-radius:2px;margin-left:-1.5px;position:absolute;top:-3px;bottom:-3px}.repere span{color:var(--discret);white-space:nowrap;font-size:.72rem;font-style:normal;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}.detail{color:var(--discret);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.avancement{margin:-6px 0 18px}.avancement-texte{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;font-size:.85rem;display:flex}.avancement-texte strong{color:var(--accent-fonce);font-weight:700}.avancement-texte span{color:var(--discret);font-variant-numeric:tabular-nums}.avancement-piste{background:var(--doux);border-radius:999px;height:8px;overflow:hidden}.avancement-piste div{background:linear-gradient(90deg, var(--accent), var(--ciel));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.25,.8,.25,1)}.colonnes{grid-template-columns:minmax(0,1fr);gap:0 28px;max-width:1160px;margin:0 auto;padding:0 16px;display:grid}@media (width>=960px){.colonnes{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}.etape{min-width:0;padding-top:32px;scroll-margin-top:120px}.titre-etape{letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 14px;font-size:1.4rem;font-weight:700;display:flex}.titre-etape span{background:linear-gradient(135deg, var(--accent), var(--ciel));color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.95rem;font-weight:800;display:grid}.carte{background:var(--carte);box-shadow:var(--ombre);border-radius:24px;padding:26px 24px;scroll-margin-top:140px}.carte h3{letter-spacing:-.02em;margin:20px 0 8px;font-size:clamp(1.35rem,3.6vw,1.7rem);font-weight:700;line-height:1.22}.chargement,.sous-titre{color:var(--discret)}.haut{flex-wrap:wrap;align-items:center;gap:12px;min-height:34px;display:flex}.retour{background:var(--doux);color:var(--accent-fonce);border-radius:999px;min-height:34px;padding:6px 14px;font-size:.9rem;font-weight:600}.etapes{flex-wrap:wrap;gap:6px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.etapes li{color:var(--discret);background:var(--doux);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.78rem}.etapes li.faite{color:var(--accent-fonce);background:var(--accent-doux)}.etapes li.courante{background:var(--accent);color:var(--sur-accent);font-weight:600}@media (width<=560px){.etapes li:not(.courante) .nom-etape{display:none}}details{color:var(--discret);margin:4px 0 8px;font-size:.95rem}summary{cursor:pointer;color:var(--accent-fonce);font-weight:500}button,.bouton{font:inherit;cursor:pointer;background:var(--accent);min-height:50px;color:var(--sur-accent);border:none;border-radius:16px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;text-decoration:none;transition:transform .12s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}button:hover,.bouton:hover{background:var(--accent-fonce)}button:active,.bouton:active{transform:scale(.97)}button.secondaire{color:var(--discret);background:0 0;font-weight:500}button.secondaire:hover{background:var(--doux)}button.lien{color:var(--discret);background:0 0;min-height:0;margin-top:8px;padding:8px 0;font-size:.9rem;font-weight:400;text-decoration:underline}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:disabled:hover{background:var(--accent)}button:focus-visible,.bouton:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.en-calcul #question .choix,.en-calcul #question form{opacity:.55;pointer-events:none;transition:opacity .2s}.choix{gap:10px;margin:20px 0 4px;display:grid}.choix button{text-align:left;background:var(--doux);color:var(--texte);border:2px solid #0000;justify-content:space-between;font-weight:500}.choix button:after{content:"›";color:var(--discret);opacity:0;font-size:1.4rem;line-height:1;transition:opacity .15s,transform .15s}.choix button:hover{background:var(--accent-doux);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.choix button:hover:after{opacity:1;transform:translate(3px)}.choix button.precedent{border-color:var(--accent);background:var(--accent-doux)}.choix button.precedent:after{content:"✓";opacity:1;color:var(--accent);font-size:1rem}.suggestions{flex-wrap:wrap;gap:8px;margin:20px 0 12px;display:flex}.suggestions button{background:var(--doux);min-height:38px;color:var(--texte);border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:500}.suggestions button:hover{background:var(--accent-doux)}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.saisie{align-items:center;gap:10px;margin-top:12px;display:flex}.saisie input{font:inherit;border:2px solid var(--trait);background:var(--doux);width:7em;color:var(--texte);border-radius:16px;padding:10px 14px;font-size:1.6rem;font-weight:700}.saisie input:focus{border-color:var(--accent)}.saisie span{color:var(--discret);font-size:1.1rem}.mosaique{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:16px 0 4px;display:grid}.case,.compteur{background:var(--doux);cursor:pointer;border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;min-height:50px;padding:10px 14px;transition:border-color .15s,background-color .15s;display:flex}.case:hover{border-color:var(--trait)}.case:has(input:checked){border-color:var(--accent);background:var(--accent-doux)}.case input{width:20px;height:20px;accent-color:var(--accent)}.compteur{justify-content:space-between}.compteur input{font:inherit;text-align:center;border:2px solid var(--trait);background:var(--carte);width:4em;color:var(--texte);border-radius:10px;padding:6px 8px;font-weight:700}.fin-emoji{margin:16px 0 0;font-size:3rem;line-height:1}.avertissement{color:#8a5a00;background:#fff3d1;border-radius:999px;margin:0 0 14px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}@media (prefers-color-scheme:dark){.avertissement{color:#ffd98a;background:#3d3315}}.grand-chiffre{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:2.4rem;font-weight:800;line-height:1.1}.grand-chiffre small{color:var(--discret);letter-spacing:0;margin-top:2px;font-size:.9rem;font-weight:500;display:block}.sous-titre{margin:6px 0 0;font-size:.92rem}.poids{background:var(--doux);border-radius:18px;margin:20px 0 0;padding:16px 18px}.poids h4{text-transform:uppercase;letter-spacing:.07em;color:var(--discret);margin:0 0 8px;font-size:.75rem}.poids h4+ul+h4{margin-top:14px}.poids ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.poids li{justify-content:space-between;gap:14px;font-size:.9rem;display:flex}.poids b{white-space:nowrap;font-variant-numeric:tabular-nums}.poids .note{margin-top:12px}.hausse{color:var(--hausse)}.baisse{color:var(--baisse)}.curseur{gap:8px;margin:24px 0 6px;font-size:.95rem;display:grid}.curseur input{width:100%;accent-color:var(--accent);height:28px}.projets{gap:8px;margin:14px 0;display:grid}.projet{background:var(--doux);cursor:pointer;border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:flex}.projet:hover{border-color:var(--trait)}.projet:has(input:checked){border-color:var(--accent);background:var(--accent-doux)}.projet input{width:20px;height:20px;accent-color:var(--accent);flex:none}.projet-texte{flex:1;font-size:.95rem;display:grid}.projet-texte small{color:var(--discret);font-size:.78rem}.projet-prix{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.projet-prix small{color:var(--discret);font-weight:500}.ligne-montant{border-top:1px solid var(--trait);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:18px;display:flex}.ligne-montant p{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:1.9rem;font-weight:800}.ligne-montant small{color:var(--discret);font-size:.9rem;font-weight:500}.note{color:var(--discret);margin:14px 0 0;font-size:.82rem}.erreur{color:var(--hausse)}.pied{text-align:center;max-width:1160px;color:var(--discret);margin:0 auto;padding:48px 16px 40px;font-size:.8rem}.pied p{margin:4px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}