/* B. Le téléphone du premier écran : la conversation s'écrit bulle par bulle (18/10).
   Pour retirer : supprimer ce fichier, interactif-b-conversation.js et leurs deux lignes dans index.html.
   Rien ici ne s'applique sans le script : il crée lui-même l'enveloppe et le cache. */
.hc-wrap{position:relative;display:block}
/* Cache de la couleur du fond de la conversation (mesurée dans la capture : rgb 238 231 218).
   Il couvre la zone des bulles, de --hc-top jusqu'au bas de la conversation (88,125 % de la capture),
   et descend à mesure que les bulles apparaissent. L'en-tête et la zone de saisie restent visibles. */
.hc-cache{position:absolute;left:0;right:0;top:var(--hc-top,8.125%);bottom:11.875%;background:rgb(238,231,218);transition:top .5s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.hc-typing{position:absolute;top:1.4cqw;right:12.9%;display:flex;gap:1.3cqw;align-items:center;padding:3.2cqw 4.4cqw;border:1px solid rgb(205,190,201);border-radius:5cqw;background:rgb(238,228,236);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.hc-typing i{display:block;width:1.9cqw;height:1.9cqw;border-radius:50%;background:#72596f}
.hc-cache.is-typing .hc-typing{opacity:1;transform:none}
.hc-cache.is-typing .hc-typing i{animation:hcDot 1s infinite ease-in-out}
.hc-cache.is-typing .hc-typing i:nth-child(2){animation-delay:.15s}
.hc-cache.is-typing .hc-typing i:nth-child(3){animation-delay:.3s}
@keyframes hcDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-1.1cqw)}}
@media(prefers-reduced-motion:reduce){.hc-cache{display:none}}
.no-motion .hc-cache{display:none}