.presence-arrival{position:fixed;z-index:1200;left:50%;top:max(18px,env(safe-area-inset-top));width:min(88vw,360px);min-height:74px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:11px 15px 11px 11px;border-radius:22px;color:#fff;background:linear-gradient(180deg,rgba(20,16,38,.97),rgba(10,8,22,.96));border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 0 0 1px rgba(103,232,249,.08);pointer-events:none;overflow:hidden;animation:presence-arrival-in 3.2s cubic-bezier(.16,1,.3,1) both}.presence-arrival__pulse{position:absolute;width:88px;height:88px;left:-4px;top:-7px;border-radius:999px;border:2px solid rgba(74,222,128,.78);opacity:0;animation:presence-arrival-pulse 1.2s ease-out .16s 2}.presence-arrival__avatar-wrap{position:relative;flex:0 0 52px;width:52px;height:52px;animation:presence-arrival-avatar .68s cubic-bezier(.16,1.3,.3,1) both}.presence-arrival__avatar{width:52px;height:52px;border-radius:16px;object-fit:cover;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.75);background:#241b3b;box-shadow:0 0 0 3px rgba(74,222,128,.18);font-weight:800;letter-spacing:.04em}.presence-arrival__fallback{color:#fff}.presence-arrival__dot{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border-radius:50%;background:#4ade80;border:3px solid #100c20;box-shadow:0 0 12px rgba(74,222,128,.9);animation:presence-arrival-dot .72s ease-out .22s both}.presence-arrival__copy{min-width:0;display:flex;flex-direction:column;gap:1px;animation:presence-arrival-copy .55s cubic-bezier(.16,1,.3,1) .08s both}.presence-arrival__copy strong{font-size:15px;line-height:1.15;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-arrival__copy span{font-size:12px;color:rgba(255,255,255,.72)}@keyframes presence-arrival-in{0%{opacity:0;transform:translate(-50%,-30px) scale(.92)}13%{opacity:1;transform:translate(-50%) scale(1.02)}20%{transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(.98)}}@keyframes presence-arrival-avatar{0%{opacity:0;transform:translateY(16px) scale(.55) rotate(-8deg)}70%{opacity:1;transform:translateY(-2px) scale(1.06) rotate(1deg)}to{opacity:1;transform:none}}@keyframes presence-arrival-copy{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes presence-arrival-pulse{0%{opacity:.72;transform:scale(.45)}to{opacity:0;transform:scale(1.35)}}@keyframes presence-arrival-dot{0%{opacity:0;transform:scale(.1)}60%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.chat-scroll>.comment:last-child{transform-origin:50% 100%;animation:message-arrival .42s cubic-bezier(.18,1.18,.3,1) both}.chat-scroll>.comment:last-child .text{animation:message-arrival-text .36s ease-out .04s both}@keyframes message-arrival{0%{opacity:0;transform:translateY(18px) scale(.94)}58%{opacity:1;transform:translateY(-2px) scale(1.018)}to{opacity:1;transform:none}}@keyframes message-arrival-text{0%{filter:brightness(1.28)}to{filter:none}}@media (prefers-reduced-motion:reduce){.chat-scroll>.comment:last-child,.chat-scroll>.comment:last-child .text,.presence-arrival,.presence-arrival__avatar-wrap,.presence-arrival__copy,.presence-arrival__dot,.presence-arrival__pulse{animation:none}.presence-arrival{opacity:1}}