:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--e1:4px;--e2:8px;--e4:16px;--e6:24px;--e8:32px;--e12:48px;--e16:64px;--t-xs:12px;--t-sm:14px;--t-base:16px;--t-lg:18px;--t-xl:20px;--t-2xl:24px;--t-3xl:30px;--t-4xl:36px;--r-s:8px;--r-m:12px;--r-l:16px;--r-pill:999px;--fond:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--ligne:#e2e8f0;--ligne-forte:#cbd5e1;--piste:#e2e8f0;--texte:#0f172a;--texte-2:#475569;--texte-3:#64748b;--accent:#4f46e5;--accent-survol:#4338ca;--accent-encre:#fff;--accent-doux:#eef2ff;--accent-texte:#4338ca;--juste:#15803d;--juste-doux:#f0fdf4;--juste-ligne:#86efac;--faux:#b91c1c;--faux-doux:#fef2f2;--faux-ligne:#fca5a5;--revoir:#b45309;--revoir-doux:#fffbeb;--ombre-s:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--ombre-m:0 4px 6px #0f172a0f, 0 10px 15px #0f172a14;--focus:0 0 0 3px #4f46e559}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fond:#0f172a;--surface:#1e293b;--surface-2:#273449;--ligne:#334155;--ligne-forte:#475569;--piste:#334155;--texte:#f1f5f9;--texte-2:#cbd5e1;--texte-3:#94a3b8;--accent:#818cf8;--accent-survol:#a5b4fc;--accent-encre:#1e1b4b;--accent-doux:#818cf824;--accent-texte:#a5b4fc;--juste:#86efac;--juste-doux:#22c55e1f;--juste-ligne:#86efac73;--faux:#fca5a5;--faux-doux:#ef44441f;--faux-ligne:#fca5a573;--revoir:#fcd34d;--revoir-doux:#f59e0b24;--ombre-s:0 1px 2px #0000004d;--ombre-m:0 4px 6px #00000040, 0 10px 15px #0000004d;--focus:0 0 0 3px #818cf873}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fond);color:var(--texte);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--t-base);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.5}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{box-shadow:var(--focus);outline:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.page{max-width:560px;padding:calc(var(--e6) + env(safe-area-inset-top)) var(--e4) calc(var(--e12) + env(safe-area-inset-bottom));margin:0 auto}.page--quiz{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.surtitre{font-size:var(--t-sm);color:var(--texte-3);margin:0}.titre{font-size:var(--t-3xl);margin:var(--e1) 0 0;letter-spacing:-.01em;font-weight:700;line-height:1.2}.titre--m{font-size:var(--t-2xl)}.section{font-size:var(--t-sm);color:var(--texte-2);margin:var(--e8) 0 var(--e2);font-weight:600}.aide{font-size:var(--t-sm);color:var(--texte-3);margin:var(--e1) 0 0}.prose-courte{color:var(--texte-2);margin:var(--e2) 0 0;max-width:65ch}.bouton{justify-content:center;align-items:center;gap:var(--e2);min-height:48px;padding:0 var(--e6);border-radius:var(--r-m);font-size:var(--t-base);border:1px solid #0000;font-weight:600;transition:background-color .15s,transform .1s,border-color .15s;display:inline-flex}.bouton:active{transform:scale(.98)}.bouton--plein{width:100%}.bouton--principal{background:var(--accent);color:var(--accent-encre);box-shadow:var(--ombre-s)}@media (hover:hover){.bouton--principal:hover{background:var(--accent-survol)}}.bouton--secondaire{background:var(--surface);color:var(--texte);border-color:var(--ligne-forte)}@media (hover:hover){.bouton--secondaire:hover{border-color:var(--texte-3)}}.bouton--texte{color:var(--accent-texte);min-height:44px;padding:0 var(--e2);background:0 0;font-weight:500;text-decoration:none}@media (hover:hover){.bouton--texte:hover{text-decoration:underline}}.retour{align-items:center;gap:var(--e1);padding:var(--e2) 0;min-height:44px;color:var(--texte-2);font-size:var(--t-sm);background:0 0;border:0;font-weight:500;display:inline-flex}.carte{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--ombre-s);padding:var(--e6)}.carte--hero{margin-top:var(--e6)}.chiffre{font-size:var(--t-4xl);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.chiffre-label{font-size:var(--t-sm);color:var(--texte-3);margin:0}.detail{font-size:var(--t-sm);color:var(--texte-2);margin:var(--e2) 0 var(--e6)}.tuiles{gap:var(--e2);margin-top:var(--e4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tuile{background:var(--surface);border-radius:var(--r-m);padding:var(--e4);box-shadow:var(--ombre-s)}.tuile p{margin:0}.tuile__label{font-size:var(--t-xs);color:var(--texte-3)}.tuile__valeur{font-size:var(--t-xl);font-weight:700;margin-top:var(--e1)!important}.liste{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--ombre-s);overflow:hidden}.ligne{align-items:center;gap:var(--e4);width:100%;padding:var(--e4);text-align:left;border:0;border-top:1px solid var(--ligne);background:0 0;min-height:56px;display:flex}.ligne:first-child{border-top:0}@media (hover:hover){button.ligne:hover{background:var(--surface-2)}}.ligne__corps{flex:1;min-width:0}.ligne__titre{margin:0;font-weight:600}.ligne__meta{margin:var(--e1) 0 0;font-size:var(--t-sm);color:var(--texte-3)}.chevron{color:var(--texte-3);flex:none}.barre{background:var(--piste);border-radius:var(--r-pill);height:4px;margin-top:var(--e2);overflow:hidden}.barre>span{background:var(--accent);border-radius:var(--r-pill);height:100%;transition:width .3s;display:block}.pastille{align-items:center;gap:var(--e1);font-size:var(--t-xs);padding:var(--e1) var(--e2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--texte-2);white-space:nowrap;font-weight:600;display:inline-flex}.pastille--revoir{background:var(--revoir-doux);color:var(--revoir)}.pastille--accent{background:var(--accent-doux);color:var(--accent-texte)}.pastille--juste{background:var(--juste-doux);color:var(--juste)}.fait{align-items:center;gap:var(--e2);color:var(--juste);margin:0;font-weight:600;display:flex}.module{border-top:1px solid var(--ligne)}.module:first-child{border-top:0}.etape{gap:var(--e4);width:100%;padding:var(--e4);text-align:left;background:0 0;border:0;align-items:flex-start;display:flex}.etape:disabled{cursor:default;color:inherit}@media (hover:hover){button.etape:hover:not(:disabled){background:var(--surface-2)}}.etape .ligne__titre,.etape .ligne__meta{display:block}.chevron--ouvert{transform:rotate(180deg)}.chevron{transition:transform .2s}.module__ressources{padding:0 var(--e4) var(--e4) 56px;gap:var(--e2);display:grid}.ressource{gap:var(--e2);padding:var(--e2) var(--e4);border-radius:var(--r-m);background:var(--surface-2);color:var(--texte);align-items:flex-start;text-decoration:none;display:flex}@media (hover:hover){a.ressource:hover{background:var(--accent-doux)}}.ressource__icone{color:var(--accent-texte);flex:none;margin-top:2px}.ressource__titre{font-size:var(--t-sm);font-weight:500;display:block}.ressource .ligne__meta{font-size:var(--t-xs);display:block}.ressource--texte{font-size:var(--t-sm);color:var(--texte-3);padding:0 var(--e4);background:0 0;margin:0}a.ligne{color:inherit;text-decoration:none}@media (hover:hover){a.ligne:hover{background:var(--surface-2)}}.plus-loin{margin-top:var(--e4);padding-top:var(--e4);border-top:1px solid var(--ligne);gap:var(--e2);display:grid}.plus-loin__label{font-size:var(--t-xs);color:var(--texte-3);margin:0;font-weight:600}.etape__marque{border-radius:var(--r-pill);border:2px solid var(--ligne-forte);width:24px;height:24px;color:var(--accent-encre);flex:none;place-items:center;margin-top:2px;display:grid}.etape__marque--fait{background:var(--accent);border-color:var(--accent)}.etape__marque--entame{border-color:var(--accent)}.etape__marque--entame:after{content:"";border-radius:var(--r-pill);background:var(--accent);width:8px;height:8px}.quiz-tete{align-items:center;gap:var(--e4);display:flex}.quiz-tete .barre{flex:1;height:8px;margin:0}.compteur{font-size:var(--t-sm);color:var(--texte-3);font-variant-numeric:tabular-nums;white-space:nowrap}.quiz-etiquettes{gap:var(--e2);margin-top:var(--e8);flex-wrap:wrap;display:flex}.format{font-size:var(--t-sm);color:var(--texte-3);margin:var(--e4) 0 0}.enonce{font-size:var(--t-xl);margin:var(--e2) 0 var(--e6);font-weight:600;line-height:1.4}.options{gap:var(--e2);display:grid}.option{align-items:center;gap:var(--e4);width:100%;min-height:56px;padding:var(--e4);text-align:left;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--ligne-forte);box-shadow:var(--ombre-s);transition:border-color .15s,background-color .15s;display:flex}@media (hover:hover){.option:hover:not(:disabled){border-color:var(--accent)}}.option:disabled{cursor:default;box-shadow:none}.option__lettre{border-radius:var(--r-s);width:28px;height:28px;font-size:var(--t-sm);background:var(--surface-2);color:var(--texte-2);flex:none;place-items:center;font-weight:600;display:grid}.option__texte{flex:1}.option--juste{background:var(--juste-doux);border-color:var(--juste-ligne);color:var(--texte)}.option--juste .option__lettre{background:var(--juste);color:var(--surface)}.option--faux{background:var(--faux-doux);border-color:var(--faux-ligne)}.option--faux .option__lettre{background:var(--faux);color:var(--surface)}.option--eteinte{opacity:.55}.option__etat{font-size:var(--t-xs);margin-top:var(--e1);font-weight:600;display:block}.option--juste .option__etat{color:var(--juste)}.option--faux .option__etat{color:var(--faux)}.champ{width:100%;min-height:128px;padding:var(--e4);border-radius:var(--r-m);background:var(--surface);border:1px solid var(--ligne-forte);resize:vertical;line-height:1.5;display:block}.champ:focus{border-color:var(--accent)}.champ-label{font-size:var(--t-sm);color:var(--texte-2);margin-bottom:var(--e2);font-weight:600;display:block}.erreur{color:var(--faux);font-size:var(--t-sm);margin:var(--e2) 0 0}.comparaison{gap:var(--e2);display:grid}.bloc{border-radius:var(--r-m);padding:var(--e4);background:var(--surface);box-shadow:var(--ombre-s)}.bloc--modele{background:var(--accent-doux);box-shadow:none}.bloc__label{font-size:var(--t-xs);color:var(--texte-3);margin:0 0 var(--e1);font-weight:600}.bloc--modele .bloc__label{color:var(--accent-texte)}.bloc p:last-child{margin-bottom:0}.auto{gap:var(--e2);margin-top:var(--e2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.auto .bouton{padding:0 var(--e2)}.retour-reponse{margin-top:var(--e6);border-radius:var(--r-l);padding:var(--e6);background:var(--surface);box-shadow:var(--ombre-m)}.retour-reponse__titre{align-items:center;gap:var(--e2);font-size:var(--t-lg);margin:0;font-weight:700;display:flex}.retour-reponse--juste .retour-reponse__titre{color:var(--juste)}.retour-reponse--faux .retour-reponse__titre{color:var(--faux)}.retour-reponse--partiel .retour-reponse__titre{color:var(--revoir)}.retour-reponse__texte{margin:var(--e2) 0 0;color:var(--texte);max-width:65ch}.retour-reponse__source{margin:var(--e4) 0 0;font-size:var(--t-xs);color:var(--texte-3)}.revient{align-items:center;gap:var(--e2);margin:var(--e4) 0 0;font-size:var(--t-sm);color:var(--texte-2);display:flex}.barre-action{padding:var(--e4) var(--e4) calc(var(--e4) + env(safe-area-inset-bottom));background:var(--fond);border-top:1px solid var(--ligne);position:fixed;bottom:0;left:0;right:0}.barre-action>div{max-width:560px;margin:0 auto}.score{text-align:center;padding:var(--e8) 0 var(--e4)}.score .chiffre{font-size:64px}.prose{max-width:65ch;color:var(--texte);line-height:1.75}.prose h1{display:none}.prose h2{font-size:var(--t-xl);margin:var(--e8) 0 var(--e2);line-height:1.3}.prose h3{font-size:var(--t-lg);margin:var(--e6) 0 var(--e2);line-height:1.3}.prose p,.prose ul,.prose ol{margin:0 0 var(--e4)}.prose li{margin-bottom:var(--e1)}.prose a{color:var(--accent-texte);word-break:break-word}.prose strong{font-weight:600}.prose code{background:var(--surface-2);padding:0 var(--e1);border-radius:4px;font-size:.9em}.tableau{margin:0 0 var(--e4);overflow-x:auto}.prose table{border-collapse:collapse;font-size:var(--t-sm);min-width:100%;line-height:1.5}.prose th{text-align:left;font-size:var(--t-xs);color:var(--texte-3);font-weight:600}.prose th,.prose td{padding:var(--e2);border-bottom:1px solid var(--ligne);vertical-align:top}.connexion{flex-direction:column;justify-content:center;min-height:80vh;display:flex}.connexion form{margin-top:var(--e8);gap:var(--e4);display:grid}.saisie{width:100%;min-height:48px;padding:0 var(--e4);border-radius:var(--r-m);background:var(--surface);border:1px solid var(--ligne-forte)}.saisie:focus{border-color:var(--accent)}.vide{text-align:center;padding:var(--e8) var(--e4)}.charge{color:var(--texte-3);padding:var(--e12) 0;text-align:center}.pied{margin-top:var(--e12);text-align:center}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}