@font-face{font-family:Nunito;src:url(/fonts/nunito-latin.woff2) format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-ext.woff2) format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--vermillon: #ff5a3c;--vermillon-fonce: #d63c22;--vermillon-doux: #fff0eb;--vermillon-bord: #ffc9bc;--indigo: #4c6ef5;--indigo-fonce: #3653d6;--indigo-doux: #edf2ff;--indigo-bord: #a5b8ff;--jade: #1db97d;--jade-fonce: #12935f;--jade-doux: #e3f8ee;--jade-bord: #8fe0bd;--corail: #f03e3e;--corail-fonce: #c92a2a;--corail-doux: #ffecec;--corail-bord: #ffb3b3;--or: #ffc233;--or-fonce: #e0a100;--or-doux: #fff8e6;--or-texte: #7a5a00;--flamme: #ff8a00;--encre: #2b2d42;--encre-2: #5f6675;--gris: #8d99ae;--gris-clair: #e5e9f0;--gris-ombre: #c9d0dc;--fond: #ffffff;--fond-2: #f4f6fa;--t1: #3b82f6;--t2: #22a447;--t3: #f08c00;--t4: #e03131;--t0: #8d99ae;--etape-1: #ff5a3c;--etape-1-fonce: #d63c22;--etape-2: #1db97d;--etape-2-fonce: #12935f;--etape-3: #4c6ef5;--etape-3-fonce: #3653d6;--etape-4: #9c5cf5;--etape-4-fonce: #7a3fd6;--etape-5: #f59f00;--etape-5-fonce: #cc8400;--etape-6: #0ca5b0;--etape-6-fonce: #08848d;--rayon-s: 12px;--rayon: 16px;--rayon-l: 20px;--rayon-xl: 28px;--relief: 0 5px 0;--onglets: 72px;--largeur: 560px;--police: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--police-zh: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--encre: #eceef5;--encre-2: #b3b9c9;--gris: #7f8aa0;--gris-clair: #2f3446;--gris-ombre: #232736;--fond: #161924;--fond-2: #1f2331;--vermillon-doux: #3a221d;--vermillon-bord: #6b3427;--indigo-doux: #1f2747;--indigo-bord: #3a4b8f;--jade-doux: #13301f;--jade-bord: #1f5c3d;--corail-doux: #3a1717;--corail-bord: #6b2a2a;--or-doux: #33280f;--or-texte: #ffd66b;--jade-fonce: #3ddc97;--corail-fonce: #ff8787;--indigo-fonce: #2f49c4;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--police),var(--police-zh);font-size:16px;font-weight:700;line-height:1.4;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a{color:var(--indigo)}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--indigo-bord);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[lang|=zh],.zh-font{font-family:var(--police-zh)}.titre-xl{font-size:28px;font-weight:900;line-height:1.15}.titre-l{font-size:24px;font-weight:900;line-height:1.2}.titre-m{font-size:19px;font-weight:900;line-height:1.25}.texte-s,.muted{font-size:14px;font-weight:700;color:var(--encre-2)}.surtitre{font-size:12.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.center{text-align:center}.small{font-size:13px}.success{color:var(--jade-fonce)}.warning{color:var(--corail-fonce)}.section-titre{font-size:17px;font-weight:900;margin:22px 0 10px;display:flex;justify-content:space-between;align-items:baseline}.section-titre a,.section-titre button{font-size:13px;font-weight:900;color:var(--indigo);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;background:none;border:none;padding:0}.app-shell{min-height:100dvh}.content{max-width:var(--largeur);margin:0 auto;padding-bottom:calc(var(--onglets) + env(safe-area-inset-bottom) + 24px)}.page{padding:12px 18px 0}.plein{max-width:var(--largeur);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.center-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}.pile{display:flex;flex-direction:column;gap:10px}.entete{display:flex;align-items:center;gap:12px;padding:12px 0 8px}.entete h1{flex:1;font-size:24px;font-weight:900;line-height:1.2}.entete-actions{display:flex;gap:8px;align-items:center}.barre-haut{position:sticky;top:0;z-index:20;background:var(--fond);display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) 18px 10px;border-bottom:2px solid var(--gris-clair);font-weight:900;font-size:16px}.barre-haut>*{display:flex;align-items:center;gap:5px}.serie{color:var(--flamme)}.serie.eteinte{color:var(--gris);filter:grayscale(1)}.xp{color:var(--or-fonce)}.minutes{color:var(--jade-fonce)}.onglets{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--fond);border-top:2px solid var(--gris-clair);padding-bottom:env(safe-area-inset-bottom)}.onglets-inner{max-width:var(--largeur);margin:0 auto;display:flex;justify-content:space-around;height:var(--onglets);padding-top:7px}.onglet{position:relative;width:70px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:900;color:var(--gris);text-decoration:none}.onglet .boite{width:48px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid transparent}.onglet.actif{color:var(--vermillon)}.onglet.actif .boite{background:var(--vermillon-doux);border-color:var(--vermillon-bord)}.badge{position:absolute;top:-4px;right:6px;min-width:22px;height:22px;border-radius:11px;background:var(--corail);color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid var(--fond);padding:0 5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:var(--rayon);border:none;font-family:var(--police);font-size:16px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--vermillon);box-shadow:var(--relief) var(--vermillon-fonce);transition:transform 80ms,box-shadow 80ms;margin-bottom:5px}.btn:active:not(:disabled){transform:translateY(5px);box-shadow:none}.btn:disabled{background:var(--gris-clair);color:var(--gris);box-shadow:none;cursor:default}.btn-bloc{width:100%}.btn-primaire{background:var(--vermillon);box-shadow:var(--relief) var(--vermillon-fonce)}.btn-succes{background:var(--jade);box-shadow:var(--relief) var(--jade-fonce)}.btn-erreur{background:var(--corail);box-shadow:var(--relief) var(--corail-fonce)}.btn-indigo{background:var(--indigo);box-shadow:var(--relief) var(--indigo-fonce)}.btn-or{background:var(--or);color:#5c4200;box-shadow:var(--relief) var(--or-fonce)}.btn-secondaire{background:var(--fond);color:var(--indigo);border:2px solid var(--gris-clair);box-shadow:var(--relief) var(--gris-clair)}.btn-blanc{background:#fff;color:var(--vermillon);box-shadow:var(--relief) #0000001f}.btn-fantome{background:none;color:var(--indigo);box-shadow:none;min-height:40px;margin-bottom:0}.btn-petit{min-height:40px;padding:0 14px;font-size:13.5px;border-radius:var(--rayon-s);box-shadow:0 3px 0 var(--vermillon-fonce);margin-bottom:3px;letter-spacing:.03em}.btn-petit.btn-secondaire{box-shadow:0 3px 0 var(--gris-clair)}.btn-petit.btn-indigo{box-shadow:0 3px 0 var(--indigo-fonce)}.btn-petit.btn-or{box-shadow:0 3px 0 var(--or-fonce)}.btn-petit.btn-succes{box-shadow:0 3px 0 var(--jade-fonce)}.btn-danger{background:var(--corail);box-shadow:var(--relief) var(--corail-fonce)}.icon-btn{width:40px;height:40px;border-radius:var(--rayon-s);border:none;background:none;color:var(--gris);display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto}.icon-btn:hover{background:var(--fond-2)}.ecoute{width:64px;height:64px;border-radius:18px;border:none;background:var(--indigo);color:#fff;box-shadow:var(--relief) var(--indigo-fonce);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-bottom:5px;padding:0}.ecoute:active{transform:translateY(5px);box-shadow:none}.ecoute.lent{width:48px;height:48px;border-radius:14px;font-size:24px;background:var(--fond);border:2px solid var(--gris-clair);box-shadow:var(--relief) var(--gris-clair)}.ecoute.petit{width:40px;height:40px;border-radius:12px;box-shadow:0 3px 0 var(--indigo-fonce);margin-bottom:3px}.ecoute.lent.petit{font-size:18px;box-shadow:0 3px 0 var(--gris-clair)}.ecoute.geant{width:120px;height:120px;border-radius:28px}.speak-buttons{display:inline-flex;gap:8px;align-items:flex-start}.micro{width:92px;height:92px;border-radius:50%;border:none;background:var(--vermillon);color:#fff;box-shadow:0 7px 0 var(--vermillon-fonce);display:flex;align-items:center;justify-content:center;padding:0;margin:0 auto 7px;transition:box-shadow .12s;--level: 0}.micro.ecoute-active{box-shadow:0 7px 0 var(--vermillon-fonce),0 0 0 calc(8px + 14px * var(--level)) #ff5a3c33,0 0 0 calc(18px + 22px * var(--level)) #ff5a3c1a}.micro.enregistreur{background:var(--indigo);box-shadow:0 7px 0 var(--indigo-fonce)}.micro.md{width:56px;height:56px;box-shadow:0 4px 0 var(--vermillon-fonce);margin:0 0 4px}.micro:disabled{background:var(--gris-clair);color:var(--gris);box-shadow:none}.micro-zone{display:flex;flex-direction:column;align-items:center;gap:8px;margin:24px 0 8px}.micro-label{font-size:15px;font-weight:800;color:var(--encre-2);text-align:center}.interim{font-size:18px;color:var(--encre-2);text-align:center;min-height:1.4em}.carte{background:var(--fond);border:2px solid var(--gris-clair);border-radius:var(--rayon-l);box-shadow:0 4px 0 var(--gris-clair);padding:16px}.carte-douce{background:var(--fond-2);border-radius:var(--rayon-l);padding:14px 16px}a.carte,button.carte{display:block;width:100%;text-align:left;color:inherit;text-decoration:none;font:inherit}.carte-lien{display:flex!important;align-items:center;gap:12px;padding:12px 14px;font-weight:900}.carte-lien>:nth-child(2){flex:1}.carte-lien .texte-s{display:block;font-size:13px}.option{background:var(--fond);border:2px solid var(--gris-clair);border-radius:var(--rayon);box-shadow:0 4px 0 var(--gris-clair);padding:14px 16px;font-weight:800;font-size:17px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:var(--encre);margin-bottom:4px}.option small{display:block;font-size:14px;font-weight:700;color:var(--encre-2);margin-top:2px}.option.choisi{border-color:var(--indigo-bord);background:var(--indigo-doux);box-shadow:0 4px 0 var(--indigo-bord);color:var(--indigo-fonce)}.option.choisi small{color:var(--indigo)}.option.juste{border-color:var(--jade-bord);background:var(--jade-doux);box-shadow:0 4px 0 var(--jade-bord);color:var(--jade-fonce)}.option.faux{border-color:var(--corail-bord);background:var(--corail-doux);box-shadow:0 4px 0 var(--corail-bord);color:var(--corail-fonce)}.option:disabled{cursor:default}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:10px;border:2px solid var(--gris-clair);background:var(--fond-2);color:var(--gris)}.chip-t1{background:#e8f0fe;border-color:#b7cffc;color:#1d5fd1}.chip-t2{background:#e5f6e9;border-color:#a9dfb7;color:#18803a}.chip-t3{background:#fff1db;border-color:#ffd9a3;color:#c36f00}.chip-t4{background:#ffe9e9;border-color:#ffbcbc;color:#c22525}.chip-vermillon{background:var(--vermillon-doux);border-color:var(--vermillon-bord);color:var(--vermillon-fonce)}.chips{display:flex;flex-wrap:wrap;gap:8px}.pastille-choix{font-size:14px;font-weight:800;padding:7px 12px;border-radius:12px;border:2px solid var(--gris-clair);background:var(--fond);color:var(--encre-2)}.pastille-choix.on{background:var(--indigo-doux);border-color:var(--indigo-bord);color:var(--indigo-fonce)}.langue{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:17px;flex:0 0 auto}.langue-zh{background:var(--vermillon);box-shadow:0 3px 0 var(--vermillon-fonce);font-family:var(--police-zh)}.langue-fr{background:var(--indigo);box-shadow:0 3px 0 var(--indigo-fonce);font-size:15px}.langue-en{background:var(--jade);box-shadow:0 3px 0 var(--jade-fonce);font-size:15px}.langue.s{width:24px;height:24px;border-radius:7px;font-size:12px;box-shadow:none}.langue.l{width:46px;height:46px;border-radius:14px;font-size:22px}.progression{height:16px;border-radius:8px;background:var(--gris-clair);position:relative;overflow:hidden;flex:1}.progression>i{position:absolute;inset:0 auto 0 0;background:var(--jade);border-radius:8px;transition:width .3s}.progression>i:after{content:"";position:absolute;left:10px;right:12px;top:3px;height:4px;border-radius:3px;background:#fff6}.progression.fine{height:10px}.progression.fine>i:after{display:none}.progression.or>i{background:var(--or)}.progression.indigo>i{background:var(--indigo)}.inter{appearance:none;width:52px;height:32px;border-radius:16px;background:var(--gris-clair);position:relative;flex:0 0 auto;margin:0;cursor:pointer;transition:background .15s}.inter:after{content:"";position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 0 var(--gris-ombre);transition:left .15s}.inter:checked{background:var(--jade)}.inter:checked:after{left:23px}.champ,.form input:not([type=checkbox]):not([type=range]),.form select,.form textarea{width:100%;min-height:52px;border-radius:var(--rayon);border:2px solid var(--gris-clair);background:var(--fond-2);padding:0 16px;font:700 16px var(--police),var(--police-zh);color:var(--encre)}.form textarea{padding:12px 16px}.champ:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--indigo);background:var(--fond)}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:900;color:var(--encre-2)}.field-hint{font-size:13px;font-weight:700;color:var(--gris)}.bulle{background:var(--fond);border:2px solid var(--gris-clair);border-radius:var(--rayon);padding:10px 14px;font-weight:800;box-shadow:0 3px 0 var(--gris-clair)}.bao-dit{display:flex;align-items:flex-end;gap:10px;margin:8px 0 20px}.bao-dit .bulle{position:relative;font-size:17px;line-height:1.3}.bao-dit .bulle:before{content:"";position:absolute;left:-9px;bottom:16px;width:14px;height:14px;background:var(--fond);border-left:2px solid var(--gris-clair);border-bottom:2px solid var(--gris-clair);transform:rotate(45deg)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{border:2px solid var(--gris-clair);border-radius:var(--rayon);padding:12px;display:flex;gap:10px;align-items:center}.stat .valeur{font-size:20px;font-weight:900;line-height:1.1}.stat .libelle{font-size:12.5px;font-weight:800;color:var(--gris)}.encart{display:flex;gap:12px;align-items:center;border-radius:var(--rayon);padding:12px 14px;font-size:14.5px;font-weight:800;line-height:1.4;background:var(--fond-2);color:var(--encre-2)}.encart>svg,.encart>img{flex:0 0 auto}.encart.oups,.error-box{background:var(--corail-doux);color:var(--corail-fonce)}.encart.astuce,.hint{background:var(--or-doux);color:var(--or-texte)}.encart.info{background:var(--indigo-doux);color:var(--indigo-fonce)}.error-box{display:flex;gap:10px;align-items:center;border-radius:var(--rayon);padding:10px 14px;font-weight:800;margin:10px 0}.error-box>span{flex:1}.hint{border-radius:var(--rayon);padding:10px 14px;font-size:14px;margin:10px 0}.spinner{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px 0;color:var(--encre-2)}.spinner-dot{width:18px;height:18px;border-radius:50%;border:3px solid var(--gris-clair);border-top-color:var(--vermillon);animation:tourne .8s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:30px 10px;color:var(--encre-2)}.score{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;flex:0 0 auto}.score.bon{background:var(--jade);box-shadow:0 4px 0 var(--jade-fonce)}.score.moyen{background:var(--or);box-shadow:0 4px 0 var(--or-fonce)}.score.faible{background:var(--corail);box-shadow:0 4px 0 var(--corail-fonce)}.score-badge{display:inline-flex;min-width:38px;height:26px;border-radius:9px;padding:0 7px;align-items:center;justify-content:center;font-size:13.5px;font-weight:900;flex:0 0 auto}.score-badge.bon{background:var(--jade-doux);color:var(--jade-fonce)}.score-badge.moyen{background:var(--or-doux);color:var(--or-texte)}.score-badge.faible{background:var(--corail-doux);color:var(--corail-fonce)}.score-badge.vide{background:var(--fond-2);color:var(--gris)}.zh{font-family:var(--police-zh);font-weight:400;line-height:1}.zh ruby{ruby-position:over;margin:0 .04em}.zh rt{font-family:var(--police);font-weight:900;font-size:.36em;line-height:1.2;padding-bottom:.15em;text-align:center}.zh .rt-hidden{visibility:hidden}.zh-sm{font-size:24px}.zh-md{font-size:34px}.zh-lg{font-size:48px}.zh-xl{font-size:64px}.tone-1 rt{color:var(--t1)}.tone-2 rt{color:var(--t2)}.tone-3 rt{color:var(--t3)}.tone-4 rt{color:var(--t4)}.tone-0 rt{color:var(--t0)}.mark-ok{color:var(--jade-fonce)}.mark-tone,.mark-wrong,.mark-missing{color:var(--corail);text-decoration:underline wavy var(--corail) 2px;text-underline-offset:.2em}.reading-line{display:block;font-family:var(--police);font-size:.4em;font-weight:900;color:var(--encre-2);margin-top:4px}.fr{display:inline-flex;flex-direction:column;gap:4px}.fr-text{font-weight:900;line-height:1.15}.fr-sm .fr-text{font-size:17px}.fr-md .fr-text{font-size:22px}.fr-lg .fr-text{font-size:30px}.fr-xl .fr-text{font-size:34px}.ipa{font-weight:700;color:var(--encre-2);font-size:.6em}.fr-sm .ipa{font-size:14px}.fr-md .ipa{font-size:15px}.fr-lg .ipa,.fr-xl .ipa{font-size:19px}.ipa-block{display:block;font-size:15px}.word-ok{color:var(--jade-fonce)}.word-bad{color:var(--corail);text-decoration:underline wavy var(--corail) 2px;text-underline-offset:.2em}.meaning{font-size:17px;font-weight:800;color:var(--encre-2)}.note{font-size:14px;color:var(--or-texte);background:var(--or-doux);border-radius:var(--rayon-s);padding:8px 12px}.carte-mot{display:flex;gap:16px;align-items:center}.carte-mot-texte{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.carte-mot-ecoute{display:flex;flex-direction:column;gap:8px;align-items:center}.banniere{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:10;border-radius:18px;color:#fff;display:flex;align-items:stretch;min-height:78px;margin:14px 0 6px;text-decoration:none}.banniere .contenu{flex:1;padding:12px 16px}.banniere .contenu .surtitre{opacity:.85}.banniere .guide{width:66px;border:none;border-left:2px solid #ffffff55;background:none;color:#fff;display:flex;align-items:center;justify-content:center}.etape{padding-bottom:20px}.chemin{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding:26px 0 10px}.chemin-noeud{position:relative;display:flex;flex-direction:column;align-items:center}.noeud{width:74px;height:66px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;margin-bottom:7px;position:relative;z-index:1}.noeud.fait{background:var(--or);box-shadow:0 7px 0 var(--or-fonce)}.noeud.courant{background:var(--vermillon);box-shadow:0 7px 0 var(--vermillon-fonce)}.noeud.avenir{background:var(--gris-clair);box-shadow:0 7px 0 var(--gris-ombre);color:var(--gris)}.noeud:active:not(:disabled){transform:translateY(7px);box-shadow:none}.noeud:disabled{cursor:default}.anneau{position:absolute;top:-17px;left:50%;margin-left:-50px;width:100px;height:100px;pointer-events:none}.depart{position:absolute;bottom:calc(100% + 26px);left:50%;transform:translate(-50%);background:var(--fond);color:var(--vermillon);border:2px solid var(--gris-clair);border-radius:14px;padding:8px 14px;font-weight:900;font-size:15px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 var(--gris-clair);white-space:nowrap;z-index:3;animation:flotte 1.6s ease-in-out infinite}.depart:after{content:"";position:absolute;left:50%;bottom:-9px;margin-left:-8px;width:14px;height:14px;background:var(--fond);border-right:2px solid var(--gris-clair);border-bottom:2px solid var(--gris-clair);transform:rotate(45deg)}@keyframes flotte{50%{transform:translate(-50%,-5px)}}.chemin-libelle{font-size:13px;font-weight:800;color:var(--encre-2);max-width:150px;text-align:center;margin-top:2px}.chemin-bao{position:absolute;pointer-events:none}.popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:min(300px,86vw);z-index:15;border-radius:var(--rayon-l);padding:14px 16px;color:#fff;text-align:left}.popover .btn{width:100%;margin-top:10px}.haut-exo{display:flex;align-items:center;gap:14px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;color:var(--gris);font-weight:900}.exo{flex:1;padding:6px 20px 20px;display:flex;flex-direction:column;gap:16px}.exo .consigne .titre-l{margin-top:4px}.pied{position:sticky;bottom:0;padding:16px 20px calc(20px + env(safe-area-inset-bottom));background:var(--fond);border-top:2px solid var(--gris-clair)}.pied .duo,.duo{display:flex;gap:10px}.duo>.btn{flex:1;padding:0 10px}.choix-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choix-duo .option{flex-direction:column;justify-content:center;text-align:center;gap:6px;padding:18px 10px 14px;min-height:140px}.feuille{position:sticky;bottom:0;padding:18px 20px calc(22px + env(safe-area-inset-bottom));animation:glisse .25s ease-out;z-index:20}@keyframes glisse{0%{transform:translateY(100%)}}.feuille.succes{background:var(--jade-doux);color:var(--jade-fonce);border-top:2px solid var(--jade-bord)}.feuille.erreur{background:var(--corail-doux);color:var(--corail-fonce);border-top:2px solid var(--corail-bord)}.feuille .tete{display:flex;align-items:center;gap:14px;margin-bottom:12px}.feuille .verdict{font-size:24px;font-weight:900;line-height:1.1}.feuille .entendu{font-size:15px;font-weight:800;margin-top:2px}.feuille .gain{margin-left:auto;display:flex;align-items:center;gap:4px;font-weight:900;color:var(--or-fonce);font-size:17px}.feuille .actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.feuille .bloc{background:var(--fond);border-radius:var(--rayon);padding:10px 12px;color:var(--encre);font-weight:800;font-size:15px;margin-bottom:10px}.feuille-bouton{height:40px;padding:0 12px;border-radius:12px;background:var(--fond);border:2px solid currentColor;font-weight:900;font-size:14px;display:inline-flex;align-items:center;gap:6px;color:inherit}.feuille-bouton.ia{background:var(--or);border-color:var(--or-fonce);color:#5c4200}.fin{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 22px 10px;gap:6px}.fin-titre{font-size:30px;font-weight:900;color:var(--or-fonce);margin-top:8px}.tuiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:22px}.tuile{border-radius:var(--rayon);border:2px solid;overflow:hidden}.tuile .haut{color:#fff;font-size:12.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:5px 0}.tuile .val{background:var(--fond);display:flex;align-items:center;justify-content:center;gap:6px;font-size:21px;font-weight:900;padding:12px 0}.semaine{display:flex;gap:6px;margin-top:8px}.semaine span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;background:var(--fond-2);color:var(--gris)}.semaine span.ok{background:var(--flamme);color:#fff}.semaine span.auj{box-shadow:0 0 0 3px #ffd8a8}.paquet{position:relative;padding-bottom:12px}.paquet:before{content:"";position:absolute;inset:12px 14px 0;border-radius:var(--rayon-l);background:var(--fond);border:2px solid var(--gris-clair)}.paquet>.carte{position:relative;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.reponse{width:100%;border-top:2px dashed var(--gris-clair);padding-top:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.big-meaning{font-size:26px;font-weight:900}.compteurs{display:flex;gap:14px;justify-content:center;font-weight:900;font-size:14px}.notes-rev{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.notes-rev .btn{min-height:64px;flex-direction:column;gap:0;padding:0 2px;font-size:13px;letter-spacing:.02em}.notes-rev .btn small{font-size:12px;font-weight:800;letter-spacing:0;text-transform:none;opacity:.85}.suggere{outline:3px solid var(--jade);outline-offset:3px}.pron-panel{display:flex;flex-direction:column;gap:12px}.pron-panel .micro-zone{margin:8px 0 0}.pron-result{display:flex;flex-direction:column;gap:10px;border-radius:var(--rayon);padding:12px;background:var(--fond-2)}.pron-result .tete{display:flex;align-items:center;gap:12px}.pron-result .score{width:52px;height:52px;font-size:20px}.pron-error{color:var(--corail-fonce);font-weight:800;text-align:center}.issues{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.issues li{background:var(--fond);border-radius:var(--rayon-s);padding:8px 10px;color:var(--encre);font-weight:800;font-size:14.5px}.phonemes summary{font-size:13.5px;font-weight:900;color:var(--encre-2);cursor:pointer}.phoneme-word{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.phoneme-list{display:flex;flex-wrap:wrap;gap:4px}.phoneme{min-width:30px;height:30px;padding:0 6px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:15px}.phoneme.bon{background:var(--jade-doux);color:var(--jade-fonce)}.phoneme.moyen{background:var(--or-doux);color:var(--or-texte)}.phoneme.faible{background:var(--corail);color:#fff}.explanation{background:var(--or-doux);color:var(--or-texte);border-radius:var(--rayon);padding:10px 12px;font-size:14px;font-weight:700;line-height:1.45}.explanation ul{margin:6px 0 0;padding-left:18px}.examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.examples button{background:var(--fond);border:2px solid #ffd98a;border-radius:9px;padding:3px 8px;font-weight:900;font-size:13px;color:var(--encre)}.self-check{display:flex;flex-direction:column;gap:10px;background:var(--indigo-doux);border-radius:var(--rayon);padding:14px;color:var(--indigo-fonce);font-weight:900}.tone-chart{width:100%;height:auto;display:block}.tone-box,.graphe{background:var(--fond);border:2px solid var(--gris-clair);border-radius:var(--rayon);padding:8px}.tone-grid{stroke:var(--gris-clair);stroke-width:1.5}.tone-template{fill:none;stroke:var(--gris);stroke-width:3;stroke-dasharray:6 6;stroke-linecap:round}.tone-voice{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.tone-voice.tone-stroke-1{stroke:var(--t1)}.tone-voice.tone-stroke-2{stroke:var(--t2)}.tone-voice.tone-stroke-3{stroke:var(--t3)}.tone-voice.tone-stroke-4{stroke:var(--t4)}.tone-voice.tone-stroke-0{stroke:var(--t0)}.tone-voice-bad{stroke:var(--corail)!important}.legende-courbe{display:flex;justify-content:center;gap:14px;font-size:12.5px;font-weight:800;color:var(--encre-2);margin-top:4px}.segments{display:flex;background:var(--fond-2);border-radius:14px;padding:4px;gap:4px}.segments button{flex:1;text-align:center;padding:8px 0;border-radius:10px;font-weight:900;font-size:14.5px;color:var(--gris);border:none;background:none}.segments button.on{background:var(--fond);color:var(--encre);box-shadow:0 2px 0 var(--gris-clair)}.tons-choix{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tons-choix .option{flex-direction:column;gap:4px;font-size:14px;text-align:center}.calibration{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:800;color:var(--gris)}.calibration .points{display:flex;gap:4px}.calibration .points i{width:10px;height:10px;border-radius:50%;background:var(--jade)}.calibration .points i.non{background:var(--gris-clair)}.commandes{display:flex;align-items:center;justify-content:space-around;padding:10px 20px}.outils{display:grid;grid-template-columns:1fr 1fr;gap:10px}.outil{border-radius:var(--rayon-l);color:#fff;padding:14px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;margin-bottom:5px}.outil b{font-size:16.5px;font-weight:900;line-height:1.2;display:block}.outil small{font-size:12.5px;font-weight:800;opacity:.9}.defile-h{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.fragile{flex:0 0 auto;border:2px solid var(--gris-clair);border-radius:var(--rayon);box-shadow:0 3px 0 var(--gris-clair);padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:76px;text-decoration:none;color:inherit;margin-bottom:3px}.unite{display:flex!important;gap:12px;align-items:center;padding:12px 14px;margin-bottom:10px}.unite .emoji{width:48px;height:48px;border-radius:14px;background:var(--fond-2);display:flex;align-items:center;justify-content:center;font-size:26px;flex:0 0 auto}.unite-corps{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.unite-corps b{font-size:15.5px;font-weight:900}.unite-corps small{font-size:12px;font-weight:800;color:var(--gris)}.bandeau{color:#fff;padding:calc(8px + env(safe-area-inset-top)) 18px 18px}.bandeau .ligne{display:flex;align-items:center;gap:10px}.bandeau .icon-btn{color:#fff}.bandeau .icon-btn:hover{background:#fff2}.bandeau p{font-size:14px;font-weight:700;opacity:.92;margin-top:6px}details.guide-unite{background:var(--indigo-doux);border-radius:var(--rayon);padding:12px 14px}details.guide-unite summary{font-weight:900;color:var(--indigo-fonce);cursor:pointer}details.guide-unite p,details.guide-unite li{font-size:14px;font-weight:700;margin-top:6px;line-height:1.45}details.guide-unite ul{margin:0;padding-left:18px}details.guide-unite.astuces{background:var(--or-doux)}details.guide-unite.astuces summary{color:var(--or-texte)}.item-list{list-style:none;margin:0;padding:0}.item-row{border-bottom:2px solid var(--gris-clair)}.item-row-open{border:2px solid var(--indigo-bord);border-radius:var(--rayon);box-shadow:0 4px 0 var(--indigo-bord);margin:6px 0 10px}.item-row-head{display:flex;align-items:center;gap:10px;padding:10px 8px}.item-row-text{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:none;padding:0;text-align:left;color:inherit}.item-row-text .meaning{font-size:14px}.item-row-side{display:flex;align-items:center;gap:8px}.item-row-body{padding:0 12px 14px;display:flex;flex-direction:column;gap:10px}.groupe{margin-top:18px}.groupe>.surtitre{color:var(--gris);margin:0 4px 8px}.liste{background:var(--fond);border:2px solid var(--gris-clair);border-radius:var(--rayon-l);overflow:hidden}.ligne-reglage{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:2px solid var(--gris-clair);font-weight:800;font-size:15px;min-height:56px}.ligne-reglage:last-child{border-bottom:none}.ligne-reglage>span:first-child{flex:1}.ligne-reglage select,.ligne-reglage input:not([type=checkbox]){max-width:55%;border:none;background:none;text-align:right;font:800 15px var(--police),var(--police-zh);color:var(--encre-2)}.ligne-reglage input[type=range]{accent-color:var(--indigo);width:45%}.ligne-reglage.danger{color:var(--corail-fonce)}.ligne-reglage.lien{color:var(--indigo);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;text-decoration:none}details.ligne-details>summary{list-style:none;cursor:pointer}details.ligne-details>summary::-webkit-details-marker{display:none}details.ligne-details[open]>summary{border-bottom:none}details.ligne-details>.form{padding:0 14px 14px;border-bottom:2px solid var(--gris-clair)}.saved{color:var(--jade-fonce);font-size:13px}.profil-tete{display:flex;align-items:center;gap:14px;padding-top:12px}.avatar{width:64px;height:64px;border-radius:50%;background:var(--vermillon-doux);border:3px solid var(--vermillon-bord);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:var(--vermillon);flex:0 0 auto}.barres{height:110px;display:flex;align-items:flex-end;gap:3px;position:relative;padding-top:16px}.barres i{flex:1;border-radius:4px 4px 2px 2px;background:var(--gris-clair);min-height:0}.barres i.ok{background:var(--jade)}.barres .objectif{position:absolute;left:0;right:0;border-top:2px dashed var(--or);pointer-events:none}.barres .objectif span{position:absolute;left:0;top:-20px;font-size:11.5px;font-weight:900;color:var(--or-fonce);background:var(--fond);padding:0 4px}.quota{font-size:12.5px;font-weight:900;color:var(--indigo);background:var(--indigo-doux);border-radius:10px;padding:5px 10px}.quota.presque{color:var(--corail-fonce);background:var(--corail-doux)}.du-jour{background:var(--indigo);color:#fff;border-radius:var(--rayon-l);box-shadow:0 5px 0 var(--indigo-fonce);padding:14px 16px;display:flex;gap:12px;align-items:center;margin:14px 0 5px}.du-jour .emoji{font-size:40px}.du-jour .btn{min-height:40px;padding:0 14px;font-size:14px;margin-top:10px}.grille-situations{display:grid;grid-template-columns:1fr 1fr;gap:10px}.situation{display:flex!important;flex-direction:column;gap:4px;min-height:124px;padding:12px!important;margin-bottom:4px}.situation:disabled{filter:grayscale(1);opacity:.55}.situation .emoji{font-size:30px}.situation b{font-size:15.5px;font-weight:900;line-height:1.2}.situation small{font-size:12.5px;font-weight:700;color:var(--encre-2);line-height:1.3}.situation .chip{align-self:flex-start;margin-top:auto;font-size:11px;padding:2px 8px}.chat{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--largeur);margin:0 auto}.chat-haut{position:sticky;top:0;z-index:10;background:var(--fond);padding-top:env(safe-area-inset-top)}.chat-haut .entete{padding:8px 14px;border-bottom:2px solid var(--gris-clair)}.chat-haut .entete h1{font-size:17px}.bascules{display:flex;gap:6px;padding:8px 14px;border-bottom:2px solid var(--gris-clair);overflow-x:auto}.bascules button{font-size:12.5px;font-weight:900;padding:5px 10px;border-radius:10px;border:2px solid var(--gris-clair);color:var(--gris);background:var(--fond);white-space:nowrap}.bascules button.on{background:var(--indigo-doux);border-color:var(--indigo-bord);color:var(--indigo-fonce)}.fil{flex:1;background:var(--fond-2);padding:14px;display:flex;flex-direction:column;gap:10px}.message-tuteur{display:flex;gap:8px;align-items:flex-end;max-width:92%}.message-tuteur .bulle{border-bottom-left-radius:4px;display:flex;flex-direction:column;gap:6px;min-width:0}.translation{font-size:13.5px;font-weight:700;color:var(--encre-2)}.outils-bulle{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.outils-bulle button{width:34px;height:30px;border-radius:9px;background:var(--indigo-doux);color:var(--indigo);border:none;display:inline-flex;align-items:center;justify-content:center;font-size:15px;padding:0}.outils-bulle details summary{font-size:13px;font-weight:900;color:var(--indigo);cursor:pointer}.tip{font-size:13.5px;background:var(--or-doux);color:var(--or-texte);border-radius:10px;padding:6px 10px}.vocab{display:flex;flex-wrap:wrap;gap:6px}.vocab button{font-size:13px;font-weight:800;padding:3px 8px;border-radius:9px;border:2px solid var(--gris-clair);background:var(--fond)}.moi{align-self:flex-end;max-width:85%;background:var(--indigo);color:#fff;border-radius:var(--rayon);border-bottom-right-radius:4px;padding:10px 14px;font-size:17px;box-shadow:0 3px 0 var(--indigo-fonce);display:flex;align-items:center;gap:8px}.correction{align-self:flex-end;max-width:88%;background:var(--fond);border:2px solid #ffd9a3;border-radius:var(--rayon);padding:8px 12px;font-size:13.5px;font-weight:700;color:var(--encre-2)}.correction-pronunciation{border-color:var(--corail-bord)}.correction-vocabulary{border-color:var(--indigo-bord)}.correction s{color:var(--corail);font-size:16px}.correction strong{color:var(--jade-fonce);font-size:16px;font-weight:800}.typing{color:var(--gris)}.suggestions{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));background:var(--fond);border-top:2px solid var(--gris-clair);padding:8px 14px}.suggestions .defile-h button{white-space:nowrap;font-size:13.5px;font-weight:800;padding:6px 10px;border-radius:10px;border:2px solid var(--gris-clair);background:var(--fond)}.composer{position:sticky;bottom:0;background:var(--fond);padding:8px 14px calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center}.composer input{flex:1;min-height:48px;border-radius:var(--rayon);border:2px solid var(--gris-clair);background:var(--fond-2);padding:0 14px;font:700 16px var(--police),var(--police-zh);min-width:0}.composer input:focus{outline:none;border-color:var(--indigo)}.composer .envoyer{width:48px;height:48px;border-radius:14px;border:none;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 var(--indigo-fonce);flex:0 0 auto;padding:0}.composer .envoyer:disabled{background:var(--gris-clair);color:var(--gris);box-shadow:none}.tableau{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);background:var(--fond);border-left:2px solid var(--gris-clair);z-index:40;padding:calc(14px + env(safe-area-inset-top)) 16px 20px;overflow-y:auto;animation:depuis-droite .2s ease-out}@keyframes depuis-droite{0%{transform:translate(100%)}}.voile{position:fixed;inset:0;background:#14162373;z-index:35}.board{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.board li{border:2px solid var(--gris-clair);border-radius:var(--rayon);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.board-word{font-size:20px;font-weight:900;background:none;border:none;padding:0;color:var(--encre);display:inline-flex;gap:8px;align-items:center}.auth{max-width:420px;margin:0 auto;min-height:100dvh;padding:calc(30px + env(safe-area-inset-top)) 24px 30px;display:flex;flex-direction:column;align-items:center}.auth-nom{font-size:34px;font-weight:900;margin-top:6px}.auth-accroche{font-size:16px;font-weight:700;color:var(--encre-2);text-align:center;margin-top:4px}.auth form{width:100%;margin-top:24px}.auth h1{font-size:22px;font-weight:900;margin-top:18px;align-self:flex-start}.auth-bas{margin-top:auto;padding-top:24px;text-align:center;font-weight:800;color:var(--encre-2);font-size:15px;display:flex;flex-direction:column;gap:10px}.auth-bas a{color:var(--indigo);text-transform:uppercase;letter-spacing:.05em;font-weight:900;text-decoration:none}.langues-ui{display:flex;gap:8px;justify-content:center;margin-top:14px}.langues-ui button{font-weight:900;font-size:13px;padding:4px 10px;border-radius:9px;color:var(--gris);border:2px solid var(--gris-clair);background:var(--fond)}.langues-ui button.on{color:var(--indigo);border-color:var(--indigo-bord);background:var(--indigo-doux)}.accueil{max-width:var(--largeur);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.accueil-corps{flex:1;padding:6px 20px 20px;display:flex;flex-direction:column;gap:10px}.accueil-corps .option .langue{margin-right:2px}.objectif-ligne{justify-content:space-between}.objectif-ligne span:last-child{font-size:15px;font-weight:800;color:var(--gris)}.objectif-ligne.choisi span:last-child{color:var(--indigo)}.content .pied{bottom:calc(var(--onglets) + env(safe-area-inset-bottom))}.rond-emoji{width:40px;height:40px;border-radius:12px;background:var(--fond-2);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}.barre-haut a{text-decoration:none}.noeud.outil{background:var(--indigo);box-shadow:0 7px 0 var(--indigo-fonce)}.chemin{padding-top:76px}.actions-unite{display:flex;flex-wrap:wrap;gap:10px}.actions-unite>.btn{flex:1 1 140px}.ligne-reglage input.champ-libre{max-width:none;text-align:left;border:2px solid var(--gris-clair);background:var(--fond-2);border-radius:var(--rayon-s);padding:10px 12px;color:var(--encre)}