:root{--fond: #f4f7f6;--surface: #ffffff;--texte: #2c3a47;--texte-doux: #5d6d7e;--accent: #3a7ca5;--accent-fonce: #2f6690;--bordure: #d5dde2;--focus: #e07a2f;--minuteur: #d1495b;--rayon: 16px}:root[data-contraste=eleve]{--fond: #ffffff;--surface: #ffffff;--texte: #000000;--texte-doux: #000000;--accent: #0000b3;--accent-fonce: #000080;--bordure: #000000;--focus: #b30059;--minuteur: #b30000}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.entete{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border-bottom:2px solid var(--bordure);flex-wrap:wrap}.reglages{display:flex;gap:.5rem;flex-wrap:wrap}.bouton-entete{min-height:48px;min-width:48px;padding:.5rem .9rem;font-size:1rem;font-weight:600;color:var(--texte);background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon);cursor:pointer}.bouton-entete:hover:not(:disabled){border-color:var(--accent)}.bouton-entete:disabled{opacity:.4;cursor:not-allowed}.bouton-entete[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent-fonce)}.contenu{flex:1;width:100%;max-width:640px;margin:0 auto;padding:1.5rem 1rem 2.5rem}.titre-app{text-align:center;font-size:2.2rem;margin:1rem 0 .25rem;color:var(--accent-fonce)}.sous-titre{text-align:center;font-size:1.15rem;color:var(--texte-doux);margin:0 0 2rem}.grille-sections{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 480px){.grille-sections{grid-template-columns:1fr 1fr}}.bouton-section{width:100%;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:1.2rem;font-weight:700;font-family:inherit;color:var(--texte);background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon);cursor:pointer}.bouton-section:hover{border-color:var(--accent);background:var(--surface)}.picto{font-size:2.4rem;line-height:1}.titre-section{font-size:1.8rem;color:var(--accent-fonce)}.message-attente{font-size:1.15rem;background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon);padding:1.25rem}.bouton-retour{margin-top:1.5rem;min-height:80px;flex-direction:row}.bouton-retour .picto{font-size:1.6rem}.liste-routines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.carte-routine{width:100%;min-height:96px;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;font-family:inherit;font-size:1.2rem;text-align:left;color:var(--texte);background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon);cursor:pointer}.carte-routine:hover{border-color:var(--accent)}.picto-routine{font-size:2.8rem;line-height:1}.infos-routine{display:flex;flex-direction:column;gap:.35rem}.nom-routine{font-weight:700}.badge-moment{align-self:flex-start;font-size:1rem;font-weight:600;color:var(--accent-fonce);background:var(--fond);border:2px solid var(--bordure);border-radius:999px;padding:.15rem .75rem}.lecteur{display:flex;flex-direction:column;align-items:center;text-align:center}.nom-routine-lecteur{font-size:1.15rem;font-weight:700;color:var(--texte-doux);margin:0 0 .5rem}.progression{font-size:1.1rem;font-weight:600;margin:0}.points-progression{display:flex;gap:.5rem;margin:.75rem 0 1.25rem}.point{width:16px;height:16px;border-radius:50%;background:var(--fond);border:2px solid var(--bordure)}.point.actif{background:var(--accent);border-color:var(--accent-fonce)}.etape-carte{width:100%;background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon);padding:2rem 1rem}.picto-geant{font-size:6rem;line-height:1;margin:0}.etape-libelle{font-size:1.6rem;font-weight:700;margin:1rem 0 0}.bouton-fait{width:100%;min-height:96px;margin-top:1.25rem;font-family:inherit;font-size:1.8rem;font-weight:800;color:#fff;background:#2e8b57;border:3px solid #1f6b41;border-radius:var(--rayon);cursor:pointer}.bouton-fait:hover{background:#257048}:root[data-contraste=eleve] .bouton-fait{background:#006400;border-color:#000}.bouton-quitter{min-height:56px;margin-top:1.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:1.05rem;font-weight:600;color:var(--texte);background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon);cursor:pointer}.bouton-quitter:hover:not(:disabled){border-color:var(--accent)}.bouton-quitter:disabled{opacity:.4;cursor:not-allowed}.bouton-ecouter{min-height:56px;margin-top:1rem;padding:.5rem 1.5rem;font-family:inherit;font-size:1.15rem;font-weight:700;color:var(--accent-fonce);background:var(--fond);border:2px solid var(--accent);border-radius:999px;cursor:pointer}.bouton-ecouter:hover{background:var(--surface)}.minuteur{display:flex;flex-direction:column;align-items:center;margin-top:1.25rem}.minuteur-cadran{width:min(45vw,170px);height:auto}.minuteur-fond{fill:var(--fond);stroke:var(--bordure);stroke-width:4}.minuteur-restant{fill:var(--minuteur)}.minuteur-centre{fill:var(--surface);stroke:var(--bordure);stroke-width:2}.minuteur-texte{font-size:1.15rem;font-weight:700;margin:.75rem 0 0}.bouton-pause{min-height:48px;margin-top:.5rem;padding:.4rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:600;color:var(--texte);background:var(--surface);border:2px solid var(--bordure);border-radius:999px;cursor:pointer}.bouton-pause:hover{border-color:var(--accent)}.bouton-pause[aria-pressed=true]{background:var(--fond);border-color:var(--accent)}.barre-lecteur{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.barre-lecteur .bouton-quitter{margin-top:0}.onglets{display:flex;gap:.75rem;margin-bottom:1.25rem}.onglet{flex:1;min-height:64px;padding:.5rem .75rem;font-family:inherit;font-size:1.1rem;font-weight:700;color:var(--texte);background:var(--fond);border:2px solid var(--bordure);border-radius:var(--rayon);cursor:pointer}.onglet:hover{border-color:var(--accent)}.onglet[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent-fonce)}.date-echeance{font-size:1rem;color:var(--texte-doux);text-transform:capitalize}.badge-urgence{align-self:flex-start;font-size:1rem;font-weight:700;border-radius:999px;padding:.2rem .8rem;border:2px solid}.badge-urgence.urgent{color:#922b21;background:#fdecea;border-color:#c0392b}.badge-urgence.bientot{color:#7e5109;background:#fdf3e3;border-color:#b9770e}.badge-urgence.plus-tard{color:#196f3d;background:#e8f6ee;border-color:#1e8449}:root[data-contraste=eleve] .badge-urgence.urgent{color:#000;background:#fff;border-color:#b30000;border-width:3px}:root[data-contraste=eleve] .badge-urgence.bientot{color:#000;background:#fff;border-color:#7a4b00;border-width:3px}:root[data-contraste=eleve] .badge-urgence.plus-tard{color:#000;background:#fff;border-color:#004d00;border-width:3px}.navigation-jours{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.bouton-jour{min-height:64px;min-width:88px;padding:.5rem .9rem;font-family:inherit;font-size:1.05rem;font-weight:700;color:var(--texte);background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon);cursor:pointer}.bouton-jour:hover:not(:disabled){border-color:var(--accent)}.bouton-jour:disabled{opacity:.4;cursor:not-allowed}.jour-courant{text-align:center;flex:1}.nom-jour{font-size:1.35rem;font-weight:800;margin:0;color:var(--accent-fonce);text-transform:capitalize}.date-jour{font-size:1rem;color:var(--texte-doux);margin:.15rem 0 0;text-transform:capitalize}.liste-evenements{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:1rem}.carte-evenement{display:flex;align-items:center;gap:1rem;min-height:88px;padding:1rem 1.25rem;background:var(--surface);border:2px solid var(--bordure);border-radius:var(--rayon)}