:root{--fond: #0f1117;--fond-carte: #171a23;--fond-eleve: #1f2430;--bordure: #2a3040;--texte: #eef1f7;--texte-doux: #a3acc0;--texte-faible: #6f7a90;--accent: #7aa2f7;--accent-fonce: #3d5a9e;--rose: #f7a2c4;--accent-texte: #0f1117;--succes: #7ddca4;--alerte: #f7a2a2;--alerte-fond: #2a1c22;--r1: 4px;--r2: 8px;--r3: 12px;--r4: 16px;--r5: 24px;--r6: 32px;--arrondi: 14px;--arrondi-doux: 10px;--cible: 44px;--cible-large: 56px;--ombre: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .24);--police: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition: .14s cubic-bezier(.32, .72, 0, 1)}@media (prefers-color-scheme: light){:root{--fond: #f6f7fa;--fond-carte: #ffffff;--fond-eleve: #eceff5;--bordure: #d8dde8;--texte: #12151c;--texte-doux: #4d5769;--texte-faible: #78829a;--accent: #2d5fd0;--accent-fonce: #1d3f8f;--rose: #c2457f;--accent-texte: #ffffff;--succes: #1f7a4d;--alerte: #a8202f;--alerte-fond: #fdeaec;--ombre: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .08)}}@media (prefers-reduced-motion: reduce){:root{--transition: 0ms linear}}*,*:before,*:after{box-sizing:border-box}html,body,#racine{height:100%}body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--police);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--r1)}.app{display:flex;flex-direction:column;min-height:100%;padding-top:env(safe-area-inset-top)}.contenu{flex:1;padding:var(--r4) var(--r4) var(--r6);max-width:640px;width:100%;margin:0 auto}.entete{display:flex;align-items:baseline;justify-content:space-between;gap:var(--r3);padding:var(--r3) var(--r4) var(--r2);max-width:640px;width:100%;margin:0 auto}.entete h1{font-size:28px;font-weight:700;letter-spacing:-.02em}.entete .sous-titre{color:var(--texte-doux);font-size:15px}.etat-lien{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--texte-faible)}.pastille{width:8px;height:8px;border-radius:50%;background:var(--texte-faible);transition:background var(--transition)}.pastille.en-ligne{background:var(--succes)}.incident{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--cible-large) + env(safe-area-inset-bottom) + var(--r5));z-index:20;max-width:calc(100% - var(--r5) * 2);padding:var(--r3) var(--r4);border-radius:var(--arrondi);background:var(--alerte-fond);color:var(--alerte);border:1px solid var(--alerte);font-size:15px;box-shadow:var(--ombre)}.vide{padding:var(--r6) var(--r4);text-align:center;color:var(--texte-doux)}.vide strong{display:block;color:var(--texte);font-size:19px;margin-bottom:var(--r2)}.section+.section{margin-top:var(--r5)}.section h2{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-faible);margin-bottom:var(--r2);padding-left:var(--r1)}.section.retard h2{color:var(--alerte)}.liste{display:flex;flex-direction:column;gap:2px;background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--arrondi);overflow:hidden}.ligne{display:flex;align-items:stretch;width:100%;background:var(--fond-carte)}.ligne+.ligne{border-top:1px solid var(--bordure)}.ligne.mienne{box-shadow:inset 3px 0 0 var(--accent)}.ligne-action{flex:1;min-width:0;display:flex;align-items:center;gap:var(--r3);min-height:var(--cible-large);padding:var(--r2) var(--r3) var(--r2) 0;text-align:left;background:none;transition:background var(--transition)}.ligne-action:active{background:var(--fond-eleve)}.supprimer{flex:none;width:var(--cible-large);display:grid;place-items:center;border-left:1px solid var(--bordure);color:var(--alerte);transition:background var(--transition)}.supprimer:active{background:var(--alerte-fond)}.supprimer svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.entete-actions{display:flex;align-items:center;gap:var(--r3)}.ligne.faite .titre{color:var(--texte-faible);text-decoration:line-through}.ligne .corps{flex:1;min-width:0}.ligne .titre{font-size:17px;font-weight:500;overflow-wrap:anywhere;transition:color var(--transition)}.ligne .meta{display:flex;align-items:center;flex-wrap:wrap;gap:2px var(--r2);margin-top:2px;font-size:13px;color:var(--texte-doux)}.ligne.en-attente{opacity:.55}.heure{font-variant-numeric:tabular-nums;font-weight:600;color:var(--texte);min-width:58px}.puce-membre{display:inline-flex;align-items:center;gap:5px}.point-membre{width:8px;height:8px;border-radius:50%;flex:none}.case-zone{flex:none;width:var(--cible-large);display:grid;place-items:center;background:none;transition:background var(--transition)}.case-zone:active{background:var(--fond-eleve)}.case-zone .boite{width:26px;height:26px;border-radius:8px;border:2px solid var(--texte-faible);display:grid;place-items:center;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.case-zone:active .boite{transform:scale(.88)}.case-zone.cochee .boite{background:var(--accent);border-color:var(--accent)}.case-zone svg{width:16px;height:16px;stroke:var(--accent-texte);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--transition)}.case-zone.cochee svg{opacity:1}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:var(--r2);min-height:var(--cible-large);padding:0 var(--r5);border-radius:var(--arrondi);font-size:17px;font-weight:600;background:var(--fond-eleve);color:var(--texte);border:1px solid var(--bordure);transition:transform var(--transition),opacity var(--transition)}.bouton:active{transform:scale(.97)}.bouton[disabled]{opacity:.45;pointer-events:none}.bouton.primaire{background:var(--accent);color:var(--accent-texte);border-color:var(--accent)}.bouton.pleine-largeur{width:100%}.bouton.discret{background:none;border-color:transparent;color:var(--texte-doux);font-weight:500;min-height:var(--cible);padding:0 var(--r3)}.ajout{display:flex;gap:var(--r2);margin-bottom:var(--r4)}.ajout input{flex:1;min-height:var(--cible-large);padding:0 var(--r4);font-size:17px;color:var(--texte);background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--arrondi)}.ajout input::placeholder{color:var(--texte-faible)}.ajout input:focus{outline:none;border-color:var(--accent)}.ajout .bouton{padding:0 var(--r4);flex:none}.nav{position:sticky;bottom:0;display:flex;background:color-mix(in srgb,var(--fond) 88%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--bordure);padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav button{flex:1;min-height:var(--cible-large);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:600;color:var(--texte-faible);transition:color var(--transition)}.nav button[aria-current=page]{color:var(--accent)}.nav .glyphe{font-size:20px;line-height:1}.connexion{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:var(--r5);padding-bottom:calc(env(safe-area-inset-bottom) + var(--r5));max-width:420px;margin:0 auto;gap:var(--r5)}.connexion .marque{text-align:center}.connexion .marque h1{font-size:32px;font-weight:700;letter-spacing:-.02em}.connexion .marque p{color:var(--texte-doux);margin-top:var(--r2)}.choix-membres{display:flex;flex-direction:column;gap:var(--r3)}.choix-membres .bouton{min-height:68px;font-size:20px}.points-pin{display:flex;justify-content:center;gap:var(--r3);margin:var(--r4) 0}.point-pin{width:14px;height:14px;border-radius:50%;border:2px solid var(--texte-faible);transition:background var(--transition),border-color var(--transition),transform var(--transition)}.point-pin.plein{background:var(--accent);border-color:var(--accent);transform:scale(1.12)}.points-pin.erreur .point-pin{border-color:var(--alerte);background:transparent;animation:secousse .32s}@keyframes secousse{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pave{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--r3)}.pave button{min-height:72px;border-radius:var(--arrondi);background:var(--fond-carte);border:1px solid var(--bordure);font-size:26px;font-weight:500;font-variant-numeric:tabular-nums;transition:transform var(--transition),background var(--transition)}.pave button:active{transform:scale(.94);background:var(--fond-eleve)}.pave button.vide-case{visibility:hidden}.pave button.action{font-size:17px;font-weight:600;background:none;border-color:transparent;color:var(--texte-doux)}.message-erreur{min-height:22px;text-align:center;color:var(--alerte);font-size:15px}.carte-notifs{margin-top:var(--r5);padding:var(--r4);border-radius:var(--arrondi);background:var(--fond-carte);border:1px solid var(--bordure)}.carte-notifs h3{font-size:16px;margin-bottom:var(--r2)}.carte-notifs p{color:var(--texte-doux);font-size:15px;margin-bottom:var(--r3)}.carte-notifs ol{color:var(--texte-doux);font-size:15px;margin:0 0 var(--r3);padding-left:var(--r5)}.carte-notifs li+li{margin-top:var(--r1)}.pastilles{display:flex;flex-wrap:wrap;gap:var(--r2);margin-bottom:var(--r2)}.pastille-choix{display:inline-flex;align-items:center;gap:6px;min-height:var(--cible);padding:0 var(--r3);border-radius:999px;font-size:15px;font-weight:500;color:var(--texte-doux);background:var(--fond-carte);border:1px solid var(--bordure);transition:background var(--transition),color var(--transition),border-color var(--transition)}.pastille-choix.active{color:var(--accent-texte);background:var(--accent);border-color:var(--accent)}.logo{display:flex;flex-direction:column;align-items:center;gap:var(--r3)}.logo-mot{font-weight:700;letter-spacing:-.025em;line-height:1;color:var(--texte)}.bascule{display:flex;gap:2px;padding:3px;margin-bottom:var(--r4);border-radius:999px;background:var(--fond-eleve);border:1px solid var(--bordure)}.bascule button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--cible);border-radius:999px;font-size:15px;font-weight:600;color:var(--texte-doux);transition:background var(--transition),color var(--transition)}.bascule button.actif{background:var(--fond-carte);color:var(--texte);box-shadow:var(--ombre)}.bascule .compteur{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-texte);font-size:12px;font-weight:700}.voile{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;animation:apparaitre var(--transition)}@keyframes apparaitre{0%{opacity:0}to{opacity:1}}.feuille{width:100%;max-width:640px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--r4);padding:var(--r3) var(--r4) var(--r5);padding-bottom:calc(env(safe-area-inset-bottom) + var(--r5));background:var(--fond-carte);border:1px solid var(--bordure);border-bottom:none;border-radius:var(--r5) var(--r5) 0 0;animation:monter var(--transition)}@keyframes monter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feuille-poignee{align-self:center;width:40px;height:4px;border-radius:999px;background:var(--bordure);margin-bottom:var(--r1)}.champ{display:flex;flex-direction:column;gap:var(--r2)}.champ>span{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-faible)}.champ input{min-height:var(--cible-large);padding:0 var(--r4);font-size:17px;font-family:inherit;color:var(--texte);background:var(--fond);border:1px solid var(--bordure);border-radius:var(--arrondi)}.champ input:focus{outline:none;border-color:var(--accent)}.champ input[disabled]{opacity:.4}.champ-double{display:flex;gap:var(--r3)}.champ-double .champ{flex:1;min-width:0}.note{font-size:14px;color:var(--texte-faible);margin-top:calc(var(--r3) * -1)}.feuille-actions{display:flex;gap:var(--r3)}.feuille-actions .bouton{flex:1}.bouton.danger{background:none;color:var(--alerte);border-color:var(--alerte)}.chevron{flex:none;display:grid;place-items:center;padding-left:var(--r2);color:var(--texte-faible)}.chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.repetee{display:inline-flex;align-items:center;gap:3px;color:var(--texte-faible)}.feuille-courte{gap:var(--r5);padding-top:var(--r3)}.question{font-size:19px;font-weight:600;text-align:center;padding:0 var(--r3)}.champ textarea{padding:var(--r3) var(--r4);font-size:17px;font-family:inherit;line-height:1.4;color:var(--texte);background:var(--fond);border:1px solid var(--bordure);border-radius:var(--arrondi);resize:none}.champ textarea:focus{outline:none;border-color:var(--accent)}.hors-ligne{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:center;gap:var(--r2);min-height:34px;padding:0 var(--r4);background:var(--alerte-fond);color:var(--alerte);border-bottom:1px solid var(--alerte);font-size:14px;font-weight:600}.profil{display:inline-flex;align-items:center;gap:7px;min-height:var(--cible);padding:0 var(--r3);border-radius:999px;border:1px solid var(--bordure);background:var(--fond-carte);font-size:15px;font-weight:600;color:var(--texte-doux)}.ajouter-gros{display:flex;align-items:center;justify-content:center;gap:var(--r2);width:100%;min-height:var(--cible-large);margin-bottom:var(--r4);border:1px dashed var(--bordure);border-radius:var(--arrondi);font-size:17px;font-weight:600;color:var(--texte-doux);transition:background var(--transition),color var(--transition),border-color var(--transition)}.ajouter-gros span{font-size:21px;line-height:1}.ajouter-gros:active{background:var(--fond-carte);border-color:var(--accent);color:var(--texte)}.feuille-titre{font-size:19px;font-weight:700;text-align:center;margin-bottom:calc(var(--r2) * -1)}.mois{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--r4);padding:var(--r2);background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--arrondi)}.mois-entete{text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--texte-faible);padding-bottom:var(--r1)}.case-jour{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--r2);font-variant-numeric:tabular-nums;transition:background var(--transition)}.case-jour .numero{font-size:15px;font-weight:600;color:var(--texte);line-height:1}.case-jour.hors-mois .numero{color:var(--texte-faible);opacity:.55}.case-jour.aujourdhui .numero{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-texte)}.case-jour.choisi{background:var(--fond-eleve);box-shadow:inset 0 0 0 1px var(--accent)}.case-jour:active{background:var(--fond-eleve)}.points{display:flex;gap:2px;height:5px}.points .point{width:5px;height:5px;border-radius:50%}.fleche{display:grid;place-items:center;width:var(--cible);height:var(--cible);border-radius:var(--arrondi-doux);font-size:26px;line-height:1;color:var(--texte-doux);transition:background var(--transition),color var(--transition)}.fleche:active{background:var(--fond-eleve);color:var(--texte)}.jour-choisi{display:flex;align-items:center;justify-content:space-between;gap:var(--r3);margin-bottom:var(--r3);font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-faible)}.colonnes-enfants{display:grid;grid-template-columns:1fr 1fr;gap:var(--r3);align-items:start}.colonne-enfant{display:flex;flex-direction:column;gap:var(--r3);padding:var(--r3);background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--arrondi)}.tete-enfant{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:17px}.tete-enfant .reste{width:100%;font-size:13px;font-weight:500;color:var(--texte-faible)}.bloc-enfant h3{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-faible);margin-bottom:var(--r1)}.mini-ligne{display:flex;align-items:flex-start;gap:var(--r2);min-height:var(--cible)}.mini-ligne.faite .mini-titre{color:var(--texte-faible);text-decoration:line-through}.mini-case{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;margin-left:-8px}.mini-case:before{content:"";position:absolute;width:22px;height:22px;border-radius:7px;border:2px solid var(--texte-faible);transition:background var(--transition),border-color var(--transition)}.mini-case.cochee:before{background:var(--accent);border-color:var(--accent)}.mini-case svg{position:relative;width:14px;height:14px;stroke:var(--accent-texte);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--transition)}.mini-case.cochee svg{opacity:1}.mini-titre{flex:1;min-width:0;padding:10px 0;text-align:left;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.rien{font-size:14px;color:var(--texte-faible)}.ajouter-mini{min-height:var(--cible);border:1px dashed var(--bordure);border-radius:var(--arrondi-doux);font-size:15px;font-weight:600;color:var(--texte-doux);transition:background var(--transition),border-color var(--transition)}.ajouter-mini:active{background:var(--fond-eleve);border-color:var(--accent)}