:root{--papier:#f3ead6;--points:#3c466429;--encre:#2f3a56;--encre-douce:#5a6480;--surligneur:#f7d46a;--tampon:#c2334d;--polaroid:#fffdf8;--feuille:#fffaf0;--trait:#2f3a5624;--rebond:cubic-bezier(.34, 1.56, .64, 1);--doux:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background-color:var(--papier);background-image:radial-gradient(circle, var(--points) 1px, transparent 1.6px);color:var(--encre);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-size:22px 22px;font-family:Nunito,system-ui,sans-serif}button{font:inherit;color:inherit}.page{max-width:640px;padding:calc(env(safe-area-inset-top) + 18px) 16px calc(env(safe-area-inset-bottom) + 110px);margin:0 auto}.tete{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}h1{margin:0;line-height:1}h1 span{background:linear-gradient(transparent 58%, var(--surligneur) 58%, var(--surligneur) 88%, transparent 88%);padding:0 8px;font-family:Caveat,cursive;font-size:2.9rem;font-weight:700}.onglets{background:#2f3a5614;border-radius:999px;padding:3px;display:flex}.onglet{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:.92rem;font-weight:700;transition:background-color .2s,color .2s}.onglet--oui{background:var(--encre);color:var(--polaroid)}.famille{justify-content:space-between;gap:4px;margin:0 0 6px;padding:0;list-style:none;display:flex}.membre{--scotch:#f09696b3;--r:-4deg;min-width:0;animation:arrivee .55s var(--doux) both;animation-delay:calc(var(--i,0) * 45ms);flex:1 1 0}.membre:nth-child(5n+2){--scotch:#8cbee6bf;--r:3deg}.membre:nth-child(5n+3){--scotch:#a0cd82bf;--r:-2deg}.membre:nth-child(5n+4){--scotch:#f7d46acc;--r:4deg}.membre:nth-child(5n+5){--r:-3deg}.membre__bouton{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 0 0;transition:opacity .25s;display:flex}.membre__bouton--terne{opacity:.4}.portrait{background:var(--polaroid);width:50px;transform:translateY(var(--y,0)) rotate(var(--r,0deg));transition:transform .35s var(--rebond);border-radius:3px;padding:3px 3px 9px;display:block;position:relative;box-shadow:0 5px 10px -4px #28283c59}.portrait:before{content:"";background:var(--scotch);width:24px;height:10px;margin-left:-12px;position:absolute;top:-6px;left:50%;transform:rotate(-6deg)}.portrait img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.membre__bouton--oui .portrait{--y:-4px;--r:0deg;box-shadow:0 0 0 3px var(--surligneur), 0 8px 14px -6px #28283c73}.prenom{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Caveat,cursive;font-size:clamp(.92rem,4vw,1.05rem);font-weight:700;overflow:hidden}.filtre{text-align:center;color:var(--encre-douce);margin:2px 0 0;font-size:.85rem}.lien{color:var(--encre);text-decoration:underline;-webkit-text-decoration-color:var(--surligneur);text-decoration-color:var(--surligneur);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration-thickness:3px}.periode{justify-content:space-between;align-items:center;gap:8px;margin:14px 0 12px;display:flex}.periode__titre{flex-direction:column;align-items:center;gap:2px;display:flex}.periode__titre>span{font-family:Caveat,cursive;font-size:1.75rem;font-weight:700;line-height:1}.periode__titre .lien{font-size:.82rem}.fleche{background:var(--polaroid);cursor:pointer;width:44px;height:44px;transition:transform .2s var(--rebond);border:0;border-radius:50%;flex:none;place-items:center;font-size:1.6rem;line-height:1;display:grid;box-shadow:0 4px 10px -6px #28283c80}.fleche:active{transform:scale(.9)}.panne{text-align:center;color:var(--tampon);margin:0 0 10px;font-size:.88rem;font-weight:700}.semaine{flex-direction:column;gap:10px;display:flex}.jour{background:var(--feuille);animation:arrivee .5s var(--doux) both;animation-delay:calc(var(--i,0) * 40ms);border-radius:6px;padding:10px 12px 12px;position:relative;box-shadow:0 6px 14px -12px #28283c99}.jour--passe{opacity:.62}.jour--auj{box-shadow:0 0 0 2px var(--encre), 0 10px 18px -12px #28283c99}.jour__tete{justify-content:space-between;align-items:center;display:flex}.jour__tete h3{align-items:baseline;gap:6px;margin:0;font-family:Caveat,cursive;font-size:1.45rem;font-weight:700;line-height:1.1;display:flex}.jour__nom{text-transform:capitalize}.jour--auj .jour__num{background:var(--surligneur);border-radius:999px;padding:0 6px}.jour__plus{border:2px dashed var(--trait);width:34px;height:34px;color:var(--encre-douce);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:1.3rem;line-height:1;display:grid}.jour__plus:hover{border-color:var(--encre);color:var(--encre)}.jour__bandeaux{flex-wrap:wrap;gap:6px;margin:4px 0 2px;display:flex}.ruban{color:#6b5a12;background:repeating-linear-gradient(-45deg,#f7d46a8c 0 6px,#f7d46a4d 6px 12px);border-radius:3px;padding:2px 8px;font-size:.74rem;font-weight:700}.ferie{border:2px solid var(--tampon);color:var(--tampon);text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:1px 7px;font-size:.68rem;font-weight:800;transform:rotate(-2deg)}.jour__vide{color:#2f3a564d;margin:2px 0 0}.postit--rdv{--postit:#c4ddf2}.postit--activite{--postit:#cfe6b8}.postit--garde{--postit:#f8c6c9}.postit--vacances{--postit:#fbe58b}.postit--anniversaire{--postit:#f6c99b}.postit--autre{--postit:#e6dfcf}.postits{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.postits>li{--r:-.6deg;animation:pose .45s var(--rebond) both;animation-delay:calc(var(--i,0) * 40ms + var(--k,0) * 50ms + .12s)}.postits>li:nth-child(2n){--r:.7deg}.postit{background:var(--postit);text-align:left;cursor:pointer;width:100%;transform:translateY(var(--y,0)) rotate(var(--r,0deg));transition:transform .25s var(--rebond);border:0;border-radius:2px 2px 12px;align-items:center;gap:10px;padding:9px 10px;display:flex;box-shadow:0 8px 10px -9px #28283c8c}.postit:hover,.postit:focus-visible{--y:-2px;--r:0deg}.postit:focus-visible{outline:2px solid var(--encre);outline-offset:2px}.postit__quand{flex:none;min-width:52px;font-family:Caveat,cursive;font-size:1.15rem;font-weight:700;line-height:1.05}.postit__corps{flex-direction:column;flex:1;min-width:0;display:flex}.postit__titre{overflow-wrap:anywhere;font-size:.95rem;font-weight:700;line-height:1.25}.postit__boucle{color:var(--encre-douce);font-weight:400}.postit__lieu{color:var(--encre-douce);font-size:.8rem}.postit__qui{flex:none;display:flex}.postit__qui img{border:2px solid var(--polaroid);object-fit:cover;background:var(--polaroid);border-radius:50%;width:26px;height:26px;margin-left:-8px}.postit__qui img:first-child{margin-left:0}.mois{background:var(--feuille);animation:arrivee .45s var(--doux) both;border-radius:6px;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px;display:grid;box-shadow:0 6px 14px -12px #28283c99}.mois__entete{text-align:center;text-transform:uppercase;color:var(--encre-douce);padding:2px 0 4px;font-size:.72rem;font-weight:800}.case{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:stretch;gap:3px;min-height:58px;padding:4px 3px;display:flex}.case--vac{background:repeating-linear-gradient(-45deg,#f7d46a47 0 5px,#0000 5px 10px)}.case--dehors{opacity:.38}.case--choisie{box-shadow:inset 0 0 0 2px var(--encre)}.case__num{text-align:center;border-radius:999px;align-self:center;min-width:24px;padding:0 4px;font-size:.85rem;font-weight:800}.case--auj .case__num{background:var(--surligneur)}.case--ferie .case__num{color:var(--tampon)}.case__traits{flex-direction:column;gap:2px;display:flex}.trait{background:var(--postit);border-radius:3px;height:6px;overflow:hidden}.trait__titre{display:none}.case__plus{text-align:center;color:var(--encre-douce);font-size:.66rem;font-weight:800}.mois__jour{margin-top:12px}.ajout{right:max(18px, env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 20px);z-index:5;background:var(--surligneur);cursor:pointer;width:62px;height:62px;transition:transform .3s var(--rebond);border:0;border-radius:4px 4px 20px;place-items:center;font-family:Caveat,cursive;font-size:2.6rem;font-weight:700;line-height:1;display:grid;position:fixed;transform:rotate(-4deg);box-shadow:0 14px 18px -10px #28283c8c}.ajout:hover{transform:rotate(0)translateY(-3px)}.ajout:active{transform:scale(.92)}.voile{z-index:20;background:#1e223200;justify-content:center;align-items:flex-end;transition:background-color .28s;display:flex;position:fixed;inset:0}.voile--ouvert{background:#1e223261}.fiche{overscroll-behavior:contain;width:min(100%,560px);max-height:92dvh;padding:8px 18px calc(env(safe-area-inset-bottom) + 18px);background-color:var(--feuille);transition:transform .28s var(--doux);background-image:repeating-linear-gradient(#0000 0 31px,#7896c829 31px 32px);border-radius:18px 18px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 30px -10px #1e223266}.fiche--ouverte{transform:translateY(0)}.fiche__poignee{background:var(--trait);border-radius:3px;align-self:center;width:44px;height:5px}.fiche__tete{justify-content:space-between;align-items:center;display:flex}.fiche__tete h2{margin:0;font-family:Caveat,cursive;font-size:2rem;line-height:1}.fiche__fermer{cursor:pointer;background:#2f3a5614;border:0;border-radius:50%;width:40px;height:40px;font-size:1.5rem;line-height:1}.fiche__titre{border:0;border-bottom:2px solid var(--encre);width:100%;color:var(--encre);background:0 0;padding:10px 2px;font-family:Caveat,cursive;font-size:1.8rem;font-weight:700}.fiche__titre:focus{border-bottom-color:var(--surligneur);outline:none}.champ{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.champ legend{text-transform:uppercase;letter-spacing:.06em;color:var(--encre-douce);margin-bottom:6px;padding:0;font-size:.8rem;font-weight:800}.qui{justify-content:space-between;gap:4px;display:flex}.qui__membre{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;padding:4px 0;display:flex}.qui__membre img{object-fit:cover;filter:grayscale(.85);opacity:.55;width:52px;height:52px;transition:transform .25s var(--rebond), opacity .2s, filter .2s;border:3px solid #0000;border-radius:50%}.qui__membre span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Caveat,cursive;font-size:1rem;font-weight:700;overflow:hidden}.qui__membre--oui img{border-color:var(--surligneur);filter:none;opacity:1;transform:scale(1.06)}.champ>.lien{align-self:flex-start;font-size:.88rem}.puces{flex-wrap:wrap;gap:7px;display:flex}.puce{background:var(--postit,#2f3a5612);cursor:pointer;opacity:.6;transition:transform .2s var(--rebond), opacity .2s;border:0;border-radius:2px 2px 10px;padding:7px 12px;font-size:.88rem;font-weight:700}.puces--sobres .puce{opacity:1;border-radius:999px}.puce--oui{opacity:1;box-shadow:inset 0 0 0 2px var(--encre);transform:rotate(-1.5deg)}.puces--sobres .puce--oui{background:var(--encre);color:var(--polaroid);box-shadow:none;transform:none}.ligne{flex-wrap:wrap;gap:10px;display:flex}.ligne label,.ligne--seule{align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.ligne input,.saisie{font:inherit;color:var(--encre);background:#fff;border:2px solid #2f3a5633;border-radius:8px;padding:9px 10px;font-size:1rem}.ligne input:focus-visible,.saisie:focus-visible{border-color:var(--encre);outline:none}.saisie{resize:vertical;width:100%}.case-a-cocher{align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.case-a-cocher input{width:20px;height:20px;accent-color:var(--encre)}.fiche__trace{color:var(--encre-douce);margin:0;font-size:.82rem}.fiche__erreur{color:var(--tampon);margin:0;font-weight:700}.fiche__pied{bottom:calc(-18px - env(safe-area-inset-bottom));margin:0 -18px calc(-18px - env(safe-area-inset-bottom));padding:12px 18px calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(transparent, var(--feuille) 30%);justify-content:flex-end;gap:10px;display:flex;position:sticky}.bouton{text-align:center;cursor:pointer;border:0;border-radius:8px;padding:12px 18px;font-size:1rem;font-weight:800;text-decoration:none}.bouton:disabled{opacity:.6}.bouton--plein{background:var(--encre);max-width:260px;color:var(--polaroid);flex:1}.bouton--effacer{color:var(--tampon);background:0 0;box-shadow:inset 0 0 0 2px #c2334d59}.bouton--confirmer{background:var(--tampon);color:#fff}.mot{left:50%;bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:30;background:var(--encre);color:var(--polaroid);animation:mot .35s var(--rebond) both;border-radius:999px;margin:0;padding:8px 16px;font-weight:800;position:fixed;transform:translate(-50%)}.dehors{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.dehors__carte{background:var(--polaroid);text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:12px;width:min(100%,340px);padding:28px 22px;display:flex;transform:rotate(-.8deg);box-shadow:0 16px 24px -14px #28283c80}.dehors__carte p{margin:0;font-family:Caveat,cursive;font-size:1.4rem}.dehors__carte .bouton{width:100%;max-width:none}@keyframes arrivee{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pose{0%{opacity:0;transform:translateY(-8px) rotate(calc(var(--r,0deg) * 4)) scale(.96)}to{opacity:1;transform:none}}@keyframes mot{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width>=900px){.page{max-width:1180px;padding-top:32px}.tete{justify-content:center;gap:28px}.famille{justify-content:center;gap:26px}.membre{flex:none}.portrait{width:70px;padding:4px 4px 12px}.periode{max-width:520px;margin:18px auto 16px}.semaine{grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.jour{min-height:340px}.jour__tete h3{flex-direction:column;align-items:flex-start;gap:0}.postit{flex-wrap:wrap;gap:4px 8px}.postit__quand{min-width:0}.postit__corps{flex-basis:100%;order:3}.postit__qui{margin-left:auto}.mois,.mois__jour{max-width:900px;margin-left:auto;margin-right:auto}.mois__jour{margin-top:14px}.case{min-height:96px}.trait{border-radius:2px 2px 6px;height:auto;padding:1px 5px}.trait__titre{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;display:block;overflow:hidden}.fiche{border-radius:18px;margin-bottom:4vh}.voile{align-items:center}}@media (prefers-reduced-motion:reduce){.membre,.jour,.postits>li,.mois,.mot{animation:none}.portrait,.postit,.fiche,.voile,.ajout,.puce,.qui__membre img{transition:none}}