/*
 * Pixi V2, accueil de /pixi/ (lot F1) : mascotte, titre, composer et tous ses etats (S01-05), puces voyage et voyageurs, micro, envoi,
 * suggestions, fenetres du composer (rattacher, avec qui pars-tu, nouveau voyageur), fenetre Conversations par voyage, squelette de
 * chargement, tablette (historique ferme sous 1100) et telephone (barre basse, feuille du bas, clavier ouvert).
 * Source : planches Main, S01-01 a S01-16 ; valeurs relevees dans leurs styles en ligne. Une regle par ligne.
 */
#pxip-app .pxip-welcome{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;}
#pxip-app .pxip-welcome__mascot{display:block;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(10,61,58,.2));}
#pxip-app .pxip-welcome__title{margin:8px 0 0;font-size:34px;font-weight:600;letter-spacing:-.025em;line-height:1.12;text-align:center;text-wrap:balance;}
#pxip-app .pxip-welcome__gap{height:12px;}
#pxip-app .pxip-welcome__composer{width:100%;margin-top:22px;}
#pxip-app .pxip-welcome__composer:empty{display:none;}
#pxip-app .pxip-ailine{margin:12px 0 0;font-size:12px;font-weight:500;color:var(--pxip2-mut);text-align:center;text-wrap:balance;}
/* Composer : carte de verre, rayon 24 ; sa largeur pilote les libelles courts (requete de conteneur) */
#pxip-app .pxip-composer-wrap{width:100%;container-type:inline-size;container-name:pxipc;}
#pxip-app .pxip-composer{width:100%;margin:0;background:var(--pxip2-surf2);border:1px solid var(--pxip2-line);border-radius:24px;padding:12px 12px 10px 20px;box-shadow:var(--pxip2-shadow);transition:border-color .2s;}
#pxip-app .pxip-composer:focus-within,#pxip-app .pxip-composer.pxip-is-focus{border-color:#1E9B52;box-shadow:var(--pxip2-shadow),0 0 0 3px rgba(30,155,82,.12);}
#pxip-app .pxip-composer.pxip-is-over,#pxip-app .pxip-composer.pxip-is-over:focus-within{border-color:rgba(211,47,47,.55);box-shadow:var(--pxip2-shadow),0 0 0 3px rgba(211,47,47,.1);}
#pxip-app .pxip-composer__input{display:block;width:100%;height:auto;min-height:0;max-height:157px;margin:0;resize:none;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none;font-size:17px;font-weight:500;line-height:1.5;padding:2px 0;overflow-y:auto;}
/* Couleur par defaut de Chromium (planches), fixee ici : Safari et Firefox grisent beaucoup plus (sous 3:1). Contraste 4,6:1 sur blanc. */
#pxip-app .pxip-composer__input::placeholder{color:#757575;opacity:1;}
#pxip-app .pxip-composer__input:hover,#pxip-app .pxip-composer__input:focus,#pxip-app .pxip-composer__input:focus-visible,#pxip-app .pxip-composer__input:active{border:0;outline:none;background:transparent;box-shadow:none;}
#pxip-app .pxip-composer__input.pxip-is-long{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent);}
#pxip-app .pxip-composer.pxip-is-over .pxip-composer__input{max-height:80.5px;}
#pxip-app .pxip-composer__msg{margin:4px 0 0;display:flex;align-items:flex-start;gap:6px;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--pxip2-mut);}
#pxip-app .pxip-composer__msg:empty{display:none;}
#pxip-app .pxip-composer__msg[data-kind="error"]{color:var(--pxip2-danger-ink);}
#pxip-app .pxip-composer__msg[data-kind="warn"]{color:var(--pxip2-amber-ink);}
#pxip-app .pxip-composer__msg-ico{flex:none;margin-top:1px;}
#pxip-app .pxip-composer__msg-ico .pxip-icon{display:inline-block;}
#pxip-app .pxip-composer__listening{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:12.5px;font-weight:700;color:var(--pxip2-danger-ink);}
#pxip-app .pxip-composer__wave{display:inline-flex;align-items:center;gap:3px;height:18px;}
#pxip-app .pxip-composer__wave i{display:block;width:3px;border-radius:2px;background:var(--pxip2-danger);transform-origin:center;animation:pxip2Wave 1s ease-in-out infinite;}
#pxip-app .pxip-composer__wave i:nth-child(1){height:8px;animation-delay:0s;}
#pxip-app .pxip-composer__wave i:nth-child(2){height:14px;animation-delay:.15s;}
#pxip-app .pxip-composer__wave i:nth-child(3){height:18px;animation-delay:.3s;}
#pxip-app .pxip-composer__wave i:nth-child(4){height:10px;animation-delay:.08s;}
#pxip-app .pxip-composer__wave i:nth-child(5){height:16px;animation-delay:.22s;}
#pxip-app .pxip-composer__wave i:nth-child(6){height:12px;animation-delay:.4s;}
#pxip-app .pxip-composer__wave i:nth-child(7){height:7px;animation-delay:.12s;}
#pxip-app .pxip-composer__listening-aide{font-weight:500;color:var(--pxip2-mut);}
#pxip-app .pxip-composer__listening-aide::before{content:"· ";}
#pxip-app .pxip-composer__row{display:flex;align-items:center;gap:6px;margin-top:4px;}
#pxip-app .pxip-composer__chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0;flex:1 1 0;overflow:hidden;}
#pxip-app .pxip-composer__btns{flex:none;display:flex;gap:6px;margin-left:auto;}
/* Puces : voyage, voyageurs, tes donnees (32 px, capsule) */
#pxip-app .pxip-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;white-space:nowrap;border-radius:var(--pxip2-rp);background:var(--pxip2-btn2);color:var(--pxip2-ink);border:1px solid var(--pxip2-tint-bd);font-size:13px;font-weight:700;cursor:pointer;box-shadow:none;text-decoration:none;transition:all .3s var(--pxip2-spring);}
#pxip-app .pxip-chip:hover{background:var(--pxip2-tint);color:var(--pxip2-ink);transform:translateY(-1px);}
#pxip-app .pxip-chip:focus,#pxip-app .pxip-chip:focus-visible{background:var(--pxip2-tint);color:var(--pxip2-ink);}
#pxip-app .pxip-chip:active{transform:scale(.97);}
#pxip-app .pxip-chip--on{background:var(--pxip2-tint);color:var(--pxip2-acc-ink);}
#pxip-app .pxip-chip--on:hover,#pxip-app .pxip-chip--on:focus,#pxip-app .pxip-chip--on:focus-visible{background:var(--pxip2-tint);color:var(--pxip2-acc-ink);}
#pxip-app .pxip-chip--data{color:var(--pxip2-acc-ink);}
#pxip-app .pxip-chip--data:hover,#pxip-app .pxip-chip--data:focus,#pxip-app .pxip-chip--data:focus-visible{color:var(--pxip2-acc-ink);}
#pxip-app .pxip-chip .pxip-chip__short{display:none;}
#pxip-app .pxip-chip .pxip-icon{flex:none;}
#pxip-app .pxip-chip--trip{display:inline-flex;align-items:center;gap:0;height:32px;max-width:100%;flex:0 1 auto;min-width:0;padding:0;border-radius:var(--pxip2-rp);border:1px solid var(--pxip2-tint-bd);background:var(--pxip2-tint);color:var(--pxip2-acc-ink);font-size:13px;font-weight:700;overflow:hidden;cursor:default;transform:none;}
#pxip-app .pxip-chip--trip:hover,#pxip-app .pxip-chip--trip:focus-within{background:var(--pxip2-tint);transform:none;}
#pxip-app .pxip-chip__main{display:inline-flex;align-items:center;gap:6px;height:100%;min-width:0;flex:0 1 auto;padding:0 4px 0 12px;border:0;background:transparent;white-space:nowrap;cursor:pointer;color:inherit;box-shadow:none;font-size:inherit;font-weight:inherit;}
#pxip-app .pxip-chip__main:hover,#pxip-app .pxip-chip__main:focus,#pxip-app .pxip-chip__main:focus-visible{background:rgba(30,155,82,.12);color:inherit;}
#pxip-app .pxip-chip__main:active{background:rgba(30,155,82,.18);}
#pxip-app .pxip-chip__label{overflow:hidden;text-overflow:ellipsis;}
#pxip-app .pxip-chip__x{flex:none;display:grid;place-items:center;width:28px;height:100%;padding:0;border:0;background:transparent;cursor:pointer;color:inherit;box-shadow:none;}
#pxip-app .pxip-chip__x:hover,#pxip-app .pxip-chip__x:focus,#pxip-app .pxip-chip__x:focus-visible{background:rgba(211,47,47,.14);color:var(--pxip2-danger);}
#pxip-app .pxip-chip__x:active{background:rgba(211,47,47,.2);}
/* Focus clavier des puces : l'anneau reste a l'INTERIEUR (decalage negatif). La rangee des puces coupe son debordement (overflow:hidden, comme la planche S01-12)
   et sa hauteur est celle des puces : un anneau a l'exterieur serait rogne en haut, en bas et a gauche. Les deux boutons de la puce voyage ont la
   courbe de la capsule, pour que l'anneau interieur la suive au lieu d'etre coupe aux coins par le overflow de la puce. */
