header .notify{position:relative;display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#eff2ed;color:#24452e}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:#c63d32;color:white;border-radius:12px;font-size:10px;font-weight:700;padding:0 4px}header .notify .notification-badge{position:absolute;right:-4px;top:-3px}#notifications-nav>.notification-badge{margin-left:auto}#notifications-nav b{display:inline-flex}.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.notifications-heading h1{margin:8px 0}.notifications-heading p{font-size:12px;color:#728078;line-height:1.5;margin:7px 0}.notifications-heading .follow{font-size:11px;white-space:nowrap}.notifications-heading .follow:disabled{opacity:.45;cursor:default}.notifications-tools{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #e8ece6;gap:12px}.notifications-tools .score-scopes{margin:0}.notifications-tools>button{font-size:11px;color:#526d53}.notification-row{display:flex;align-items:center;border-bottom:1px solid #edf0ea;padding-right:10px}.notification-row.unread{background:#f0f6ea}.notification-open{display:flex;align-items:center;gap:13px;padding:18px 17px;flex:1;min-width:0;text-align:left}.notification-open:hover{background:#1d482b05}.notification-open .avatar{width:43px;height:43px}.notification-open .avatar img{width:100%;height:100%;object-fit:cover}.notification-copy{min-width:0;flex:1}.notification-copy strong{display:block;font-size:13px;line-height:1.5}.notification-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:#6b796f;line-height:1.6;margin:4px 0}.notification-copy small{font-size:10px;color:#75816e;line-height:1.5}.notification-unread-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#438445}.notification-read-control{font-size:16px;color:#60775e;border-radius:50%;width:30px;height:30px;flex-shrink:0}.notification-read-control:hover{background:#e4ecd9}.notification-footnote{font-size:10px;line-height:1.6;color:#8b9587;margin:12px 17px 15px}.notifications-empty{text-align:center;padding:35px 24px}.notifications-empty>span{display:grid;place-items:center;background:#edf3e6;border-radius:50%;width:52px;height:52px;margin:0 auto 16px;color:#4d7040}.notifications-empty h2{font-size:18px}.notifications-empty p{font-size:12px;line-height:1.7;color:#7d8878;max-width:360px;margin:0 auto 20px}.notifications-empty .primary{font-size:12px}.notification-back{font-size:12px;color:#4c6b43;padding:6px 0}@media(max-width:720px){header .topright .notify{display:inline-flex;width:33px;height:33px}.notifications-heading{align-items:flex-start;flex-wrap:wrap}.notifications-heading .follow{margin-left:0}.notification-open{padding:15px 12px;gap:10px}.notification-copy strong{font-size:12px}.notification-copy>span{font-size:11px}.topright{gap:8px}}
@media(max-width:420px){header .brand{font-size:18px;gap:7px}header .brand span{width:32px;height:32px;font-size:10px}header .brand small{font-size:8px}.topright .avatar{width:33px;height:33px}.topright .settings-gear{padding:4px;width:28px}.topright{gap:6px}}