.site-notifications{position:fixed;left:22px;bottom:22px;z-index:80;font-family:Inter,system-ui,sans-serif}.notification-bell{position:relative;width:54px;height:54px;border:1px solid rgba(174,132,255,.55);border-radius:17px;background:linear-gradient(145deg,#8b4cff,#5930d8);color:#fff;display:grid;place-items:center;box-shadow:0 14px 38px rgba(71,34,161,.34);cursor:pointer;transition:.2s}.notification-bell:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(98,53,205,.43)}.notification-bell svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-count{position:absolute;right:-5px;top:-6px;min-width:21px;height:21px;padding:0 5px;border:2px solid #080914;border-radius:99px;background:#ff4d7d;color:#fff;font-size:10px;font-weight:850;line-height:17px}.notification-panel{position:absolute;left:0;bottom:66px;width:min(390px,calc(100vw - 28px));max-height:min(560px,70vh);overflow:hidden;border:1px solid #34395a;border-radius:20px;background:rgba(9,10,24,.98);box-shadow:0 24px 70px rgba(0,0,0,.55);color:#fff}.notification-panel header{display:flex;align-items:center;padding:19px 20px;border-bottom:1px solid #252a45}.notification-panel header>div{flex:1}.notification-panel header small{color:#a978ff;font-size:10px;font-weight:850;letter-spacing:.18em}.notification-panel h2{margin:4px 0 0;font-size:21px}.notification-close{border:0;background:transparent;color:#9da3ba;font-size:27px;cursor:pointer}.notification-list{max-height:440px;overflow:auto;padding:10px}.notification-list article{padding:15px 13px;border-bottom:1px solid #252a42}.notification-list article:last-child{border:0}.notification-list span{color:#777d98;font-size:10px;text-transform:uppercase}.notification-list h3{margin:6px 0;font-size:15px}.notification-list p{margin:0;color:#aeb3c8;font-size:13px;line-height:1.55}.notification-empty{padding:24px;text-align:center;color:#8e94ad}@media(max-width:760px){.site-notifications{left:12px;bottom:82px}.notification-bell{width:49px;height:49px;border-radius:15px}.notification-panel{bottom:60px;max-height:62vh}}
/* Keep the notification control flat and free of hover glow. */
.notification-bell,.notification-bell:hover,.notification-bell:focus-visible{transform:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}.notification-bell{transition:background .18s,border-color .18s!important}.notification-bell:hover{border-color:rgba(196,169,255,.8)!important;background:linear-gradient(145deg,#8050e7,#5739c3)!important}