.notification-dialog {width:min(480px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;padding:24px;border:1px solid var(--border,#dce4df);border-radius:8px;background:var(--surface,#fff);color:var(--text,#202b32);box-shadow:0 20px 80px #0003;overflow:auto;}
.notification-dialog::backdrop {background:#101a2580;}
.notification-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.notification-heading h2 {font-size:20px;margin:0;}
.notification-dialog p {font-size:13px;line-height:1.6;color:var(--muted,#718078);}
.notification-dialog h3 {font-size:14px;margin:24px 0 8px;}
.notification-primary {padding:10px 16px;border:0;border-radius:6px;background:#186c49;color:#fff;font-weight:600;cursor:pointer;}
.notification-primary:disabled {opacity:.5;cursor:default;}
.notification-item {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border,#dce4df);font-size:13px;}
.notification-item a {color:inherit;text-decoration:none;line-height:1.6;}
.notification-item small {display:block;color:var(--muted,#718078);}
.notification-dialog button svg,.score-follow svg {width:18px;height:18px;}
.score-follow {flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border,#dce4df);border-radius:6px;color:var(--muted,#718078);background:transparent;cursor:pointer;margin:0 6px;}
.score-follow[aria-pressed="true"] {color:#168455;background:#16845515;border-color:#168455;}
.notification-trigger {position:relative;flex-shrink:0;}
.notification-trigger[data-unread="true"]::after {content:'';position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#d49b29;}
html[data-theme="dark"] .notification-dialog,body.dark .notification-dialog {background:#1d272f;color:#e4e9ee;border-color:#35434d;}
@media(max-width:600px) {.notification-dialog {padding:18px;}.score-follow {width:30px;height:30px;margin:0 3px;}}