:root{--violet:#6d5efc;--bleu:#4f8cff;--accent:linear-gradient(135deg, #7b6dff, #4f8cff);--fond:#eef0fb;--carte:#ffffffd1;--bord:#6d5efc24;--texte:#1c1b33;--doux:#6b6a88;--champ:#fff;--survol:#6d5efc12;--ombre:0 24px 60px -20px #3c32a059, 0 2px 6px #3c32a014;color:var(--texte);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=sombre]{--fond:#0d0c1d;--carte:#1c1a38c7;--bord:#a096ff29;--texte:#eeeefc;--doux:#9c9bc0;--champ:#ffffff0d;--survol:#a096ff1a;--ombre:0 24px 60px -20px #000000b3, 0 2px 6px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--fond);margin:0}.scene{background:radial-gradient(60rem 30rem at 15% -10%, #7b6dff59, transparent 60%), radial-gradient(50rem 30rem at 100% 0%, #4f8cff4d, transparent 55%), var(--fond);place-items:start center;min-height:100vh;padding:3rem 1rem;display:grid}.carte{background:var(--carte);border:1px solid var(--bord);width:100%;max-width:560px;box-shadow:var(--ombre);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:1.75rem}.carte.centre{text-align:center;max-width:400px;margin-top:8vh}.entree{animation:.45s cubic-bezier(.2,.8,.2,1) both monte}@keyframes monte{0%{opacity:0;transform:translateY(14px)}}h1{letter-spacing:-.02em;margin:0;font-size:1.7rem}.sous-titre,.petit{color:var(--doux);margin:.35rem 0 0;font-size:.95rem}.logo{color:#fff;background:var(--accent);border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 1.1rem;display:grid;box-shadow:0 12px 28px -8px #6d5efc99}.formulaire{text-align:left;flex-direction:column;gap:1rem;margin-top:1.6rem;display:flex}label{color:var(--doux);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}input:not([type=checkbox]){width:100%;font:inherit;color:var(--texte);background:var(--champ);border:1px solid var(--bord);border-radius:14px;outline:none;padding:.8rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--doux);opacity:.7}input:focus{border-color:var(--violet);box-shadow:0 0 0 4px #6d5efc2e}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline-offset:2px;outline:3px solid #6d5efc80}.principal{color:#fff;background:var(--accent);border-radius:14px;padding:.85rem 1.2rem;font-weight:600;transition:transform .15s,filter .15s;box-shadow:0 10px 24px -10px #6d5efccc}.principal:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.principal:disabled{opacity:.6;cursor:default}.principal.rond{flex:none;place-items:center;width:52px;padding:0;display:grid}.entete{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.prenom{text-transform:capitalize}.actions{gap:.5rem;display:flex}.icone{width:42px;height:42px;color:var(--doux);background:var(--champ);border:1px solid var(--bord);border-radius:12px;place-items:center;transition:color .15s,background .15s;display:grid}.icone:hover{color:var(--violet);background:var(--survol)}.progres{background:var(--champ);border:1px solid var(--bord);border-radius:16px;margin:1.4rem 0 1.2rem;padding:1rem 1.1rem}.progres-texte{color:var(--doux);align-items:baseline;gap:.3rem;font-size:.92rem;display:flex}.progres-texte strong{color:var(--texte)}.progres-texte span{color:var(--violet);margin-left:auto;font-weight:700}.barre{background:var(--survol);border-radius:99px;height:8px;margin-top:.7rem;overflow:hidden}.barre div{background:var(--accent);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}.ajout{gap:.6rem;margin-bottom:1.1rem;display:flex}.bandeau{color:var(--doux);background:var(--survol);border-radius:12px;margin:0 0 1rem;padding:.7rem 1rem;font-size:.9rem}.filtres{background:var(--survol);border-radius:14px;gap:.3rem;margin-bottom:.6rem;padding:.3rem;display:flex}.filtres button{color:var(--doux);background:0 0;border-radius:10px;flex:1;padding:.5rem;font-size:.88rem;font-weight:600;transition:all .15s}.filtres button.actif{color:var(--texte);background:var(--champ);box-shadow:0 2px 8px #00000014}.liste{margin:0;padding:0;list-style:none}.liste li{border-radius:14px;align-items:center;gap:.85rem;padding:.85rem .6rem;transition:background .15s;animation:.3s both monte;display:flex}.liste li+li{border-top:1px solid var(--bord)}.liste li:hover{background:var(--survol)}.case{color:#0000;border:2px solid var(--doux);background:0 0;border-radius:9px;flex:none;place-items:center;width:26px;height:26px;transition:all .2s;display:grid}.case:hover:not(:disabled){border-color:var(--violet)}.case:disabled{cursor:default;opacity:.7}li.fait .case{color:#fff;background:var(--accent);border-color:#0000;transform:scale(1.05)}.titre{overflow-wrap:anywhere;flex:1;min-width:0;transition:color .2s}li.fait .titre{color:var(--doux);text-decoration:line-through;-webkit-text-decoration-color:var(--violet);text-decoration-color:var(--violet)}.supprimer{color:var(--doux);opacity:0;background:0 0;border-radius:10px;padding:.4rem;transition:all .15s}.liste li:hover .supprimer,.supprimer:focus-visible{opacity:1}.supprimer:hover{color:#e5484d;background:#e5484d1f}@media (hover:none){.supprimer{opacity:.8}}.vide{color:var(--doux);text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:2.2rem 0 1.2rem;display:flex}.vide p{margin:0}.vide-icone{width:56px;height:56px;color:var(--violet);background:var(--survol);border-radius:18px;place-items:center;display:grid}.erreur{text-align:left;color:#c62d33;background:#e5484d1f;border-radius:12px;margin:.5rem 0;padding:.7rem 1rem;font-size:.9rem}:root[data-theme=sombre] .erreur{color:#ff9a9d}.chargement{color:var(--doux);margin-top:20vh}@media (width<=560px){.scene{padding:0}.carte{border:0;border-radius:0;min-height:100vh}.carte.centre{margin-top:0;padding-top:18vh}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.succes{text-align:left;color:#157347;background:#1987541f;border-radius:12px;margin:.5rem 0;padding:.7rem 1rem;font-size:.9rem}:root[data-theme=sombre] .succes{color:#7ddba4}.liens{justify-content:space-between;gap:1rem;margin-top:1.2rem;display:flex}.liens button{color:var(--violet);background:0 0;padding:.2rem 0;font-size:.88rem;font-weight:600}.liens button:hover{text-decoration:underline}