#pxip-app .pxip-chip:focus-visible{outline-offset:-2px;}
#pxip-app .pxip-chip__main{border-radius:16px 0 0 16px;}
#pxip-app .pxip-chip__x{border-radius:0 16px 16px 0;}
#pxip-app .pxip-chip__main:focus-visible,#pxip-app .pxip-chip__x:focus-visible{outline-offset:-3px;}
/* Micro et envoi (38 px) */
#pxip-app .pxip-iconbtn{position:relative;width:38px;height:38px;padding:0;border-radius:var(--pxip2-r);background:var(--pxip2-btn2);color:var(--pxip2-ink);border:1px solid var(--pxip2-tint-bd);display:grid;place-items:center;cursor:pointer;box-shadow:none;transition:all .3s var(--pxip2-spring);}
#pxip-app .pxip-iconbtn:hover{background:var(--pxip2-btn2);color:var(--pxip2-ink);transform:translateY(-2px);}
#pxip-app .pxip-iconbtn:focus,#pxip-app .pxip-iconbtn:focus-visible{background:var(--pxip2-btn2);color:var(--pxip2-ink);}
#pxip-app .pxip-iconbtn:active{transform:scale(.94);}
#pxip-app .pxip-iconbtn.pxip-is-listening{background:rgba(211,47,47,.12);color:var(--pxip2-danger);border-color:rgba(211,47,47,.4);animation:pxip2Pulse 1.4s ease-out infinite;box-shadow:0 0 0 4px rgba(211,47,47,.16);}
#pxip-app .pxip-iconbtn.pxip-is-listening:hover,#pxip-app .pxip-iconbtn.pxip-is-listening:focus,#pxip-app .pxip-iconbtn.pxip-is-listening:focus-visible{background:rgba(211,47,47,.12);color:var(--pxip2-danger);}
#pxip-app .pxip-iconbtn.pxip-is-denied{background:var(--pxip2-amber-bg);color:var(--pxip2-amber-ink);border-color:var(--pxip2-amber-bd);}
#pxip-app .pxip-iconbtn.pxip-is-denied:hover,#pxip-app .pxip-iconbtn.pxip-is-denied:focus,#pxip-app .pxip-iconbtn.pxip-is-denied:focus-visible{background:var(--pxip2-amber-bg);color:var(--pxip2-amber-ink);}
#pxip-app .pxip-send{width:38px;height:38px;padding:0;border-radius:var(--pxip2-r);border:0;background:var(--pxip2-grad);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px rgba(30,155,82,.28);transition:all .3s var(--pxip2-spring);}
#pxip-app .pxip-send:hover{background:var(--pxip2-grad);color:#fff;transform:translateY(-2px);}
#pxip-app .pxip-send:focus,#pxip-app .pxip-send:focus-visible{background:var(--pxip2-grad);color:#fff;}
#pxip-app .pxip-send:active{transform:scale(.94);}
#pxip-app .pxip-send:disabled,#pxip-app .pxip-send[disabled]{background:rgba(140,165,160,.55);color:#fff;cursor:not-allowed;box-shadow:none;transform:none;}
/* Composer du fil (planches S02, decision de fidelite n°1) : 94 px a 1440 = 1 + 10 + champ d'une ligne (24 + 4) + 6 + rangee de 38 + 10 + 1 ; police 16 ;
   rayon 24 ; pas de puce « Tes donnees » (retiree du DOM par setMode).
   A partir de 768 px SEULEMENT : sous 768 px le composer du fil est a F10 (planches S05-01, S05-06, S03-08, 60-telephone.css), le socle n'y impose aucune
   geometrie (le formulaire garde la classe d'accroche `pxip-composer--thread`, le dock `pxip-dock--thread`). */
