:root{--vert:#58cc02;--vert-f:#46a302;--vert-c:#d7ffb8;--bleu:#1cb0f6;--bleu-f:#1899d6;--bleu-c:#ddf4ff;--orange:#ff9600;--orange-f:#e08600;--rouge:#ff4b4b;--rouge-f:#ea2b2b;--rouge-c:#ffdfe0;--violet:#ce82ff;--violet-f:#a568cc;--violet-c:#f4e5ff;--jaune:#ffc800;--jaune-c:#fff5d3;--encre:#3c3c3c;--gris:#777;--gris-c:#afafaf;--bord:#e5e5e5;--fond:#f7f7f7;--carte:#fff;--r:16px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Nunito,system-ui,sans-serif;color:var(--encre);background:var(--fond);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--bleu-f);text-decoration:none}h1,h2,h3{margin:0 0 .4em;line-height:1.2;font-weight:900}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}p{margin:0 0 .8em}.page{max-width:980px;margin:0 auto;padding:20px 16px 80px}.etroit{max-width:720px}.ligne{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.entre{justify-content:space-between}.grille{display:grid;grid-gap:16px;gap:16px}.g2{grid-template-columns:1.4fr 1fr}@media (max-width:820px){.g2{grid-template-columns:1fr}}.muet{color:var(--gris)}.petit{font-size:14px}.gras{font-weight:800}.carte{background:var(--carte);border:2px solid var(--bord);border-radius:var(--r);padding:18px}.carte+.carte{margin-top:16px}.titre-carte{font-size:13px;font-weight:900;letter-spacing:.08em;color:var(--gris);margin-bottom:10px}.btn,.titre-carte{text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:900;font-size:15px;letter-spacing:.06em;border:0;border-radius:14px;padding:13px 22px;cursor:pointer;color:#fff;background:var(--vert);box-shadow:0 4px 0 var(--vert-f);transition:transform .05s,filter .1s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--vert-f)}.btn:disabled{background:var(--bord);color:var(--gris-c);box-shadow:0 4px 0 #d0d0d0;cursor:not-allowed}.btn.bleu{background:var(--bleu);box-shadow:0 4px 0 var(--bleu-f)}.btn.violet{background:var(--violet);box-shadow:0 4px 0 var(--violet-f)}.btn.orange{background:var(--orange);box-shadow:0 4px 0 var(--orange-f)}.btn.blanc{background:#fff;color:var(--bleu-f);border:2px solid var(--bord);box-shadow:0 4px 0 var(--bord)}.btn.plein{width:100%}input[type=password],input[type=text],select,textarea{width:100%;font:inherit;font-size:17px;padding:12px 14px;border:2px solid var(--bord);border-radius:12px;background:#f9f9f9;color:var(--encre);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--bleu);background:#fff}textarea{min-height:140px;resize:vertical}label{font-weight:800;display:block;margin:12px 0 6px}.barre{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#fff;border-bottom:2px solid var(--bord)}.barre .contenu{max-width:980px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:18px}.logo{font-size:22px;color:var(--vert);letter-spacing:-.02em}.logo,.puce{font-weight:900}.puce{display:inline-flex;align-items:center;gap:6px;font-size:17px}.puce.feu{color:var(--orange)}.puce.xp{color:var(--jaune);filter:saturate(1.2)}.puce.niv{color:var(--bleu)}.espace{flex:1 1}.jauge{height:16px;background:var(--bord);overflow:hidden}.jauge,.jauge>div{border-radius:99px}.jauge>div{height:100%;background:var(--vert);position:relative;transition:width .6s}.jauge>div:after{content:"";position:absolute;left:8px;right:8px;top:3px;height:4px;border-radius:9px;background:rgba(255,255,255,.35)}.jauge.bleu>div{background:var(--bleu)}.jauge.orange>div{background:var(--orange)}.jauge.violet>div{background:var(--violet)}.chemin{gap:18px;padding:10px 0}.chemin,.etape{display:flex;flex-direction:column;align-items:center}.etape{gap:6px;text-decoration:none;color:var(--encre)}.rond{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:var(--vert);box-shadow:0 7px 0 var(--vert-f);transition:transform .08s}.etape:hover .rond{transform:translateY(-2px)}.rond.fait{background:var(--jaune);box-shadow:0 7px 0 #e0a800}.rond.verrou{background:var(--bord);box-shadow:0 7px 0 #cfcfcf;filter:grayscale(1)}.rond.bleu{background:var(--bleu);box-shadow:0 7px 0 var(--bleu-f)}.rond.violet{background:var(--violet);box-shadow:0 7px 0 var(--violet-f)}.rond.orange{background:var(--orange);box-shadow:0 7px 0 var(--orange-f)}.rond.rouge{background:var(--rouge);box-shadow:0 7px 0 var(--rouge-f)}.etape .nom{font-weight:900;font-size:15px}.decale-1{transform:translateX(-60px)}.decale-2{transform:translateX(-30px)}.decale-3{transform:translateX(30px)}.decale-4{transform:translateX(60px)}@media (max-width:420px){.decale-1{transform:translateX(-40px)}.decale-4{transform:translateX(40px)}}.semaine{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;text-align:center}.jour-pastille{border-radius:12px;padding:6px 0;font-weight:900;font-size:13px;background:var(--fond);border:2px solid var(--bord);color:var(--gris-c)}.jour-pastille.ok{background:var(--orange);border-color:var(--orange-f);color:#fff}.jour-pastille.encours{border-color:var(--orange);color:var(--orange)}.jour-pastille.auj{outline:3px solid var(--bleu-c)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-gap:10px;gap:10px}.badge{text-align:center;padding:10px 4px;border-radius:14px;border:2px solid var(--bord);font-size:12px;font-weight:800}.badge .e{font-size:30px;display:block}.badge.non{opacity:.35;filter:grayscale(1)}.etagere{display:flex;gap:6px;align-items:flex-end;min-height:120px;padding:0 8px 6px;border-bottom:8px solid #c58b4b;border-radius:0 0 4px 4px;flex-wrap:wrap}.dos{width:30px;border-radius:4px 4px 0 0;writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-size:11px;font-weight:800;padding:6px 0;text-align:center;overflow:hidden}.dos.vide{background:repeating-linear-gradient(45deg,#eee,#eee 6px,#f7f7f7 0,#f7f7f7 12px);color:transparent}.onglets{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}.onglet{flex:none;border:2px solid var(--bord);background:#fff;border-radius:14px;padding:8px 14px;font-weight:900;font-size:15px;cursor:pointer;color:var(--gris);font-family:inherit}.onglet.actif{border-color:var(--bleu);color:var(--bleu-f);background:var(--bleu-c)}.onglet.fini{color:var(--vert-f)}.lecon{background:var(--bleu-c);border-radius:var(--r);padding:16px 18px;margin-bottom:16px}.retenir{background:var(--jaune-c);border-left:6px solid var(--jaune);border-radius:10px;padding:10px 14px;font-weight:800;margin-top:10px}.exo{padding:12px 0;border-bottom:2px dashed var(--bord)}.exo:last-child{border-bottom:0}.exo .num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--violet-c);color:var(--violet-f);font-weight:900;font-size:14px;margin-right:8px}.choix{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.choix button{text-align:left;font:inherit;font-weight:700;padding:12px 14px;border-radius:14px;border:solid var(--bord);border-width:2px 2px 4px;background:#fff;cursor:pointer;color:var(--encre)}.choix button.sel{border-color:var(--bleu);background:var(--bleu-c);color:var(--bleu-f)}.choix button.bon{border-color:var(--vert);background:var(--vert-c);color:var(--vert-f)}.choix button.faux{border-color:var(--rouge);background:var(--rouge-c);color:var(--rouge-f)}.retour{border-radius:var(--r);padding:14px 16px;margin-top:14px}.retour.bien{background:var(--vert-c);color:#2b7a00}.retour.moyen{background:var(--jaune-c);color:#8a6100}.retour.mal{background:var(--rouge-c);color:#b51e1e}.retour b{color:inherit}.juste{color:var(--vert-f);font-weight:900}.fauxtxt{color:var(--rouge-f);font-weight:900}.gros-mot{font-size:40px;font-weight:900;color:var(--violet-f);letter-spacing:-.01em}.chip{display:inline-block;background:var(--fond);border:2px solid var(--bord);border-radius:99px;padding:2px 10px;font-size:13px;font-weight:800;margin:2px 4px 2px 0}.chargement{text-align:center;padding:60px 10px}.hibou{font-size:64px;display:inline-block;animation:sautille 1s infinite}@keyframes sautille{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pop{animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.confettis{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.confettis span{position:absolute;top:-20px;width:10px;height:14px;border-radius:2px;animation:tombe 2.2s ease-in forwards}@keyframes tombe{to{transform:translateY(110vh) rotate(2turn)}}.minuteur{position:-webkit-sticky;position:sticky;top:64px;z-index:5;background:#fff;border:2px solid var(--bord);border-radius:14px;padding:8px 14px;font-weight:900;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.minuteur.urgent{border-color:var(--rouge);color:var(--rouge-f)}.note-ronde{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:26px;color:#fff;background:var(--vert);box-shadow:0 6px 0 var(--vert-f)}.tableau-notes{width:100%;border-collapse:collapse}.tableau-notes td{padding:8px 4px;border-bottom:2px solid var(--fond)}table.simple{width:100%;border-collapse:collapse;font-size:15px}table.simple td,table.simple th{text-align:left;padding:8px 6px;border-bottom:2px solid var(--fond);vertical-align:top}details summary{cursor:pointer;font-weight:800}.connexion{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,var(--bleu-c),#fff)}.connexion .carte{width:100%;max-width:420px}.erreur{background:var(--rouge-c);color:var(--rouge-f);border-radius:12px;padding:10px 12px;font-weight:800;margin-top:10px}.grille>.carte,.grille>.carte+.carte{margin-top:0}