html body .problem .problem-card{opacity:1!important;transform:none!important;animation:none!important}html body .problem .problem__grid::before{position:absolute;top:50%;left:50%;z-index:5;display:grid;width:70px;height:38px;place-items:center;border-radius:22px;background:#eaf6ff;color:#078cf0;font:700 18px/1 Arial,sans-serif;letter-spacing:3px;opacity:0;pointer-events:none;content:"•••";transform:translate(-50%,-50%) scale(.8)}html body .problem.is-typing .problem__grid::before{animation:typing-indicator .52s ease-in-out both}html body .problem.is-typing .problem-card{opacity:0!important}html body .problem.is-message-visible .problem-card{animation:imessage-arrival .76s cubic-bezier(.22,.84,.28,1.08) both!important}html body .problem.is-message-visible .problem-card:nth-child(2){animation-delay:.86s!important}html body .problem.is-message-visible .problem-card:nth-child(3){animation-delay:1.72s!important}@keyframes typing-indicator{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}30%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes imessage-arrival{0%{opacity:0;transform:translateY(280px) scale(.88)}72%{opacity:1;transform:translateY(-5px) scale(1.03)}100%{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){html body .problem.is-typing .problem-card,html body .problem.is-message-visible .problem-card{opacity:1!important;transform:none!important;animation:none!important}html body .problem .problem__grid::before{display:none}}