@media (min-width:768px){
#pxip-app .pxip-composer--thread{padding:10px 10px 10px 18px;}
#pxip-app .pxip-composer--thread .pxip-composer__input{font-size:16px;max-height:148px;}
#pxip-app .pxip-composer--thread.pxip-is-over .pxip-composer__input{max-height:76px;}
#pxip-app .pxip-composer--thread .pxip-composer__row{margin-top:6px;}
}
/* Composer etroit : libelles raccourcis, nombre de voyageurs seul, puce « Tes donnees » reduite a son icone */
@container pxipc (max-width:420px){
#pxip-app .pxip-composer{border-radius:22px;padding:12px 10px 10px 16px;}
#pxip-app .pxip-composer__input{font-size:16px;}
#pxip-app .pxip-composer__chips{flex-wrap:nowrap;}
#pxip-app .pxip-chip .pxip-chip__long{display:none;}
#pxip-app .pxip-chip .pxip-chip__short{display:inline;}
#pxip-app .pxip-chip--data{width:32px;justify-content:center;padding:0;color:var(--pxip2-ink);}
#pxip-app .pxip-chip--data .pxip-chip__long{display:none;}
}
/* Composer du fil dans une colonne etroite (bureau et tablette seulement : sous 768 px, voir plus haut) : rayon 24 et marges resserrees */
@media (min-width:768px){
@container pxipc (max-width:420px){
#pxip-app .pxip-composer--thread{border-radius:24px;padding:12px 12px 10px 16px;}
}
}
/* Suggestions de depart : suspendues sous la mention IA (conteneur de hauteur 0), donc sans effet sur la mise en page */
#pxip-app .pxip-suggestions{position:relative;width:100%;height:0;}
#pxip-app .pxip-suggestions__list{position:absolute;left:0;right:0;top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:600px;margin:0 auto;transition:opacity .2s;}
#pxip-app .pxip-suggestions.pxip-is-gone .pxip-suggestions__list{opacity:0;pointer-events:none;}
#pxip-app .pxip-sugg{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:9999px;border:1px solid var(--pxip2-line);background:rgba(255,255,255,.55);color:var(--pxip2-ink);font-size:13px;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s var(--pxip2-spring);}
#pxip-app .pxip-sugg .pxip-icon{color:#8a9c9c;}
#pxip-app .pxip-sugg:hover{background:var(--pxip2-tint);border-color:var(--pxip2-tint-bd);color:var(--pxip2-acc-ink);transform:translateY(-1px);}
#pxip-app .pxip-sugg:focus,#pxip-app .pxip-sugg:focus-visible{background:var(--pxip2-tint);border-color:var(--pxip2-tint-bd);color:var(--pxip2-acc-ink);}
#pxip-app .pxip-sugg:hover .pxip-icon,#pxip-app .pxip-sugg:focus .pxip-icon,#pxip-app .pxip-sugg:focus-visible .pxip-icon{color:var(--pxip2-acc);}
#pxip-app .pxip-sugg:active{transform:scale(.97);}
#pxip-app .pxip-sugg--main .pxip-icon{color:var(--pxip2-acc);}
/* Squelette de l'accueil (S01-08) : la planche le dessine de 124 px, 3 px de plus que le composer reel de S01 (121 px) ; la planche fait foi, le composer reel arrive 3 px plus bas que le squelette */
#pxip-app .pxip-composer--booting{width:100%;margin-top:22px;padding:16px 12px 10px 20px;height:124px;display:flex;flex-direction:column;justify-content:space-between;}
#pxip-app .pxip-composer__skel-row{display:flex;align-items:center;gap:6px;}
#pxip-app .pxip-composer__skel-gap{flex:1;}
/* Fenetre « Rattacher a un voyage » */
#pxip-app .pxip-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 18px 10px;border-radius:24px;background:linear-gradient(150deg,rgba(236,253,245,.92),rgba(239,246,255,.78));box-shadow:inset 0 0 0 1px #fff;}
#pxip-app .pxip-empty__mascot{display:block;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(13,82,74,.22));}
#pxip-app .pxip-empty__title{margin:8px 0 0;font-size:21px;font-weight:800;letter-spacing:-.03em;}
#pxip-app .pxip-empty__text{margin:8px 0 0;max-width:36ch;font-size:15px;font-weight:500;line-height:1.5;color:var(--pxip2-mut2);text-wrap:pretty;}
#pxip-app .pxip-empty__cta{margin-top:18px;}
/* Fenetre « Avec qui pars-tu ? » : note de synchronisation, ligne sans compte, bouton pointille */
#pxip-app .pxip-sync{display:flex;align-items:center;gap:10px;margin:0 0 4px;padding:6px 8px 6px 6px;border-radius:999px;background:rgba(255,255,255,.62);box-shadow:var(--pxip2-chip-shadow);font-size:13.5px;font-weight:700;}
#pxip-app .pxip-sync__ico{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pxip2-go);color:#fff;}
#pxip-app .pxip-sync__text{flex:1;min-width:0;}
#pxip-app .pxip-sync__two{display:none;}
#pxip-app .pxip-sync__reset{flex:none;min-height:32px;padding:0 14px;border:0;border-radius:999px;background:rgba(22,160,90,.12);color:#12804a;font-size:13px;font-weight:800;cursor:pointer;box-shadow:none;}
#pxip-app .pxip-sync__reset:hover,#pxip-app .pxip-sync__reset:focus,#pxip-app .pxip-sync__reset:focus-visible{background:rgba(22,160,90,.2);color:#12804a;}
#pxip-app .pxip-extra{display:flex;align-items:center;gap:14px;width:100%;padding:10px 6px 10px 10px;border-radius:20px;color:var(--pxip2-ink2);background:linear-gradient(150deg,rgba(236,253,245,.95),rgba(239,246,255,.82));box-shadow:inset 0 0 0 1.5px rgba(14,151,132,.45),0 14px 30px -18px rgba(14,151,132,.55);}
#pxip-app .pxip-extra__ico{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;color:#0b6f60;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 2px rgba(14,151,132,.4),0 0 0 3px rgba(255,255,255,.95);}
#pxip-app .pxip-extra__rm{flex:none;width:44px;height:44px;padding:0;border-radius:999px;border:0;background:transparent;color:var(--pxip2-mut2);cursor:pointer;display:grid;place-items:center;box-shadow:none;transition:background .3s,color .3s;}
#pxip-app .pxip-extra__rm:hover,#pxip-app .pxip-extra__rm:focus,#pxip-app .pxip-extra__rm:focus-visible{background:rgba(211,47,47,.1);color:var(--pxip2-danger);}
#pxip-app .pxip-add{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:10px 14px 10px 10px;border-radius:20px;border:1.5px dashed rgba(14,151,132,.35);background:rgba(236,253,245,.55);color:#0b6f60;font-size:15px;font-weight:700;cursor:pointer;box-shadow:none;transition:transform .45s var(--pxip2-spring),background .3s;}
#pxip-app .pxip-add:hover{color:#0b6f60;transform:translateY(-2px);background:rgba(236,253,245,.9);}
#pxip-app .pxip-add:focus,#pxip-app .pxip-add:focus-visible{color:#0b6f60;background:rgba(236,253,245,.9);}
#pxip-app .pxip-add:active{transform:scale(.99);}
#pxip-app .pxip-add__ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;background:var(--pxip2-go);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 16px -8px rgba(14,151,132,.7);}
/* Page « Nouveau voyageur » : pastille de prenom, champ, choix adulte ou enfant, age saisissable au clavier */
/* Focus des champs de cette page et de « Conversations par voyage » : l'anneau interieur est plein (#0e9784, 3,6:1 sur blanc) et non a 45 % d'opacite comme
 * sur la planche (1,8:1, sous le seuil 3:1 d'un indicateur de focus, WCAG 1.4.11) ; le halo exterieur de la planche est conserve. */
