: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);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;gap: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{flex:none;width:var(--cible);height:var(--cible);margin:-2px 0 -2px -6px;display:grid;place-items:center}.case .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:active .boite{transform:scale(.88)}.case.cochee .boite{background:var(--accent);border-color:var(--accent)}.case 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.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)}