@font-face{font-family:Lilita One;src:url(/fonts/lilita-one-latin.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lilita One;src:url(/fonts/lilita-one-latin-ext.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;src:url(/fonts/rubik-latin.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;src:url(/fonts/rubik-latin-ext.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}:root{--nuit:#16183a;--nuit-haut:#21255c;--nuit-bas:#0d0f26;--craie:#fff8e7;--craie-creuse:#efe6d1;--encre:#16183a;--encre-doux:#6a6a8c;--citron:#ffc93c;--fraise:#ff4d6d;--menthe:#2ee6a8;--bleuet:#4cc9f0;--mauve:#a57bff;--abricot:#ff9f45;--accent:var(--citron);--ombre:#0a0c1e;--display:"Lilita One", "Trebuchet MS", system-ui, sans-serif;--corps:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--r-s:12px;--r-m:18px;--r-l:26px;--pas:16px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(ellipse 90% 60% at 50% -10%, var(--nuit-haut), transparent 70%), var(--nuit);min-height:100dvh;color:var(--craie);font-family:var(--corps);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:16px;line-height:1.45}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:400}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--bleuet);outline-offset:3px;border-radius:4px}.enveloppe{width:min(760px,100%);padding:0 var(--pas) 96px;margin-inline:auto}.enveloppe--large{width:min(1080px,100%)}.barre{z-index:20;padding:12px var(--pas);background:color-mix(in srgb, var(--nuit) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--craie) 12%, transparent);align-items:center;gap:12px;display:flex;position:sticky;top:0}.barre__contenu{align-items:center;gap:12px;width:min(1080px,100%);margin-inline:auto;display:flex}.marque{font-family:var(--display);letter-spacing:-.02em;color:var(--citron);font-size:26px;line-height:1}.marque__point{color:var(--fraise)}.barre__espace{flex:1}.qui{background:color-mix(in srgb, var(--craie) 10%, transparent);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:14px;font-weight:500;display:inline-flex}.qui__frimousse{background:var(--accent);border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.rubrique{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--craie) 62%, transparent);align-items:center;gap:12px;margin:30px 0 14px;font-size:14px;display:flex}.rubrique:after{content:"";background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--craie) 22%, transparent) 0 7px, transparent 7px 14px);border-radius:2px;flex:1;height:2px}.carte{background:var(--craie);color:var(--encre);border-radius:var(--r-l);box-shadow:0 6px 0 var(--ombre)}.carte--accent{box-shadow:0 6px 0 color-mix(in srgb, var(--accent) 55%, var(--ombre))}.bouton{--teinte:var(--accent);background:var(--teinte);color:var(--encre);font-family:var(--display);letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--teinte) 45%, #000);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:17px;transition:transform 90ms,box-shadow 90ms,filter .15s;display:inline-flex}.bouton:hover:not(:disabled){filter:brightness(1.06)}.bouton:active:not(:disabled){box-shadow:0 0 0 color-mix(in srgb, var(--teinte) 45%, #000);transform:translateY(4px)}.bouton:disabled{cursor:not-allowed;background:var(--craie-creuse);color:var(--encre-doux);box-shadow:none}.bouton--fantome{color:var(--craie);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--craie) 28%, transparent);background:0 0}.bouton--fantome:active:not(:disabled){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--craie) 45%, transparent);transform:translateY(2px)}.bouton--menu{--teinte:var(--menthe)}.bouton--encre{color:var(--encre);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--encre) 20%, transparent);background:0 0}.bouton--encre:active:not(:disabled){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--encre) 40%, transparent);transform:translateY(2px)}.bouton--large{width:100%}.bouton--petit{padding:8px 15px;font-size:14px}.mini{background:color-mix(in srgb, var(--encre) 8%, transparent);color:var(--encre);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.mini:hover:not(:disabled){background:color-mix(in srgb, var(--encre) 15%, transparent)}.mini:disabled{opacity:.4;cursor:not-allowed}.mini--danger{color:#c81e42;background:color-mix(in srgb, var(--fraise) 16%, transparent)}.mini--danger:hover:not(:disabled){background:color-mix(in srgb, var(--fraise) 28%, transparent)}.accueil{min-height:100dvh;padding:40px var(--pas) 60px;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.accueil__marque{font-family:var(--display);color:var(--citron);letter-spacing:-.03em;font-size:clamp(64px,18vw,104px);line-height:.9}.accueil__baseline{color:color-mix(in srgb, var(--craie) 65%, transparent);margin:14px 0 0;font-size:16px}.profils{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:44px;padding:0;list-style:none;display:flex}.profil{--accent:var(--citron);background:var(--craie);width:138px;color:var(--encre);border-radius:var(--r-l);cursor:pointer;box-shadow:0 6px 0 color-mix(in srgb, var(--accent) 55%, var(--ombre));border:0;flex-direction:column;align-items:center;gap:10px;padding:22px 12px 18px;transition:transform .12s,box-shadow .12s;display:flex}.profil:hover{box-shadow:0 9px 0 color-mix(in srgb, var(--accent) 55%, var(--ombre));transform:translateY(-3px)}.profil:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 55%, var(--ombre));transform:translateY(4px)}.profil__frimousse{background:var(--accent);width:74px;height:74px;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--accent) 60%, #000);border-radius:50%;place-items:center;font-size:38px;display:grid}.profil__nom{font-family:var(--display);font-size:21px}.profil__solde{color:var(--encre-doux);font-size:13px;font-weight:500}.profil--parent{--accent:var(--bleuet);width:auto;color:var(--craie);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--craie) 22%, transparent);background:0 0;flex-direction:row;padding:12px 22px 12px 12px}.profil--parent:hover,.profil--parent:active{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--craie) 45%, transparent);transform:none}.profil--parent .profil__frimousse{width:40px;height:40px;font-size:20px}.profil--parent .profil__nom{font-size:16px;font-family:var(--corps);font-weight:500}.accueil__pied{margin-top:34px}.code{--accent:var(--citron);flex-direction:column;align-items:center;width:min(340px,100%);display:flex}.code__frimousse{background:var(--accent);width:84px;height:84px;box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--accent) 60%, #000);border-radius:50%;place-items:center;font-size:42px;display:grid}.code__titre{font-family:var(--display);margin:16px 0 2px;font-size:28px}.code__consigne{color:color-mix(in srgb, var(--craie) 60%, transparent);margin:0;font-size:15px}.code__points{gap:14px;margin:26px 0 8px;display:flex}.code__point{background:color-mix(in srgb, var(--craie) 18%, transparent);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s}.code__point--plein{background:var(--accent);transform:scale(1.15)}.code__erreur{min-height:22px;color:var(--fraise);margin:10px 0 0;font-size:14px;font-weight:500}.pave{grid-template-columns:repeat(3,76px);gap:14px;margin-top:12px;display:grid}.pave__touche{background:color-mix(in srgb, var(--craie) 10%, transparent);height:68px;color:var(--craie);font-family:var(--display);cursor:pointer;border:0;border-radius:22px;font-size:27px;transition:transform 80ms,background .12s}.pave__touche:hover{background:color-mix(in srgb, var(--craie) 18%, transparent)}.pave__touche:active{background:var(--accent);color:var(--encre);transform:scale(.93)}.pave__touche--vide{visibility:hidden}.pave__touche--efface{font-size:22px}.code__retour{color:color-mix(in srgb, var(--craie) 60%, transparent);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin-top:26px;font-size:15px;text-decoration:underline}.compteur{margin-top:22px;padding:22px 24px 24px;position:relative;overflow:hidden}.compteur__jour{letter-spacing:.06em;text-transform:uppercase;color:var(--encre-doux);font-size:13px;font-weight:500}.compteur__ligne{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:6px;display:flex}.compteur__score{align-items:baseline;gap:9px;display:flex}.compteur__nombre{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(52px,14vw,68px);line-height:.85}.compteur__unite{font-family:var(--display);color:var(--encre-doux);font-size:19px}.compteur__action{margin-left:auto}.poincon{gap:6px;margin-top:20px;display:flex}.poincon__case{background:var(--craie-creuse);border-radius:999px;flex:1;height:12px;transition:background .25s}.poincon__case--faite{background:var(--accent)}.compteur__bilan{color:var(--encre-doux);margin:10px 0 0;font-size:14px;font-weight:500}.taches{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tache{text-align:left;cursor:pointer;border:0;align-items:center;gap:14px;width:100%;padding:14px 16px;font-family:inherit;transition:transform 90ms,box-shadow 90ms;display:flex}.tache:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 55%, var(--ombre));transform:translateY(4px)}.tache__icone{background:var(--craie-creuse);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.tache__corps{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tache__titre{font-size:17px;font-weight:500;transition:opacity .2s}.tache__echeance{color:var(--encre-doux);font-size:13px;font-weight:500}.tache__echeance--tardive{color:#c81e42}.tache--faite .tache__echeance{opacity:.5}.tache--faite .tache__titre{opacity:.45;text-decoration:line-through;text-decoration-thickness:2px}.tache--faite .tache__icone{opacity:.45}.tache--attente{opacity:.6;pointer-events:none}.pastille{width:54px;height:54px;font-family:var(--display);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:17px;line-height:1;display:grid}.pastille--vide{border:2px dashed color-mix(in srgb, var(--encre) 30%, transparent);color:color-mix(in srgb, var(--encre) 42%, transparent)}.taches li:nth-child(3n+1) .pastille--collee{--tilt:-9deg}.taches li:nth-child(3n+2) .pastille--collee{--tilt:6deg}.taches li:nth-child(3n) .pastille--collee{--tilt:-3deg}.pastille--collee{--tilt:-7deg;background:var(--accent);color:var(--encre);transform:rotate(var(--tilt));border:4px solid #fff;box-shadow:0 3px 6px #0a0c1e59}.pastille--vide.pastille--tardive{border-color:color-mix(in srgb, var(--fraise) 55%, transparent);color:var(--fraise)}.pastille--collee.pastille--tardive{background:var(--fraise);color:#fff}.pastille--vide.pastille--nulle{border-color:color-mix(in srgb, var(--encre) 22%, transparent);color:color-mix(in srgb, var(--encre) 35%, transparent)}.pastille--collee.pastille--nulle{background:var(--craie-creuse);color:var(--encre-doux)}.pastille--collee.pastille--neuve{animation:.42s cubic-bezier(.3,1.5,.5,1) both collage}@keyframes collage{0%{opacity:0;transform:scale(2.5)rotate(-26deg)}50%{opacity:1;transform:scale(.84)rotate(7deg)}75%{transform:scale(1.09)rotate(-4deg)}to{transform:scale(1) rotate(var(--tilt))}}.vide{text-align:center;color:color-mix(in srgb, var(--craie) 55%, transparent);padding:34px 20px;font-size:15px}.vide__emoji{margin-bottom:10px;font-size:40px;display:block}.etals{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.etals>li{display:flex}.etal{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;padding:20px 14px 16px;display:flex}.etal__icone{font-size:44px;line-height:1}.etal__titre{font-family:var(--display);font-size:18px;line-height:1.15}.etal__prix{background:var(--craie-creuse);font-family:var(--display);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:3px 12px;font-size:16px;display:inline-flex}.etal__stock{color:var(--encre-doux);font-size:12px;font-weight:500}.etal__action{width:100%;margin-top:auto;padding-top:12px}.etal__jauge{background:var(--craie-creuse);border-radius:999px;width:74%;height:8px;margin-top:2px;overflow:hidden}.etal__jauge span{background:var(--accent);border-radius:999px;height:100%;display:block}.reserve{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.reserve__ligne{align-items:center;gap:12px;padding:12px 16px;display:flex}.reserve__icone{font-size:26px}.reserve__titre{flex:1;font-weight:500}.etiquette{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.etiquette--attente{background:color-mix(in srgb, var(--abricot) 32%, transparent);color:#8a4a00}.etiquette--remise{background:color-mix(in srgb, var(--menthe) 34%, transparent);color:#056347}.onglets{scrollbar-width:none;gap:6px;padding:14px 0 4px;display:flex;overflow-x:auto}.onglets::-webkit-scrollbar{display:none}.onglet{color:color-mix(in srgb, var(--craie) 62%, transparent);white-space:nowrap;border-radius:999px;flex:none;padding:9px 16px;font-size:15px;font-weight:500;transition:background .15s,color .15s}.onglet:hover{background:color-mix(in srgb, var(--craie) 10%, transparent);color:var(--craie)}.onglet--actif{background:var(--craie);color:var(--encre)}.onglets--encre .onglet{color:var(--encre-doux)}.onglets--encre .onglet:hover{background:color-mix(in srgb, var(--encre) 8%, transparent);color:var(--encre)}.onglets--encre .onglet--actif{background:var(--encre);color:var(--craie)}.panneau{margin-bottom:16px;padding:20px 22px 22px}.panneau__titre{margin-bottom:4px;font-size:20px}.panneau__aide{color:var(--encre-doux);margin:0 0 18px;font-size:14px}.grille-enfants{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.fiche{--accent:var(--citron);background:#fff;padding:16px 18px}.fiche__entete{align-items:center;gap:11px;display:flex}.fiche__frimousse{background:var(--accent);border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.fiche__nom{font-family:var(--display);font-size:19px}.fiche__solde{font-family:var(--display);font-variant-numeric:tabular-nums;margin-left:auto;font-size:26px}.fiche__detail{color:var(--encre-doux);margin:12px 0 0;font-size:14px}.fiche__actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.liste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ligne{border-radius:var(--r-m);background:color-mix(in srgb, var(--encre) 5%, transparent);flex-wrap:wrap;align-items:center;gap:12px;padding:11px 14px;display:flex}.ligne__icone{flex:none;font-size:22px}.ligne__corps{flex:190px;min-width:0}.ligne__titre{font-weight:500;display:block}.ligne__meta{color:var(--encre-doux);font-size:13px;line-height:1.35;display:block}.ligne__valeur{font-family:var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:19px}.ligne__valeur--positif{color:#0a7a58}.ligne__valeur--negatif{color:#c81e42}.ligne__actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.ligne--inactive{opacity:.5}.champ{margin-bottom:14px;display:block}.champ__label{letter-spacing:.04em;text-transform:uppercase;color:var(--encre-doux);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.saisie{border:2px solid var(--craie-creuse);border-radius:var(--r-s);background:#fff;width:100%;padding:11px 14px;transition:border-color .15s}.saisie:focus{border-color:var(--accent);outline:none}.rangee{flex-wrap:wrap;gap:12px;display:flex}.rangee>*{flex:140px}.pastilles-choix{flex-wrap:wrap;gap:7px;display:flex}.choix{background:color-mix(in srgb, var(--encre) 6%, transparent);cursor:pointer;border:2px solid #0000;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.choix:hover{background:color-mix(in srgb, var(--encre) 12%, transparent)}.choix--actif{border-color:var(--encre);background:#fff}.choix--couleur{border-radius:50%}.choix--couleur.choix--actif{box-shadow:0 0 0 3px var(--craie), 0 0 0 5px var(--encre)}.paliers{flex-direction:column;gap:8px;display:flex}.palier{align-items:center;gap:8px;display:flex}.palier__avant{color:var(--encre-doux);white-space:nowrap;font-size:14px}.palier .saisie{flex:0 130px;width:auto}.jours{gap:6px;display:flex}.jour{border:2px solid var(--craie-creuse);width:40px;height:40px;font-family:var(--display);cursor:pointer;background:#fff;border-radius:12px;place-items:center;font-size:16px;display:grid}.jour--actif{border-color:var(--encre);background:var(--accent)}.message{border-radius:var(--r-s);margin-bottom:14px;padding:10px 14px;font-size:14px;font-weight:500}.message--erreur{background:color-mix(in srgb, var(--fraise) 18%, transparent);color:#a01633}.message--succes{background:color-mix(in srgb, var(--menthe) 24%, transparent);color:#056347}.repli{border-radius:var(--r-m);background:color-mix(in srgb, var(--encre) 5%, transparent);margin-bottom:16px;padding:12px 16px}.repli__bouton{font-family:var(--display);cursor:pointer;font-size:16px;list-style:none}.repli__bouton::-webkit-details-marker{display:none}.repli__bouton:before{content:"＋ ";color:var(--encre-doux)}.repli[open] .repli__bouton:before{content:"－ "}.repli__corps{padding-top:16px}.pile{flex-direction:column;gap:12px;display:flex}.centre{text-align:center}.tabulaire{font-variant-numeric:tabular-nums}@media (max-width:480px){.compteur__action{width:100%;margin-left:0}.compteur__action .bouton{width:100%}.pave{grid-template-columns:repeat(3,72px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}