.chat-arrival{position:fixed;z-index:160;inset:auto;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px));margin:0;padding:0;display:flex;align-items:flex-start;border:1px solid #bfa3e65c;border-radius:17px;background:#21172ff5;color:#fff;box-shadow:0 10px 38px #0006,0 1px 5px #0003;backdrop-filter:blur(20px);animation:chat-arrival-in .2s ease-out}
.chat-arrival[popover]:not(:popover-open){display:none}.chat-arrival::backdrop{background:transparent;pointer-events:none}.chat-arrival-in-sheet{position:sticky;top:8px;left:auto;transform:none;width:calc(100% - 16px);margin:8px}
.chat-arrival-open{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:15px 6px 15px 15px;border-radius:17px;background:transparent;color:inherit;text-align:left}
.chat-arrival-open>img{width:44px;height:44px;object-fit:cover;object-position:center 25%;border-radius:50%;flex:none;background:#473154}
.chat-arrival-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.chat-arrival-copy>strong{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.3}.chat-arrival-copy small{font-size:10px;font-weight:400;color:#c7abd9}.chat-arrival-copy>span:not(.chat-arrival-action){font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#f5ecfc}.chat-arrival-action{font-size:11px;font-weight:600;color:#d7b4ff;line-height:1.4}
.chat-arrival-close{flex:none;width:40px;height:40px;margin:4px 3px 0 0;border-radius:50%;background:transparent;color:#d5c6df;font-size:25px;line-height:1}.chat-arrival button:focus-visible{outline:2px solid #ddbcff;outline-offset:-3px}.chat-arrival-close:hover{background:#ffffff0d}
@keyframes chat-arrival-in{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.chat-arrival{animation:none}}