:root{--ok: #34d399;--err: #fb7185;--warn: #fbbf24;--info: #38bdf8;--upd: #818cf8;--sys: #94a3b8;--msg: #a78bfa;--money: #4ade80;--ov-line: rgba(255, 255, 255, .08);--ov-muted: #9aa4b2;--ov-muted2: #6b7480}.overlay-card{--c: var(--sys);position:relative;pointer-events:auto;width:100%;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:flex-start;min-height:64px;padding:14px 18px 15px 16px;border-radius:17px;overflow:hidden;isolation:isolate;color:#f6f8fc;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-base, #08090b) 82%,transparent),color-mix(in srgb,var(--bg-base, #08090b) 92%,transparent));border:1px solid var(--ov-line);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 20px 46px -20px #000000bf,0 1px #ffffff0d inset;cursor:pointer;opacity:1;animation:overlay-pop .52s cubic-bezier(.34,1.5,.5,1) both;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .28s ease,border-color .22s ease}.overlay-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(160px 96px at 6% 0%,color-mix(in srgb,var(--c) 24%,transparent),transparent 72%)}.overlay-card:after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 45%,transparent),transparent)}.overlay-card{max-height:320px;overflow:hidden}.overlay-card--exiting{opacity:0;transform:scale(.96);max-height:0;min-height:0;margin-top:-11px;padding-top:0;padding-bottom:0;transition:opacity .34s ease,transform .34s ease,max-height .42s cubic-bezier(.4,0,.2,1),margin-top .42s cubic-bezier(.4,0,.2,1),padding-top .42s ease,padding-bottom .42s ease}.overlay-card--ok{--c: var(--ok)}.overlay-card--err{--c: var(--err)}.overlay-card--warn{--c: var(--warn)}.overlay-card--info{--c: var(--info)}.overlay-card--upd{--c: var(--upd)}.overlay-card--sys{--c: var(--sys)}.overlay-card--msg{--c: var(--msg)}.overlay-card--money{--c: var(--money);border-color:#4ade8042;box-shadow:0 0 30px -12px #4ade8073,0 20px 46px -20px #000c,0 1px #ffffff0d inset}.overlay-card__icon{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent) inset,0 0 20px -5px var(--c);animation:overlay-pin .55s cubic-bezier(.34,1.56,.64,1) .07s both}.overlay-card__icon svg{width:22px;height:22px}.overlay-card--money .overlay-card__icon{background:linear-gradient(135deg,#4ade8047,#34d3991f);color:#7ef0b0;box-shadow:0 0 22px -4px #4ade8099,0 0 0 1px #4ade8066 inset}.overlay-card__avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;letter-spacing:.02em;color:#fff7ec;background:linear-gradient(180deg,var(--c),#1a1e26);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 55%,transparent),0 0 16px -3px color-mix(in srgb,var(--c) 60%,transparent);animation:overlay-pin .55s cubic-bezier(.34,1.56,.64,1) .07s both}.overlay-card__avatar-image{-o-object-fit:cover;object-fit:cover;color:transparent}.pulse{animation:overlay-ringpulse 2.4s ease infinite;animation-delay:var(--sync, 0s)}.overlay-card__content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding-top:1px}.overlay-card__title-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.overlay-card__title{flex:1;min-width:0;font-size:14.5px;line-height:1.25;font-weight:660;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-card__badge{flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}.overlay-card__meta,.overlay-card__message-line,.overlay-card__actor{min-width:0;width:100%}.overlay-card__meta{display:flex;gap:5px;margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-card__meta-label{color:var(--ov-muted2)}.overlay-card__meta-value{color:#cedcf0}.overlay-card__message-line{margin-top:4px;font-size:13px}.overlay-card__message{color:var(--ov-muted);line-height:1.46;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.overlay-card__actor{margin-top:3px;font-size:12px;color:#88a5cd;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-card__close{flex-shrink:0;width:22px;height:22px;border-radius:7px;border:0;padding:0;margin-left:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ov-muted2);background:#ffffff0d;transition:background .15s,color .15s}.overlay-card__close:hover{background:color-mix(in srgb,var(--c) 22%,transparent);color:#fff}.overlay-card__close svg{width:11px;height:11px;display:block}.overlay-card__ttl{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,transparent));box-shadow:0 0 8px -1px var(--c);border-bottom-left-radius:17px;animation:overlay-ttl 7s linear forwards;z-index:2}.overlay-card:hover .overlay-card__ttl{animation-play-state:paused}@keyframes overlay-pop{0%{opacity:0;transform:translateY(16px)}60%{opacity:1;transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes overlay-pin{0%{transform:scale(0) rotate(-35deg)}62%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes overlay-ringpulse{0%{box-shadow:0 0 color-mix(in srgb,var(--c) 50%,transparent)}70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes overlay-ttl{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.overlay-card,.overlay-card__icon,.overlay-card__avatar,.pulse,.overlay-clearbar,.overlay-card__ttl{animation:none!important}}