.notification-menu{position:relative;z-index:45}.notification-menu summary{list-style:none}.notification-menu summary::-webkit-details-marker{display:none}.notification-bell{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(145deg,#1c1a31,#111426);color:#f8effa;cursor:pointer;transition:.2s transform,.2s border-color,.2s background}.notification-bell:hover,.notification-menu[open] .notification-bell{border-color:rgba(236,72,153,.7);background:#25182f;transform:translateY(-1px)}.notification-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.notification-bell>span{position:absolute;top:-5px;right:-6px;display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border:2px solid #090b16;border-radius:99px;background:linear-gradient(135deg,#fb3c9a,#9b5cff);color:#fff;font-size:9px;font-weight:900;box-shadow:0 4px 12px rgba(236,72,153,.5)}.notification-popover{position:absolute;top:calc(100% + 14px);right:0;width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(160deg,#21152d,#111322 60%);box-shadow:0 28px 80px rgba(0,0,0,.62)}.notification-popover:before{content:"";position:absolute;top:-7px;right:18px;width:13px;height:13px;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12);background:#20152c;transform:rotate(45deg)}.notification-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px 15px;border-bottom:1px solid rgba(255,255,255,.08)}.notification-popover-head>div{display:grid}.notification-popover-head small{color:#ec83c6;font-size:9px;font-weight:900;letter-spacing:.18em}.notification-popover-head strong{font-size:18px}.notification-popover-head>b{padding:5px 9px;border-radius:99px;background:rgba(236,72,153,.14);color:#f9a8d4;font-size:10px}.notification-preview-list{max-height:370px;overflow:auto}.notification-preview-list form{margin:0}.notification-preview{position:relative;display:flex;width:100%;gap:12px;padding:14px 18px;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:#fff;text-align:left;cursor:pointer}.notification-preview:hover{background:rgba(255,255,255,.05)}.notification-preview.is-unread{background:linear-gradient(90deg,rgba(236,72,153,.12),transparent)}.notification-preview.is-unread:before{content:"";position:absolute;left:5px;top:22px;width:5px;height:5px;border-radius:50%;background:#f472b6;box-shadow:0 0 9px #ec4899}.notification-preview>i{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(139,92,246,.3));color:#f9a8d4;font-style:normal;font-weight:900}.notification-preview>span{display:grid;min-width:0;gap:3px}.notification-preview strong{font-size:13px;line-height:1.3}.notification-preview small{color:#b8b5c4;font-size:11px;line-height:1.4}.notification-preview time{color:#80798c;font-size:9px}.notification-empty{display:grid;justify-items:center;padding:30px 20px;text-align:center}.notification-empty>span{font-size:27px;color:#ef84cc}.notification-empty strong{margin-top:6px}.notification-empty small{margin-top:3px;color:#9994a7}.notification-view-all{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(255,255,255,.035);color:#f3addb;font-size:12px;font-weight:900}.notification-view-all:hover{background:rgba(236,72,153,.12)}.desktop-profile-link{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:13px}.desktop-profile-link:hover{background:rgba(255,255,255,.06)}.profile-avatar{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;font-size:13px;font-weight:900}.desktop-profile-link>span:last-child{display:grid;line-height:1.15}.desktop-profile-link small{color:#8e8a9c;font-size:9px}.desktop-profile-link strong{color:#fff;font-size:12px}.notifications-page{min-height:68vh;padding:48px 0 72px}.notifications-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.notifications-hero h1{margin:8px 0 5px;font-size:clamp(32px,5vw,52px)}.notifications-hero p{margin:0;color:var(--muted)}.notifications-mark-all{border:1px solid rgba(236,72,153,.35);border-radius:13px;background:rgba(236,72,153,.09);color:#f8a5d7;padding:11px 15px;cursor:pointer;font-size:12px;font-weight:900}.notifications-feed{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(140deg,#17162a,#101321)}.notification-card.is-unread{border-color:rgba(236,72,153,.32);background:linear-gradient(110deg,rgba(236,72,153,.11),#121423 45%)}.notification-card-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(139,92,246,.28));color:#f9a8d4;font-size:19px;font-weight:900}.notification-card-copy{min-width:0}.notification-card-copy h2{margin:0 0 5px;font-size:17px}.notification-card-copy p{margin:0;color:#bbbcca;font-size:13px}.notification-card-copy time{display:block;margin-top:7px;color:#777b90;font-size:10px}.notification-card-action{border:0;border-radius:12px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;padding:11px 14px;cursor:pointer;font-size:11px;font-weight:900;white-space:nowrap}.notification-page-empty{padding:54px 20px;text-align:center;border:1px dashed var(--border);border-radius:20px;color:var(--muted)}.notification-status{margin-bottom:16px;padding:11px 14px;border-radius:12px;background:#17392f;color:#adf2d4}.amo-mobile-account-links{display:flex;gap:12px;margin-top:10px}.amo-mobile-account-links a{padding-right:12px;border-right:1px solid rgba(255,255,255,.12)}.amo-mobile-account-links a:last-child{border:0}.amo-mobile-account-links b{display:inline-grid;min-width:18px;height:18px;margin-left:3px;place-items:center;border-radius:99px;background:#ec4899;color:#fff;font-size:9px}@media(max-width:980px){.notification-menu{order:2;margin-left:auto}.site-header .mobile-menu{order:3;margin-left:0}.notification-bell{width:39px;height:39px}.notification-popover{position:fixed;top:70px;right:12px}.viewer-account{display:none}}@media(max-width:520px){.site-header .nav{gap:8px}.site-header .brand img{width:min(37vw,145px)}.notifications-page{padding-top:28px}.notifications-hero{align-items:flex-start;flex-direction:column}.notification-card{grid-template-columns:40px minmax(0,1fr);padding:15px}.notification-card-icon{width:40px;height:40px}.notification-card-action{grid-column:2;width:100%}.notification-popover{top:67px}.mobile-menu{font-size:20px}}
