:root{--fond: #f3f6f4;--carte: #ffffff;--texte: #17201b;--discret: #64706a;--trait: #d5ddd8;--principal: #1f6f4a;--principal-texte: #ffffff;--doux: #e3f0e8;--bon: #d6f2df;--bon-trait: #2f9a5a;--rate: #fbe0dc;--rate-trait: #c8483a;--moyen: #fdf0cf;--astuce: #fff6dc;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--fond: #121714;--carte: #1d2420;--texte: #e8eee9;--discret: #9aa79f;--trait: #34403a;--principal: #3fa874;--principal-texte: #08140d;--doux: #1f3329;--bon: #1d3a28;--bon-trait: #4fc07c;--rate: #3e2220;--rate-trait: #e46a5c;--moyen: #3a321b;--astuce: #332d1a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--fond);color:var(--texte)}body{font:18px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}button,select{font:inherit;color:inherit;cursor:pointer}h1{margin:4px 0 6px;font-size:30px}h2{margin:0 0 10px;font-size:20px}p{margin:0 0 10px}.ecran{max-width:600px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 28px);display:flex;flex-direction:column;gap:12px}.carte{background:var(--carte);border-radius:18px;padding:16px;box-shadow:0 1px 3px #00000014}.lien{align-self:flex-start;background:none;border:none;color:var(--principal);padding:6px 2px;font-size:18px}.aide{color:var(--discret);font-size:16px}.discret{color:var(--discret)}.bouton{border:1.5px solid var(--trait);background:var(--carte);border-radius:14px;padding:13px 16px;font-weight:600}.bouton.principal{background:var(--principal);border-color:var(--principal);color:var(--principal-texte)}.bouton.grand{width:100%;padding:17px 16px;font-size:19px}.bouton.bon{background:var(--bon);border-color:var(--bon-trait)}.bouton.rate{background:var(--rate);border-color:var(--rate-trait)}.bouton:active,.option:active,.tuile:active{transform:scale(.98)}.sous-titre{color:var(--discret);margin:0 0 4px}.aujourdhui{display:flex;flex-direction:column;gap:10px}.aujourdhui p{margin:0}.chiffres{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-bottom:12px}.chiffres b{display:block;font-size:26px}.chiffres span{color:var(--discret);font-size:14px}.menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu button{background:var(--carte);border:1.5px solid var(--trait);border-radius:14px;padding:14px 10px;text-align:left;font-size:16px}.progression{flex:1;height:10px;border-radius:5px;background:var(--doux);overflow:hidden}.rempli{height:100%;background:var(--principal);border-radius:5px;transition:width .3s}.barre-seance{display:flex;align-items:center;gap:12px}.barre-seance .lien{font-size:22px;padding:4px 6px}.compte{color:var(--discret);font-size:15px;font-variant-numeric:tabular-nums}.theme{color:var(--discret);font-size:15px}.intro h1{margin:6px 0 14px}.astuce{background:var(--astuce);border-radius:14px;padding:12px 14px;margin-bottom:14px}.astuce-titre{font-weight:700;margin-bottom:4px}.consigne{font-weight:700;font-size:19px;text-align:center;margin-top:4px}.decouverte{text-align:center;padding:22px 16px}.en{font-size:24px;font-weight:700;line-height:1.25}.grand-en{font-size:30px}.pr{color:var(--principal);font-style:italic;margin:6px 0;font-size:18px}.fr{color:var(--discret);font-size:18px}.sons{display:flex;gap:10px;justify-content:center;margin-top:14px}.son{border:1.5px solid var(--trait);background:var(--doux);border-radius:12px;padding:10px 14px;font-size:16px}.exercice{display:flex;flex-direction:column;gap:12px}.question-fr{background:var(--carte);border-radius:18px;padding:22px 16px;text-align:center;font-size:24px;font-weight:700;box-shadow:0 1px 3px #00000014}.grand-son{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0}.haut-parleur{width:110px;height:110px;border-radius:50%;border:none;background:var(--principal);font-size:50px;box-shadow:0 2px 8px #00000026}.options{display:grid;gap:10px}.option{background:var(--carte);border:2px solid var(--trait);border-radius:14px;padding:14px;text-align:left;font-size:18px}.option:disabled{color:var(--texte);opacity:.6}.option.bon{background:var(--bon);border-color:var(--bon-trait);opacity:1}.option.rate{background:var(--rate);border-color:var(--rate-trait);opacity:1}.correction{background:var(--carte);border-radius:18px;padding:14px 16px;text-align:center;border:2px solid var(--trait)}.correction.bon{border-color:var(--bon-trait);background:var(--bon)}.correction.rate{border-color:var(--rate-trait);background:var(--rate)}.verdict{font-weight:700;margin-bottom:6px}.continuer{width:100%;padding:16px;font-size:19px}.deux-boutons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deux-boutons .bouton{padding:16px 8px}.ligne-reponse{min-height:62px;border-bottom:2px solid var(--trait);display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;align-content:flex-start}.tuiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:6px 0}.tuile{background:var(--carte);border:2px solid var(--trait);border-bottom-width:4px;border-radius:12px;padding:9px 14px;font-size:19px;font-weight:600}.tuile.vide{color:transparent;background:var(--doux);border-color:var(--doux)}.tuile:disabled{color:var(--texte)}.tuile.vide:disabled{color:transparent}.micro{display:flex;flex-direction:column;gap:8px}.micro .bouton{width:100%}.micro-actif{background:var(--rate)!important;border-color:var(--rate-trait)!important;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.65}}.avis{border-radius:12px;padding:10px 12px;text-align:center;font-weight:600}.avis.bon{background:var(--bon)}.avis.moyen{background:var(--moyen)}.avis.rate{background:var(--rate)}.entendu{font-weight:400;font-size:15px;color:var(--discret);margin-top:4px}.bravo{text-align:center}.bravo-titre{font-size:32px;font-weight:800;margin-bottom:8px}.ligne-lecon{display:flex;align-items:center;gap:12px;background:var(--carte);border:1.5px solid var(--trait);border-radius:14px;padding:12px 14px;text-align:left}.ligne-lecon.faite{background:var(--doux)}.num{width:30px;height:30px;border-radius:50%;background:var(--doux);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.faite .num{background:var(--principal);color:var(--principal-texte)}.titre-lecon{flex:1}.coche{color:var(--principal);font-weight:800}.ligne-phrase{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;background:none;border:none;border-top:1px solid var(--trait);padding:10px 0;text-align:left}.points{white-space:nowrap;color:var(--principal);font-size:12px;letter-spacing:1px}.texte p{margin-bottom:14px}.texte p:last-child{margin-bottom:0}select{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--trait);background:var(--carte);margin-bottom:10px}.choix-vitesse{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.interrupteur{display:flex;gap:12px;align-items:center}.interrupteur input{width:24px;height:24px;flex-shrink:0}.choix-micro{display:grid;gap:10px;margin-top:12px}