:root{--primaire: #8264b0;--primaire-fonce: #6d4f99;--primaire-clair: #a184c9;--accent: #7350a8;--accent-fonce: #5a3d87;--accent-clair: #f4f0f9;--lavande: #9070c0;--fond: #f7f5f9;--carte: #ffffff;--texte: #1b1420;--texte-doux: #6f6579;--bordure: #e8e4ec;--alerte: #b3261e;--alerte-fond: #fdecea;--ok: #2e7d5b;--ok-fond: #e8f5ee;--rayon: 14px;--rayon-petit: 10px;--ombre: 0 1px 2px rgba(27, 20, 32, .05), 0 4px 16px rgba(27, 20, 32, .04);--safe-bas: env(safe-area-inset-bottom, 0px);--titre: "Jost", "Futura", "Century Gothic", sans-serif;--corps: "Mulish", "Avenir Next", "Avenir", -apple-system, BlinkMacSystemFont, sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--corps);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}h1,h2,h3,.titre{font-family:var(--titre);font-weight:400;letter-spacing:.01em}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}.icone{flex:none;vertical-align:-.15em}.app{padding-bottom:calc(76px + var(--safe-bas))}.entete{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:var(--carte);border-bottom:1px solid var(--bordure)}.entete .marque{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:inherit;text-decoration:none}.entete .marque:active{opacity:.6}.entete img{width:34px;height:34px;border-radius:9px;flex:none}.entete h1{margin:0;font-size:1.05rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entete button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;margin:-8px -10px -8px 0;border:none;background:none;color:var(--texte-doux);font-family:var(--corps);font-size:.9rem;cursor:pointer}.texte-bouton{display:none}@media(min-width:560px){.texte-bouton{display:inline}}.contenu{padding:16px;max-width:940px;margin:0 auto}.nav-basse{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--bordure);padding-bottom:var(--safe-bas);z-index:20}.nav-basse a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;min-height:56px;font-size:.7rem;letter-spacing:.02em;color:var(--texte-doux);text-decoration:none}.nav-basse a.actif{color:var(--accent)}.nav-basse a.actif .icone{transform:translateY(-1px)}.carte{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--rayon);padding:18px;margin-bottom:14px;box-shadow:var(--ombre)}.carte h2{display:flex;align-items:center;gap:9px;font-size:1.1rem;margin:0 0 14px;color:var(--texte)}.carte h3{font-family:var(--corps);font-size:.72rem;font-weight:700;margin:18px 0 8px;color:var(--texte-doux);text-transform:uppercase;letter-spacing:.08em}.liste{list-style:none;margin:0;padding:0}.liste li{border-bottom:1px solid var(--bordure)}.liste li:last-child{border-bottom:none}.liste a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;min-height:46px;text-decoration:none;color:var(--texte)}.liste a:active{background:var(--accent-clair)}.liste .secondaire{font-size:.82rem;color:var(--texte-doux)}.onglets{display:flex;gap:8px;margin-bottom:14px}.onglets button{flex:1;min-height:46px;padding:10px 8px;border:1px solid var(--bordure);border-radius:999px;background:var(--carte);color:var(--texte-doux);font-family:var(--titre);font-size:.88rem;letter-spacing:.02em;cursor:pointer}.onglets button.actif{background:var(--primaire);border-color:var(--primaire);color:#fff}.champ{margin-bottom:16px}.champ label{display:block;margin-bottom:5px;font-size:.74rem;font-weight:700;color:var(--texte-doux);text-transform:uppercase;letter-spacing:.07em}.champ input,.champ select,.champ textarea,.recherche{width:100%;min-height:48px;padding:12px 14px;font-size:16px;font-family:var(--corps);color:var(--texte);background:var(--carte);border:1px solid var(--bordure);border-radius:var(--rayon-petit);-webkit-appearance:none;-moz-appearance:none;appearance:none}.champ textarea{min-height:92px;resize:vertical;line-height:1.55}.champ input:focus,.champ select:focus,.champ textarea:focus,.recherche:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.champ select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%236f6579' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:38px}.ligne{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choix-adresse{width:100%;min-height:42px;margin-bottom:6px;padding:9px 34px 9px 12px;font-family:var(--corps);font-size:.86rem;color:var(--accent-fonce);background:var(--accent-clair);border:1px dashed var(--primaire-clair);border-radius:var(--rayon-petit);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%235a3d87' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:11px}.recherche{margin-bottom:14px}.champ-recherche{position:relative}.champ-recherche .icone-recherche{position:absolute;left:14px;top:24px;transform:translateY(-50%);display:block;color:var(--texte-doux);pointer-events:none}.champ-recherche .recherche{padding-left:42px}.champ-revelable{position:relative;display:flex;align-items:center}.champ-revelable input{padding-right:52px}.bouton-oeil{position:absolute;right:4px;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;border:none;background:none;color:var(--texte-doux);cursor:pointer}.pastilles{display:flex;flex-wrap:wrap;gap:8px}.pastille{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:9px 15px;border:1px solid var(--bordure);border-radius:999px;background:var(--carte);color:var(--texte);font-family:var(--corps);font-size:.88rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s}.pastille input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.pastille.selectionnee{background:var(--accent-clair);border-color:var(--accent);color:var(--accent-fonce);font-weight:600}.pastille.refusee{background:var(--alerte-fond);border-color:var(--alerte);color:var(--alerte);font-weight:600}.pastille .icone{opacity:.9}.emojis{display:flex;gap:8px;flex-wrap:wrap}.emojis button{flex:1;min-width:64px;min-height:58px;font-size:1.6rem;background:var(--carte);border:1px solid var(--bordure);border-radius:var(--rayon);cursor:pointer}.emojis button.actif{background:var(--accent-clair);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:11px 22px;border:1px solid var(--primaire);border-radius:999px;background:var(--primaire);color:#fff;font-family:var(--corps);font-size:.94rem;font-weight:600;letter-spacing:.03em;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px #2b1b331f;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}@media(hover:hover){.btn:hover{background:var(--primaire-fonce);border-color:var(--primaire-fonce);box-shadow:0 3px 10px #8264b052;transform:translateY(-1px)}}.btn:active{background:var(--primaire-fonce);border-color:var(--primaire-fonce);transform:scale(.97);box-shadow:none}.btn:focus-visible{outline:2px solid var(--primaire-fonce);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondaire{background:var(--carte);color:var(--accent-fonce);border-color:var(--bordure);box-shadow:none}@media(hover:hover){.btn-secondaire:hover{background:var(--accent-clair);border-color:var(--primaire);box-shadow:0 2px 8px #8264b02e}}.btn-secondaire:active{background:var(--accent-clair);border-color:var(--primaire)}.btn-danger{background:var(--carte);color:var(--alerte);border-color:var(--alerte)}.btn-groupe{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn-groupe .btn{flex:1 1 auto}.etiquette{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--accent-clair);color:var(--accent-fonce);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.etiquette.specifique{background:#eef3fb;color:#2f5e9e}.message-erreur,.message-ok{display:flex;align-items:flex-start;gap:9px;padding:13px 15px;border-radius:var(--rayon-petit);margin-bottom:14px;font-size:.92rem}.message-erreur{background:var(--alerte-fond);color:var(--alerte)}.message-ok{background:var(--ok-fond);color:var(--ok)}.vide,.chargement{padding:30px 12px;text-align:center;color:var(--texte-doux);font-size:.92rem}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{padding:9px 6px;text-align:left;border-bottom:1px solid var(--bordure);overflow-wrap:break-word}th{color:var(--texte-doux);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}td.montant,th.montant{text-align:right;white-space:nowrap}p.montant{text-align:right;overflow-wrap:anywhere}td a[href^="tel:"]{display:inline-block;padding:12px 0}.pastille-groupe{display:inline-flex;align-items:stretch;border:1px solid var(--bordure);border-radius:999px;background:var(--carte);overflow:hidden;transition:background .12s ease,border-color .12s ease}.pastille-groupe .libelle{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:9px 12px 9px 16px;border:none;background:none;color:inherit;font-family:var(--corps);font-size:.88rem;cursor:pointer}.pastille-groupe .separateur{width:1px;background:var(--bordure)}.pastille-groupe .croix{display:inline-flex;align-items:center;justify-content:center;width:38px;min-height:44px;border:none;background:none;color:var(--texte-doux);cursor:pointer;transition:background .12s ease,color .12s ease}.pastille-groupe .croix:active{transform:scale(.9)}@media(hover:hover){.pastille-groupe .croix:hover{background:var(--alerte-fond);color:var(--alerte)}}.pastille-groupe.selectionnee{background:var(--accent-clair);border-color:var(--accent);color:var(--accent-fonce)}.pastille-groupe.selectionnee .libelle{font-weight:600}.pastille-groupe.selectionnee .separateur{background:var(--primaire-clair)}.pastille-groupe.refusee{background:var(--alerte-fond);border-color:var(--alerte);color:var(--alerte)}.pastille-groupe.refusee .libelle{font-weight:600}.pastille-groupe.refusee .separateur{background:var(--alerte);opacity:.4}.titre-extensible{display:flex;align-items:center;justify-content:space-between;gap:8px}.bouton-ajout{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:-6px 0;border:1px solid var(--bordure);border-radius:50%;background:var(--carte);color:var(--accent-fonce);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease}.bouton-ajout:active{transform:scale(.92);background:var(--accent-clair)}.bouton-ajout.actif{background:var(--primaire);border-color:var(--primaire);color:#fff}@media(hover:hover){.bouton-ajout:hover{background:var(--accent-clair);border-color:var(--primaire)}}.ajout-entree{display:flex;gap:8px;margin-top:10px}.ajout-entree input{flex:1;min-width:0;min-height:44px;padding:10px 12px;font-family:var(--corps);font-size:16px;color:var(--texte);background:var(--carte);border:1px solid var(--primaire-clair);border-radius:var(--rayon-petit)}.ajout-entree .btn{width:auto;flex:none}.carte-prochain{border-color:var(--primaire-clair)}.prochain{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--rayon-petit);background:var(--accent-clair);text-decoration:none;color:var(--texte)}.prochain-quand{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-fonce)}.prochain-nom{font-family:var(--titre);font-size:1.32rem;font-weight:400}.prochain .etiquette{align-self:flex-start;margin-top:4px}.liste-suivants a{font-size:.92rem;padding:11px 2px;min-height:42px}.connexion{max-width:400px;margin:8vh auto 0;padding:0 16px}.connexion .marque{text-align:center;margin-bottom:26px}.connexion .marque img{width:84px;height:84px;border-radius:22px}.connexion .marque h1{margin:14px 0 2px;font-size:1.5rem;font-weight:400;letter-spacing:.02em}.connexion .marque p{margin:0;color:var(--texte-doux);font-size:.86rem;font-style:italic}.separateur{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--texte-doux);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.separateur:before,.separateur:after{content:"";flex:1;height:1px;background:var(--bordure)}@media(min-width:760px){.app{padding-bottom:0}.contenu{padding:26px 24px 40px}.nav-basse{position:static;max-width:940px;margin:0 auto;padding:0 24px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;border-bottom:1px solid var(--bordure);gap:6px}.nav-basse a{flex:0 0 auto;flex-direction:row;gap:8px;min-height:52px;padding:14px 16px;font-size:.92rem;border-bottom:2px solid transparent}.nav-basse a.actif{border-bottom-color:var(--accent)}.ligne{grid-template-columns:repeat(3,1fr)}.btn{width:auto}.carte{padding:22px}.grille-deux{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}}@keyframes apparition{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes surgissement{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.contenu{animation:apparition .26s ease both}.carte{animation:apparition .24s ease both}.carte:nth-of-type(2){animation-delay:.04s}.carte:nth-of-type(3){animation-delay:.08s}.carte:nth-of-type(n+4){animation-delay:.12s}.message-erreur,.message-ok{animation:surgissement .2s ease both}.pastille:active{transform:scale(.95)}.pastille.selectionnee,.pastille.refusee{animation:surgissement .18s ease}@media(hover:hover){.pastille:hover{border-color:var(--primaire-clair)}}.onglets button{transition:background .18s ease,color .18s ease,border-color .18s ease}.onglets button:active{transform:scale(.98)}.emojis button{transition:background .15s ease,border-color .15s ease,transform .12s ease}.emojis button:active{transform:scale(.94)}.emojis button.actif{animation:surgissement .2s ease}.liste a{transition:background .15s ease}.nav-basse a{transition:color .15s ease}.nav-basse a .icone{transition:transform .18s ease}.bouton-oeil{transition:color .15s ease}.bouton-oeil:active{transform:scale(.9)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}.btn:hover,.btn:active,.pastille:active{transform:none!important}}