:root{--fond:#0a0714;--fond-barre:#0e0a1b;--surface:#130e22;--surface-2:#1b1430;--bordure:#2a2142;--magenta:#ff2bd6;--magenta-clair:#ff7be5;--cyan:#22d3ff;--cyan-clair:#5fe1ff;--violet:#7b3cff;--ambre:#ffd166;--texte:#fff;--texte-2:#a9a3c2;--texte-3:#c9c4dd;--fond-cyan:#0e2a33;--fond-ambre:#2b2338;--fond-magenta:#2b1230;--sur-cyan:#06121a;--sur-magenta:#14041a;--police-titre:"Chakra Petch", system-ui, sans-serif;--police-texte:Inter, system-ui, sans-serif;--degrade:linear-gradient(120deg, var(--magenta), var(--violet) 50%, var(--cyan))}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fond);color:var(--texte);font-family:var(--police-texte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.titre{font-family:var(--police-titre);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.app{flex-direction:column;max-width:520px;min-height:100%;margin:0 auto;display:flex}.page{padding:16px 20px calc(96px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;display:flex}.barre-onglets{background:var(--fond-barre);border-top:1px solid var(--bordure);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.barre-onglets__liste{width:100%;max-width:520px;height:68px;display:flex}.barre-onglets a{color:var(--texte-2);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.barre-onglets a[aria-current=page]{color:var(--cyan);font-weight:600}.vide{color:var(--texte-2);text-align:center;padding:48px 0}.champ{flex-direction:column;gap:8px;display:flex}.champ label,.champ>span{color:var(--texte-3);font-size:13px;font-weight:600}.champ input,.champ textarea,.champ select{border:1px solid var(--bordure);background:var(--surface);border-radius:12px;width:100%;min-height:48px;padding:0 14px;font-size:16px}.champ textarea{resize:none;padding:12px 14px;line-height:1.5}.champ small{color:var(--texte-2);font-size:12px}.alerte{background:var(--fond-magenta);color:#ffd0f5;border:1px solid #6b2a62;border-radius:10px;padding:10px 12px;font-size:14px}.bouton{min-height:48px;font-family:var(--police-titre);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.bouton:disabled{opacity:.55;cursor:default}.bouton--cyan{background:var(--cyan);color:var(--sur-cyan)}.bouton--magenta{background:var(--magenta);color:var(--sur-magenta);box-shadow:0 0 24px #ff2bd673}.bouton--contour{color:var(--texte);border:1.5px solid var(--magenta);background:0 0}.bouton--discret{background:var(--surface);color:var(--texte);border:1px solid var(--bordure);font-family:var(--police-texte);text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}.ecran-auth{flex-direction:column;flex:1;align-items:center;gap:8px;padding:32px 24px;display:flex}.ecran-auth h1{margin:12px 0 8px;font-size:22px}.ecran-auth form{flex-direction:column;gap:16px;width:100%;display:flex}.ecran-auth__pied{color:var(--texte-2);margin-top:16px;font-size:14px}.chargement{color:var(--texte-2);flex:1;justify-content:center;align-items:center;display:flex}.pile{flex-direction:column;gap:12px;display:flex}.pile--serree{gap:3px}.ligne{align-items:center;gap:10px;display:flex}.ligne--serree{gap:4px}.ligne--espacee{justify-content:space-between}.ligne--base{align-items:baseline}.grandit{flex:1 1 0;min-width:0}.discret{color:var(--texte-2);font-size:13px}.texte-2{color:var(--texte-3);font-size:14px}.fort{font-weight:600}.titre--page{font-size:24px}.titre-carte{font-family:var(--police-titre);font-size:22px;font-weight:700}.surtitre{letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.surtitre--magenta{color:var(--magenta-clair)}.surtitre--cyan{color:var(--cyan-clair)}.surtitre--ambre{color:var(--ambre)}.entete{justify-content:space-between;align-items:center;margin:-4px 0 0 -6px;display:flex}.lien-centre{align-self:center;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:16px;padding:14px 16px}.carte--lien{color:var(--texte);align-items:center;gap:14px;min-height:44px;text-decoration:none;display:flex}.carte-vedette{background:var(--degrade);border-radius:18px;padding:1.5px}.carte-vedette__fond{background:var(--surface);border-radius:16.5px;flex-direction:column;gap:14px;padding:16px;display:flex}.date-bloc{flex-direction:column;align-items:center;width:48px;display:flex}.date-bloc span{text-transform:uppercase;color:var(--texte-2);font-size:12px}.date-bloc strong{font-family:var(--police-titre);font-size:24px}.compteurs{gap:8px;display:flex}.compteur{border-radius:10px;flex-direction:column;flex:1 1 0;gap:2px;padding:8px 10px;display:flex}.compteur strong{font-family:var(--police-titre);font-size:20px}.compteur span{color:var(--texte-3);font-size:12px}.compteur--presents{background:var(--fond-cyan)}.compteur--presents strong{color:var(--cyan-clair)}.compteur--attente{background:var(--fond-ambre)}.compteur--attente strong{color:var(--ambre)}.compteur--absents{background:var(--fond-magenta)}.compteur--absents strong{color:var(--magenta-clair)}.effectif{color:var(--ambre);font-size:13px;font-weight:600}.effectif--complet{color:var(--cyan-clair)}.pastille{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.pastille--present{color:var(--cyan-clair);background:var(--fond-cyan);border:1px solid #1b5e73}.pastille--absent{color:var(--magenta-clair);background:var(--fond-magenta);border:1px solid #6b2a62}.pastille--attente{color:var(--ambre);background:var(--fond-ambre);border:1px solid #6b5a2a}.bouton-flottant{right:max(20px,50vw - 240px);bottom:calc(88px + env(safe-area-inset-bottom));background:var(--magenta);width:58px;height:58px;color:var(--sur-magenta);border-radius:18px;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 0 24px #ff2bd68c}.vide.pile{align-items:center}.page--sans-onglets{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.titre-carte--grand{font-size:26px}.filet{background:linear-gradient(90deg, var(--magenta), var(--violet) 50%, var(--cyan));border-radius:2px;height:2px;margin:8px 0 4px}.note{color:var(--texte-3);border-left:2px solid var(--bordure);white-space:pre-line;margin-top:4px;padding-left:10px;font-size:14px}.pile--liste{gap:6px}.liste{margin:0;padding:0;list-style:none}.ligne-membre{align-items:center;gap:12px;min-height:46px;display:flex}.avatar{width:36px;height:36px;font-family:var(--police-titre);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.avatar--present{border:1.5px solid var(--cyan);background:var(--fond-cyan)}.avatar--attente{border:1.5px dashed var(--ambre);background:var(--fond-ambre)}.avatar--absent{background:var(--fond-magenta);color:var(--texte-3);border:1.5px solid #6b2a62}.avatar--neutre{border:1.5px solid var(--bordure);background:var(--surface-2)}.bouton-icone{border:1px solid var(--bordure);background:var(--surface);width:44px;height:44px;color:var(--texte);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.bouton--ambre{background:var(--fond-ambre);min-height:44px;color:var(--ambre);font-family:var(--police-texte);text-transform:none;letter-spacing:0;border:1px solid #6b5a2a;padding:0 14px;font-size:13px;font-weight:600}.bouton--danger{color:var(--magenta-clair)}.bouton[aria-pressed=true]{box-shadow:0 0 0 3px #ffffff47}.pied-fixe{margin:auto -20px calc(-24px - env(safe-area-inset-bottom));border-top:1px solid var(--bordure);background:var(--fond-barre);position:sticky;bottom:0}.pied-fixe__contenu{padding:12px 20px calc(18px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.voile{z-index:20;background:#05030cb8;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.dialogue{border:1px solid var(--bordure);background:var(--surface);width:100%;max-width:480px;margin-bottom:env(safe-area-inset-bottom);border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex}.dialogue:focus{outline:none}.pile--formulaire{gap:16px}.ligne--haut{align-items:flex-start;gap:12px}.ligne--choix{gap:8px}.choix{border:1px solid var(--bordure);background:var(--surface);min-height:44px;color:var(--texte-3);cursor:pointer;border-radius:10px;padding:0 8px;font-size:14px;font-weight:500}.choix[aria-pressed=true]{border:1.5px solid var(--cyan);background:var(--fond-cyan);color:var(--texte);font-weight:600}input[type=date],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.calendrier{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendrier__entete{text-align:center;color:var(--texte-2);padding:4px 0;font-size:12px}.jour{background:var(--surface);min-height:46px;color:var(--texte);cursor:pointer;border:1px solid #0000;border-radius:10px;padding:0 0 8px;font-size:15px;position:relative}.jour--hors{color:#7d7896;background:0 0}.jour--aujourdhui{border-color:var(--bordure);color:var(--cyan-clair);font-weight:700}.jour--choisi{border-color:var(--cyan);background:var(--fond-cyan)}.jour__point{border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:7px;left:50%}.jour__point--present{background:var(--cyan)}.jour__point--attente{background:var(--ambre)}.jour__point--absent{background:var(--magenta)}.jour__point--neutre{background:var(--texte-2)}.champ--groupe{border:none;min-width:0;margin:0;padding:0}.champ--groupe legend{color:var(--texte-3);margin-bottom:8px;padding:0;font-size:13px;font-weight:600}.choix--radio{justify-content:center;align-items:center;display:inline-flex;position:relative}.choix--radio input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.choix--radio:has(input:checked){border:1.5px solid var(--cyan);background:var(--fond-cyan);color:var(--texte);font-weight:600}.choix--radio:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}.code-invitation{font-family:var(--police-titre);letter-spacing:4px;color:var(--cyan-clair);-webkit-user-select:all;user-select:all;font-size:28px}.info{background:var(--fond-cyan);color:#d3f6ff;border:1px solid #1b5e73;border-radius:10px;padding:10px 12px;font-size:14px}.bandeau{border-color:#1b5e73}.etapes{color:var(--texte);flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}