#pxip-app .pxip-new{padding:18px 22px 22px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;}
#pxip-app .pxip-new__avatar{display:flex;justify-content:center;padding:4px 0 0;}
#pxip-app .pxip-new__avatar span{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:32px;font-weight:800;background:linear-gradient(135deg,#e0702a,#f2a24e);box-shadow:0 0 0 5px rgba(255,255,255,.95),0 18px 30px -14px rgba(13,82,74,.55);}
#pxip-app .pxip-new__label{display:block;margin:0 0 8px 6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pxip2-mut2);}
#pxip-app .pxip-new__input{width:100%;height:48px;margin:0;border:0;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 10px 24px -18px rgba(13,82,74,.45);padding:0 20px;font-size:15px;font-weight:700;color:var(--pxip2-ink2);outline:none;transition:box-shadow .3s;}
#pxip-app .pxip-new__input:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 10px 24px -18px rgba(13,82,74,.45);}
#pxip-app .pxip-new__input:focus,#pxip-app .pxip-new__input:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px #0e9784,0 10px 22px -12px rgba(14,151,132,.5);}
#pxip-app .pxip-new__input::placeholder{color:var(--pxip2-mut);opacity:1;}
#pxip-app .pxip-seg{display:flex;gap:6px;padding:5px;border-radius:999px;background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);}
#pxip-app .pxip-seg__opt{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0;border:0;border-radius:999px;cursor:pointer;font-size:15px;font-weight:700;color:var(--pxip2-mut2);background:transparent;box-shadow:none;transition:transform .35s var(--pxip2-spring),box-shadow .3s,color .3s;}
#pxip-app .pxip-seg__opt:hover{background:transparent;transform:translateY(-2px);}
#pxip-app .pxip-seg__opt:focus,#pxip-app .pxip-seg__opt:focus-visible{background:transparent;}
#pxip-app .pxip-seg__opt:active{transform:scale(.98);}
#pxip-app .pxip-seg__opt[aria-checked="true"]{color:var(--pxip2-ink2);background:linear-gradient(150deg,rgba(236,253,245,.98),rgba(239,246,255,.9));box-shadow:inset 0 0 0 1.5px rgba(14,151,132,.45),0 10px 22px -12px rgba(14,151,132,.5);}
#pxip-app .pxip-seg__opt[aria-checked="true"]:hover,#pxip-app .pxip-seg__opt[aria-checked="true"]:focus,#pxip-app .pxip-seg__opt[aria-checked="true"]:focus-visible{background:linear-gradient(150deg,rgba(236,253,245,.98),rgba(239,246,255,.9));}
#pxip-app .pxip-age{display:flex;align-items:center;gap:10px;}
#pxip-app .pxip-age__step{flex:none;width:48px;height:48px;padding:0;border-radius:999px;border:0;cursor:pointer;color:var(--pxip2-teal);background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 10px 24px -18px rgba(13,82,74,.45);display:grid;place-items:center;transition:transform .35s var(--pxip2-spring);}
#pxip-app .pxip-age__step:hover{background:rgba(255,255,255,.8);color:var(--pxip2-teal);transform:translateY(-2px);}
#pxip-app .pxip-age__step:focus,#pxip-app .pxip-age__step:focus-visible{background:rgba(255,255,255,.8);color:var(--pxip2-teal);}
#pxip-app .pxip-age__step:active{transform:scale(.94);}
#pxip-app .pxip-age__field{flex:1;position:relative;display:flex;align-items:center;justify-content:center;height:48px;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 10px 24px -18px rgba(13,82,74,.45);cursor:text;gap:0;}
#pxip-app .pxip-age__field:focus-within{box-shadow:inset 0 0 0 1.5px #0e9784,0 10px 22px -12px rgba(14,151,132,.5);}
#pxip-app .pxip-age__input{width:2.2ch;min-width:1ch;margin:0;padding:0;border:0;background:transparent;text-align:right;font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--pxip2-ink2);outline:none;box-shadow:none;-moz-appearance:textfield;appearance:textfield;-webkit-appearance:none;}
/* Safari et Firefox ne connaissent pas field-sizing : largeur de deux chiffres (age de 0 a 17) ; ailleurs le champ epouse son contenu. */
@supports (field-sizing:content){#pxip-app .pxip-age__input{width:auto;field-sizing:content;}}
#pxip-app .pxip-age__input:hover,#pxip-app .pxip-age__input:focus,#pxip-app .pxip-age__input:focus-visible{outline:none;border:0;background:transparent;box-shadow:none;}
#pxip-app .pxip-age__input::-webkit-outer-spin-button,#pxip-app .pxip-age__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
#pxip-app .pxip-age__unit{padding-left:8px;font-size:18px;font-weight:700;color:var(--pxip2-mut2);}
/* Fenetre « Conversations par voyage » */
#pxip-app .pxip-convs__badge{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:5px 14px 5px 5px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(255,255,255,.62);box-shadow:var(--pxip2-chip-shadow);}
#pxip-app .pxip-convs__badge b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--pxip2-go);color:#fff;}
#pxip-app .pxip-dlg__titles--tall{gap:12px;}
#pxip-app .pxip-dlg__head--convs{padding-bottom:4px;}
#pxip-app .pxip-convs__search{position:relative;padding:18px 22px 6px;}
#pxip-app .pxip-convs__search .pxip-icon{position:absolute;left:40px;top:33px;color:var(--pxip2-teal);}
#pxip-app .pxip-convs__input{width:100%;height:48px;margin:0;border-radius:999px;border:0;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 10px 24px -18px rgba(13,82,74,.45);padding:0 18px 0 46px;font-size:15px;font-weight:500;color:var(--pxip2-ink2);outline:none;transition:box-shadow .3s;}
#pxip-app .pxip-convs__input:focus,#pxip-app .pxip-convs__input:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px #0e9784,0 10px 22px -12px rgba(14,151,132,.5);}
/* #757575 (planches) ne passe pas ici : le verre blanc a 75 % laisse voir le fond de la fenetre et le contraste mesure tombe a 4,31:1. #6f6f6f, gris neutre de meme famille : 4,7:1 au moins. */
#pxip-app .pxip-convs__input::placeholder{color:#6f6f6f;opacity:1;}
#pxip-app .pxip-convs__list{flex:1;min-height:0;overflow-y:auto;padding:12px 22px 18px;display:flex;flex-direction:column;gap:10px;}
#pxip-app .pxip-convs__group{border-radius:22px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 8px 20px -16px rgba(13,82,74,.35);transition:background .35s var(--pxip2-std),box-shadow .35s var(--pxip2-std);}
#pxip-app .pxip-convs__group.pxip-is-open{background:linear-gradient(150deg,rgba(236,253,245,.92),rgba(239,246,255,.78));box-shadow:inset 0 0 0 1px #fff,0 24px 44px -26px rgba(13,82,74,.45);}
#pxip-app .pxip-convs__head{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 14px 12px 12px;border:0;border-radius:22px;background:transparent;cursor:pointer;color:inherit;box-shadow:none;transition:transform .45s var(--pxip2-spring);}
#pxip-app .pxip-convs__head:hover{background:transparent;color:inherit;transform:translateY(-1px);}
#pxip-app .pxip-convs__head:focus,#pxip-app .pxip-convs__head:focus-visible{background:transparent;color:inherit;}
#pxip-app .pxip-convs__tile{width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;}
#pxip-app .pxip-convs__name{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pxip-app .pxip-convs__meta{display:block;margin-top:2px;font-size:13.5px;font-weight:500;color:var(--pxip2-mut2);}
#pxip-app .pxip-convs__tag{flex:none;display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:800;color:#12804a;background:rgba(22,160,90,.12);}
#pxip-app .pxip-convs__tag--free{color:#5f716e;background:rgba(11,43,40,.07);}
#pxip-app .pxip-convs__chev{flex:none;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;color:var(--pxip2-teal);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95);}
#pxip-app .pxip-convs__chev .pxip-icon{transition:transform .45s var(--pxip2-spring);}
#pxip-app .pxip-convs__group.pxip-is-open .pxip-convs__chev .pxip-icon{transform:rotate(180deg);}
#pxip-app .pxip-convs__items{display:flex;flex-direction:column;gap:6px;margin:0;padding:0 12px 12px 70px;list-style:none;}
#pxip-app .pxip-convs__link{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:14px;text-decoration:none;color:var(--pxip2-ink2);background:#fff;box-shadow:0 4px 12px -10px rgba(13,82,74,.4);transition:transform .45s var(--pxip2-spring),box-shadow .3s;}
#pxip-app .pxip-convs__link:hover{color:var(--pxip2-ink2);transform:translateX(3px);box-shadow:inset 0 0 0 1.5px rgba(14,151,132,.35),0 10px 22px -14px rgba(14,151,132,.5);}
#pxip-app .pxip-convs__link:focus,#pxip-app .pxip-convs__link:focus-visible{color:var(--pxip2-ink2);box-shadow:inset 0 0 0 1.5px rgba(14,151,132,.35),0 10px 22px -14px rgba(14,151,132,.5);}
#pxip-app .pxip-convs__text{flex:1;min-width:0;}
#pxip-app .pxip-convs__title{display:block;font-size:14.5px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pxip-app .pxip-convs__when{display:block;margin-top:1px;font-size:12.5px;font-weight:600;color:var(--pxip2-mut2);}
#pxip-app .pxip-convs__arrow{color:var(--pxip2-teal);display:grid;place-items:center;}
#pxip-app .pxip-convs__empty{padding:24px 12px;text-align:center;font-size:14px;font-weight:600;color:var(--pxip2-mut2);}
/* Feuille du bas (telephone) : meme verre, coins hauts 28, poignee 40 x 5 */
#pxip-app .pxip-sheet-handle{display:none;}
@media (max-width:767px){
#pxip-app .pxip-dlg{align-items:flex-end;justify-content:center;padding:0;background:rgba(11,43,40,.26);}
#pxip-app .pxip-dlg__aura{width:390px;height:600px;}
#pxip-app .pxip-dlg__aura i:nth-child(1){width:400px;height:400px;}
#pxip-app .pxip-dlg__aura i:nth-child(3){left:30%;}
#pxip-app .pxip-dlg__panel{max-width:none;max-height:92%;border-radius:28px 28px 0 0;background:linear-gradient(140deg,rgba(255,255,255,.92),rgba(255,255,255,.76));border-bottom:0;box-shadow:inset 0 1px 0 #fff,0 -24px 56px -30px rgba(13,82,74,.45);animation:pxip2Sheet .45s var(--pxip2-out);}
#pxip-app .pxip-sheet-handle{display:block;flex:none;width:40px;height:5px;border-radius:999px;background:rgba(11,43,40,.18);margin:10px auto 0;}
#pxip-app .pxip-dlg__body{padding:14px 18px 16px;}
#pxip-app .pxip-dlg__foot{padding:14px 18px max(20px,var(--pxip2-safe-b));gap:8px;}
#pxip-app .pxip-dlg__count{text-align:center;padding-right:0;line-height:1.25;text-wrap:balance;}
#pxip-app .pxip-sync{gap:12px;padding:8px 8px 8px 10px;border-radius:20px;background:linear-gradient(150deg,rgba(236,253,245,.95),rgba(239,246,255,.82));box-shadow:inset 0 0 0 1.5px rgba(14,151,132,.35),0 10px 22px -16px rgba(14,151,132,.5);}
#pxip-app .pxip-sync__ico{width:32px;height:32px;border-radius:11px;}
#pxip-app .pxip-sync__one{display:none;}
#pxip-app .pxip-sync__two{display:block;}
#pxip-app .pxip-sync__line1{display:block;font-size:11.5px;font-weight:600;color:var(--pxip2-mut2);line-height:1.2;}
#pxip-app .pxip-sync__line2{display:block;margin-top:2px;font-size:14px;font-weight:800;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pxip-app .pxip-sync__reset{min-height:44px;padding:0 16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(14,151,132,.3),0 6px 14px -8px rgba(14,151,132,.5);}
#pxip-app .pxip-welcome{max-width:none;}
#pxip-app .pxip-welcome__mascot{width:68px;height:68px;}
#pxip-app .pxip-welcome__title{font-size:26px;}
#pxip-app .pxip-welcome__composer{margin-top:18px;}
#pxip-app[data-kb="open"] .pxip-welcome__mascot{width:56px;height:56px;}
#pxip-app[data-kb="open"] .pxip-welcome__title{font-size:24px;margin-top:6px;}
#pxip-app .pxip-suggestions__list{position:static;flex-direction:column;align-items:center;max-width:none;margin-top:14px;}
#pxip-app .pxip-suggestions{height:auto;}
}
@media (max-width:767px) and (max-height:520px){
#pxip-app .pxip-welcome__mascot{width:56px;height:56px;}
}

#pxip-app .pxip-friends__search{padding:0 0 6px;}
#pxip-app .pxip-friends__search .pxip-icon{left:18px;top:15px;}
#pxip-app .pxip-friends__list{display:flex;flex-direction:column;gap:8px;}
#pxip-app .pxip-friends__retry{display:flex;justify-content:center;padding-top:6px;}
#pxip-app .pxip-dlg__panel[aria-busy="true"] .pxip-row{cursor:progress;}
#pxip-app .pxip-dlg__panel[aria-busy="true"] .pxip-row:hover{transform:none;}
#pxip-app .pxip-dlg__panel[aria-busy="true"] .pxip-row:not([aria-pressed="true"]){opacity:.55;}
#pxip-app .pxip-dlg__panel[aria-busy="true"] .pxip-pill[aria-disabled="true"]{opacity:.55;cursor:progress;}
#pxip-app .pxip-friends .pxip-row[aria-disabled="true"]:not([aria-pressed="true"]){opacity:.55;cursor:not-allowed;}
#pxip-app .pxip-friends .pxip-row[aria-disabled="true"]:hover{transform:none;}
#pxip-app .pxip-dlg__foot .pxip-go[aria-disabled="true"]{opacity:.55;cursor:not-allowed;}