.notification-open{position:relative;}
.notification-open svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.notification-badge{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--bg);border-radius:99px;background:#e14848;color:#fff;font-size:11px;font-weight:800;line-height:15px;text-align:center;}
.notification-modal-card{width:min(620px,100%);max-height:min(780px,calc(100dvh - 32px));display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;}
.notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 18px;border-bottom:1px solid var(--line);}
.notification-head h2{font:800 34px/1.05 Barlow Condensed,sans-serif;text-transform:uppercase;margin:6px 0;}
.notification-head p{margin:0;color:var(--muted);font-size:14px;}
.notification-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;}
.notification-toolbar button{min-height:44px;border:0;background:transparent;color:var(--accent2);font-weight:700;font-size:13px;padding:8px 0;}
.notification-toolbar button:disabled{color:#6b6a67;cursor:default;}
.notification-list{overflow:auto;overscroll-behavior:contain;padding:8px 12px;min-height:170px;}
.notification-entry{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 8px;align-items:start;gap:13px;border:0;border-radius:14px;background:transparent;color:var(--ink);padding:15px 12px;text-align:left;}
.notification-entry:hover,.notification-entry:focus-visible{background:#1a1a1a;outline:none;}
.notification-entry.unread{background:rgba(216,177,90,.075);}
.notification-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(216,177,90,.35);border-radius:12px;color:var(--accent2);font-size:16px;font-weight:800;}
.notification-copy{min-width:0;}
.notification-copy strong{display:block;font-size:15px;line-height:1.35;}
.notification-copy span{display:block;margin-top:3px;color:#c6c4be;font-size:14px;line-height:1.45;}
.notification-copy small{display:block;margin-top:7px;color:var(--muted);font-size:12px;}
.notification-unread-dot{width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--accent);}
.notification-empty{padding:38px 18px;text-align:center;color:var(--muted);}
.notification-footnote{margin:0;padding:13px 20px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.45;}
@media(max-width:600px){.notification-modal-card{max-height:calc(100dvh - 24px);}.notification-head{padding:20px 18px 15px}.notification-toolbar{padding-inline:17px}.notification-list{padding:6px 8px}.notification-entry{padding:14px 10px}.notification-footnote{padding-inline:18px}}