:root{--fond:#faf8f5;--surface:#fff;--texte:#1a1a1a;--texte-secondaire:#6b6b6b;--accent:#b22234;--accent-appuye:#8e1b2a;--accent-doux:#f4dde0;--reussite:#2e7d5b;--reussite-fond:#e6f2ec;--presque-texte:#9a5b00;--presque:#d98a1c;--presque-fond:#fbf1e2;--ligne:#e6e2dc;--photo-attente:#ede8e1;--sur-accent:#fff;--police-titre:"DM Serif Display", Georgia, serif;--police-texte:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--rayon-carte:20px;--rayon-bouton:28px;--cible-tactile:44px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fond:#121212;--surface:#1e1e1e;--texte:#f2f0ed;--texte-secondaire:#a8a39c;--accent:#e5566a;--accent-appuye:#c9364c;--accent-doux:#3a1f24;--reussite:#4fbf8b;--reussite-fond:#16291f;--presque-texte:#f0a640;--presque:#f0a640;--presque-fond:#2e2312;--ligne:#2e2c29;--photo-attente:#262421;--sur-accent:#121212}}:root[data-theme=dark]{--fond:#121212;--surface:#1e1e1e;--texte:#f2f0ed;--texte-secondaire:#a8a39c;--accent:#e5566a;--accent-appuye:#c9364c;--accent-doux:#3a1f24;--reussite:#4fbf8b;--reussite-fond:#16291f;--presque-texte:#f0a640;--presque:#f0a640;--presque-fond:#2e2312;--ligne:#2e2c29;--photo-attente:#262421;--sur-accent:#121212}*,:before,:after{box-sizing:border-box}html,body{background:var(--fond);color:var(--texte);font-family:var(--police-texte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}#root{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}h1,h2{font-family:var(--police-titre);margin:0;font-weight:400}p{margin:0}button{font-family:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.accueil{padding:max(20px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;flex-grow:1;gap:16px;display:flex}.accueil__marque{letter-spacing:.08em;text-transform:uppercase;color:var(--texte-secondaire);font-size:13px;font-weight:600}.accueil__salut h1{font-size:36px;line-height:1.1}.accueil__salut p{color:var(--texte-secondaire);margin-top:4px;font-size:15px}.carte{background:var(--surface);border:1px solid var(--ligne);border-radius:var(--rayon-carte);color:var(--texte);padding:18px}.accueil__objectif{align-items:center;gap:18px;display:flex}.accueil__objectif div{flex-direction:column;gap:4px;display:flex}.accueil strong{font-size:17px;font-weight:600}.petit{color:var(--texte-secondaire);font-size:13px}.accueil__suivante{text-align:left;cursor:pointer;font:inherit;flex-direction:column;padding:0;display:flex;overflow:hidden}.accueil__suivante .photo{aspect-ratio:auto;border-radius:0;height:130px}.accueil__suivante-texte{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.accueil__mission{border:1px dashed var(--ligne);color:var(--texte);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:14px;padding:12px 14px;font-size:14px}.accueil__mission strong{font-size:14px}.accueil__actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.bouton-principal{border-radius:var(--rayon-bouton);background:var(--accent);min-height:56px;color:var(--sur-accent);cursor:pointer;border:none;font-size:17px;font-weight:600}.bouton-principal:active{background:var(--accent-appuye)}.bouton-secondaire{min-height:48px;color:var(--texte);cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:500;text-decoration:underline}.accueil__haut{justify-content:space-between;align-items:center;gap:12px;display:flex}.accueil__compte{border:1px solid var(--ligne);background:var(--surface);min-height:36px;color:var(--texte);font:inherit;cursor:pointer;border-radius:18px;padding:0 14px;font-size:13px;font-weight:500}.accueil__revision{border-left:4px solid var(--accent);font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:4px;display:flex}.connexion{padding:max(12px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;flex-grow:1;gap:14px;display:flex}.connexion__code{letter-spacing:.3em;text-align:center;font-size:28px}.connexion__erreur{color:var(--presque-texte);font-size:15px}.lecon{padding:max(12px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;flex-grow:1;gap:12px;display:flex}.lecon__haut{align-items:center;gap:12px;display:flex}.lecon__id{color:var(--texte-secondaire);font-size:12px}.bouton-icone{width:var(--cible-tactile);height:var(--cible-tactile);color:var(--texte);cursor:pointer;background:0 0;border:none;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bouton-icone:disabled{opacity:.3;cursor:default}.progres{background:var(--ligne);border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.progres span{background:var(--accent);height:100%;transition:width .3s;display:block}.vue{flex-direction:column;flex-grow:1;gap:16px;display:flex}.pousse{flex-grow:1}.centre{flex-direction:column;align-items:center;gap:14px;display:flex}.titre-etape{font-size:38px;line-height:1.05}.sous-titre{color:var(--texte-secondaire);font-size:15px}.consigne{color:var(--texte-secondaire);text-align:center;font-size:14px}.consigne--forte{color:var(--texte);text-align:left;font-size:16px;font-weight:500}.ligne-titre{justify-content:space-between;align-items:center;gap:12px;display:flex}.ligne-titre .gros-son{width:60px;height:60px}.ligne-modele{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.photo{aspect-ratio:1;object-fit:cover;background:var(--photo-attente);border-radius:24px;width:100%;max-height:46dvh;display:block}.photo--petite{border-radius:18px;width:120px;height:120px}.photo--vide.photo--picto{color:var(--accent)}.photo--vide{color:var(--texte-secondaire);justify-content:center;align-items:center;display:flex}.grande-lettre{font-family:var(--police-titre);text-align:center;background:var(--surface);border:1px solid var(--ligne);border-radius:24px;padding:24px 0;font-size:120px;line-height:1}.grande-lettre--petite{justify-content:center;align-items:center;width:120px;height:120px;padding:0;font-size:72px;display:flex}.gros-son,.gros-micro{background:var(--accent);width:88px;height:88px;color:var(--sur-accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gros-son:active,.gros-micro:active{background:var(--accent-appuye)}.gros-micro{width:112px;height:112px;transition:box-shadow .2s;box-shadow:0 0 0 14px #0000}.gros-micro--actif{box-shadow:0 0 0 14px var(--accent-doux)}.boutons-ecoute{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pilule{min-height:var(--cible-tactile);border:1px solid var(--ligne);background:var(--surface);color:var(--texte);cursor:pointer;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.pilule:disabled{opacity:.45;cursor:default}.pilule--forte{background:var(--texte);color:var(--fond);border-color:var(--texte)}.pilule--ronde{width:var(--cible-tactile);flex-shrink:0;padding:0}.grille-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grille-photos--3{grid-template-columns:repeat(3,minmax(0,1fr))}.choix-photo{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:22px;padding:0;overflow:hidden}.choix-photo .photo{border-radius:18px;max-height:none}.liste-choix{flex-direction:column;gap:10px;display:flex}.choix{border:1.5px solid var(--ligne);background:var(--surface);min-height:52px;color:var(--texte);text-align:left;cursor:pointer;border-radius:16px;padding:10px 16px;font-size:16px;font-weight:500}.choix--grand{flex-grow:1;font-size:20px;font-weight:600}.choix-avec-son{align-items:center;gap:10px;display:flex}.grille-lettres{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.choix--lettre{font-family:var(--police-titre);text-align:center;min-height:72px;font-size:34px}.choix--juste,.choix-photo.choix--juste{border-color:var(--reussite)}.choix--presque,.choix-photo.choix--presque{border-color:var(--presque)}.retour{border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:600;display:flex}.retour span{flex-direction:column;gap:2px;display:flex}.retour small{font-size:13px;font-weight:400}.retour--juste{background:var(--reussite-fond);color:var(--reussite)}.retour--presque{background:var(--presque-fond);color:var(--presque-texte)}.bouton-suivant{border-radius:var(--rayon-bouton);background:var(--texte);min-height:56px;color:var(--fond);cursor:pointer;border:none;width:100%;font-size:17px;font-weight:600}.bouton-contour{border:1.5px solid var(--texte);border-radius:var(--rayon-bouton);min-height:52px;color:var(--texte);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.liste-ecrit{flex-direction:column;gap:8px;display:flex}.carte-ecrit{border:1px solid var(--ligne);background:var(--surface);color:var(--texte);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.carte-ecrit__en{font-size:20px;font-weight:600}.carte-ecrit__fr{color:var(--texte-secondaire);font-size:14px}.astuce{border:1px dashed var(--ligne);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45}.phrase-trou{text-align:center;font-size:22px;font-weight:600}.phrase-construite{background:var(--surface);border:1px solid var(--ligne);border-radius:16px;min-height:56px;padding:14px 16px;font-size:19px;font-weight:600}.tuiles{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tuile{border:1.5px solid var(--ligne);background:var(--surface);min-width:64px;min-height:64px;color:var(--texte);font-family:var(--police-titre);cursor:pointer;border-radius:16px;padding:0 14px;font-size:34px}.tuile--mot{font-family:var(--police-texte);min-height:48px;font-size:17px;font-weight:600}.tuile:disabled{opacity:.35}.champ{color:var(--texte-secondaire);flex-direction:column;gap:6px;font-size:13px;display:flex}.champ input{border:1.5px solid var(--ligne);background:var(--surface);min-height:52px;color:var(--texte);border-radius:14px;padding:0 16px;font-family:inherit;font-size:20px}.dialogue{flex-direction:column;flex-grow:1;gap:8px;display:flex}.replique{border:1px solid var(--ligne);background:var(--surface);max-width:85%;color:var(--texte);text-align:left;cursor:pointer;border-radius:16px 16px 16px 4px;flex-direction:column;align-self:flex-start;gap:2px;padding:10px 14px;display:flex}.replique--droite{border-radius:16px 16px 4px;align-self:flex-end}.replique--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-doux)}.replique__qui{text-transform:uppercase;letter-spacing:.06em;color:var(--texte-secondaire);font-size:11px;font-weight:600}.replique__en{font-size:16px;font-weight:500}.replique__fr{color:var(--texte-secondaire);font-size:13px}.paroles{font-family:var(--police-texte);white-space:pre-wrap;background:var(--surface);border:1px solid var(--ligne);border-radius:16px;margin:0;padding:14px 16px;font-size:15px;line-height:1.5}.medaille{background:var(--reussite-fond);width:96px;height:96px;color:var(--reussite);border-radius:50%;justify-content:center;align-items:center;margin-top:24px;display:flex}.etiquettes{flex-wrap:wrap;gap:8px;display:flex}.etiquette{border:1px solid var(--ligne);background:var(--surface);min-height:40px;color:var(--texte);cursor:pointer;border-radius:20px;padding:0 14px;font-size:14px;font-weight:500}.points{justify-content:center;gap:6px;display:flex}.point{background:var(--ligne);border-radius:4px;width:8px;height:8px}.point--fait{background:var(--texte)}.point--actif{background:var(--accent);width:22px}.voile{z-index:10;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.feuille{width:100%;max-width:480px;padding:20px 20px max(20px, env(safe-area-inset-bottom));background:var(--fond);border-radius:24px 24px 0 0;flex-direction:column;gap:12px;display:flex}.champ{border:1.5px solid var(--ligne);background:var(--surface);width:100%;min-height:52px;color:var(--texte);font:inherit;border-radius:14px;padding:12px 14px;font-size:17px}.champ:focus{border-color:var(--texte);outline:none}.champ--zone{resize:vertical;min-height:120px}.bouton-suivant:disabled{opacity:.4;cursor:default}.mission{padding:max(12px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;flex-grow:1;gap:14px;display:flex}.mission__haut{align-items:center;gap:8px;display:flex}.mission__etiquette{letter-spacing:.06em;text-transform:uppercase;color:var(--texte-secondaire);font-size:12px;font-weight:600}.mission .photo{aspect-ratio:16/9;max-height:26dvh}.mission__titre{margin-bottom:4px;font-size:30px;line-height:1.1}.carte-mission{background:var(--surface);border:1px solid var(--ligne);border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.mission__ligne{align-items:center;gap:12px;font-size:17px;display:flex}.gros-son--petit{width:var(--cible-tactile);height:var(--cible-tactile)}.bouton-principal-lecon{border-radius:var(--rayon-bouton);background:var(--accent);min-height:56px;color:var(--sur-accent);cursor:pointer;border:none;font-size:17px;font-weight:600}.bouton-texte{min-height:44px;color:var(--texte);cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:500}.mission__ressentis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mission__ressentis .choix{text-align:center}.parcours{padding:max(16px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.parcours__haut{align-items:center;gap:8px;display:flex}.parcours__haut h1{font-size:32px}.palier{padding:14px 16px}.palier__haut{align-items:center;gap:12px;display:flex}.palier__nom{flex-direction:column;gap:2px;display:flex}.palier__nom strong{font-size:15px}.palier__badge{background:var(--accent);width:36px;height:36px;color:var(--sur-accent);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.palier__badge--fini{background:var(--reussite)}.palier__lecons{border-top:1px solid var(--ligne);flex-direction:column;gap:2px;margin:12px 0 0;padding:12px 0 0;list-style:none;display:flex}.lecon-ligne{width:100%;min-height:var(--cible-tactile);color:var(--texte);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:6px 4px;font-size:14px;display:flex}.lecon-ligne:hover{background:var(--fond)}.lecon-ligne__etat{border:1.5px solid var(--ligne);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.lecon-ligne__etat--fait{background:var(--reussite);border-color:var(--reussite);color:var(--sur-accent)}.lecon-ligne__id{width:34px;color:var(--texte-secondaire);flex-shrink:0;font-size:12px}.parcours__testeur{text-align:center;flex-direction:column;gap:10px;padding-top:8px;display:flex}