.chat-toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;max-height:100dvh;padding-bottom:16px;display:flex;position:fixed;top:16px;right:16px}.chat-toast{-webkit-backdrop-filter:blur(24px)saturate(1.8);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:pan-x;background:#ffffffd1;border:1px solid #ffffff73;border-radius:18px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:14px 16px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,opacity .25s;animation:.4s cubic-bezier(.16,1,.3,1) chat-toast-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff9}@media (prefers-color-scheme:dark){.chat-toast{background:#1e293bd9;border-color:#ffffff14;box-shadow:0 8px 32px #00000059,0 2px 8px #00000026,inset 0 1px #ffffff0d}.chat-toast__name{color:#f1f5f9!important}.chat-toast__preview,.chat-toast__close{color:#94a3b8!important}.chat-toast__close:hover{background:#ffffff14!important}.chat-toast__progress{background:#6366f180!important}}.chat-toast:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 14px 44px #00000021,0 4px 14px #00000012,inset 0 1px #fff9}.chat-toast:active{transform:scale(.98)}.chat-toast--swiping{transition:none!important}.chat-toast--exit{animation:.3s cubic-bezier(.4,0,1,1) forwards chat-toast-exit}@keyframes chat-toast-enter{0%{opacity:0;transform:translate(80px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes chat-toast-exit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100px)scale(.92)}}.chat-toast__progress{will-change:width;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:0 0 18px 18px;height:3px;animation:5s linear forwards chat-toast-progress;position:absolute;bottom:0;left:0}.chat-toast:hover .chat-toast__progress{animation-play-state:paused}@keyframes chat-toast-progress{0%{width:100%}to{width:0%}}.chat-toast__close{color:#9ca3af;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;line-height:1;transition:opacity .15s,background .15s;display:flex;position:absolute;top:8px;right:8px}.chat-toast:hover .chat-toast__close{opacity:1}.chat-toast__close:hover{color:#6b7280;background:#0000000f}.chat-toast__avatar{object-fit:cover;border-radius:14px;width:44px;min-width:44px;height:44px;box-shadow:0 2px 8px #00000014}.chat-toast__avatar--initials{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg, var(--avatar-bg,#6366f1), color-mix(in srgb, var(--avatar-bg,#6366f1), #000 20%));justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.chat-toast__body{flex-direction:column;flex:1;gap:3px;min-width:0;padding-right:18px;display:flex}.chat-toast__name{color:#111827;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:.85rem;font-weight:700;overflow:hidden}.chat-toast__preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.4;overflow:hidden}.chat-toast__type-icon{color:#6366f1;background:#6366f114;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;margin-left:auto;display:flex}@media (width<=480px){.chat-toast-container{top:8px;left:8px;right:8px}.chat-toast{border-radius:16px;min-width:0;max-width:100%;padding:12px 14px}.chat-toast__avatar{border-radius:12px;width:40px;min-width:40px;height:40px}}.call-banner-wrapper{z-index:9999;padding-top:max(env(safe-area-inset-top,16px), 16px);pointer-events:none;justify-content:center;animation:.4s ease-out call-overlay-in;display:flex;position:fixed;top:0;left:0;right:0}@keyframes call-overlay-in{0%{opacity:0}to{opacity:1}}.call-banner{pointer-events:auto;background:linear-gradient(160deg,#1e293b 0%,#0f172a 100%);border-radius:28px;flex-direction:column;align-items:center;gap:16px;min-width:300px;max-width:360px;padding:32px 40px 28px;animation:.5s cubic-bezier(.16,1,.3,1) call-banner-in;display:flex;position:relative;box-shadow:0 24px 80px #00000073,0 0 0 1px #ffffff0f,inset 0 1px #ffffff0d}@keyframes call-banner-in{0%{opacity:0;transform:translateY(-30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.call-banner__avatar-wrap{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.call-banner__avatar-wrap:before,.call-banner__avatar-wrap:after{content:"";border:2px solid #22c55e66;border-radius:50%;animation:2s ease-out infinite call-pulse-ring;position:absolute;inset:-8px}.call-banner__avatar-wrap:after{border-color:#22c55e33;animation-delay:.4s;inset:-16px}@keyframes call-pulse-ring{0%{opacity:1;transform:scale(.85)}70%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}.call-banner__avatar{object-fit:cover;border:3px solid #ffffff1a;border-radius:50%;width:72px;min-width:72px;height:72px;box-shadow:0 4px 20px #0000004d}.call-banner__avatar--initials{color:#fff;letter-spacing:.03em;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.call-banner__info{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.call-banner__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:280px;font-size:1.1rem;font-weight:700;overflow:hidden}.call-banner__label{color:#ffffff80;letter-spacing:.02em;font-size:.82rem;font-weight:500;animation:2s ease-in-out infinite call-label-pulse}@keyframes call-label-pulse{0%,to{opacity:1;color:#ffffff80}50%{opacity:.7;color:#22c55e99}}.call-banner__actions{gap:24px;margin-top:8px;display:flex}.call-banner__btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative}.call-banner__btn:hover{transform:scale(1.12)}.call-banner__btn:active{transform:scale(.9)}.call-banner__btn--accept{background:linear-gradient(135deg,#22c55e,#16a34a);animation:2s ease-in-out infinite call-accept-glow;box-shadow:0 4px 16px #22c55e66,0 0 24px #22c55e26}@keyframes call-accept-glow{0%,to{box-shadow:0 4px 16px #22c55e66,0 0 24px #22c55e26}50%{box-shadow:0 4px 24px #22c55e8c,0 0 40px #22c55e40}}.call-banner__btn--reject{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444459}.call-banner__btn--reject:hover{box-shadow:0 4px 24px #ef444480}.call-banner__btn-label{color:#fff6;white-space:nowrap;letter-spacing:.02em;font-size:.68rem;font-weight:500;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}@media (width<=480px){.call-banner-wrapper{padding-top:max(env(safe-area-inset-top,12px), 12px)}.call-banner{border-radius:24px;width:calc(100vw - 32px);min-width:0;max-width:calc(100vw - 32px);padding:28px 24px 24px}.call-banner__btn{width:60px;height:60px}}