.card-swap-container{transform-origin:50%;perspective:900px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.card{will-change:transform;backface-visibility:hidden;background:0 0;border:1px solid #ffffff1f;border-radius:24px;position:absolute;top:50%;left:50%}@media (max-width:768px){.card-swap-container{transform:translate(-50%,-50%)scale(.75)}}@media (max-width:480px){.card-swap-container{transform:translate(-50%,-50%)scale(.6)}}
.notification-card{color:#fff;will-change:transform;backface-visibility:hidden;border-radius:22px;width:100%;max-width:550px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#18181c!important;border:1px solid #ffffff24!important}.notification-inner{z-index:2;align-items:flex-start;gap:14px;padding:16px;display:flex;position:relative}.notification-icon-wrapper{flex-shrink:0;position:relative}.notification-icon,.notification-icon-placeholder{object-fit:cover;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:10px;width:42px;height:42px}.notification-badge{color:#fff;box-sizing:border-box;background:#ff3b30;border:2px solid #232328e6;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.notification-content{flex-direction:column;flex:1;gap:4px;display:flex}.notification-header{opacity:.85;justify-content:space-between;align-items:center;font-size:13px;display:flex}.notification-title{white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-weight:400;overflow:hidden}.notification-title strong{color:#fff;font-weight:600}.notification-time{opacity:.55;font-size:12px}.notification-message{color:#ffffffeb;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}