.bell,.bell-button{position:relative}.bell-count{border-radius:var(--radius-pill);background:var(--color-primary);min-width:20px;height:20px;color:var(--color-on-primary);text-align:center;padding:0 5px;font-size:.75rem;font-weight:600;line-height:20px;position:absolute;top:2px;right:0}.bell-dark .bell-count{box-shadow:0 0 0 2px var(--color-dark)}.bell-panel{z-index:70;top:calc(var(--header-height,4rem) + var(--space-1));right:var(--space-3);left:var(--space-3);max-height:min(32rem, calc(100dvh - var(--header-height,4rem) - var(--space-6)));padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);text-align:left;position:fixed;overflow-y:auto}@media (width>=640px){.bell-panel{top:calc(100% + var(--space-2));width:24rem;position:absolute;left:auto;right:0}}.bell-panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.bell-panel-head h2{font-size:var(--font-md);margin:0}.bell-all{min-height:var(--tap-min);font-size:var(--font-sm);align-items:center;font-weight:600;display:inline-flex}.attention-list{gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.attention-list a{align-items:center;gap:var(--space-1);min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-peach);color:var(--color-text);font-size:var(--font-sm);font-weight:500;display:inline-flex}.attention-list a:hover{background:var(--color-pink);color:var(--color-text)}.attention-count{color:var(--color-link);font-weight:600}.notification-list{margin:0;padding:0;list-style:none;display:grid}.notification+.notification{border-top:1px solid var(--color-border)}.notification a{min-height:var(--tap-min);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);border-radius:var(--radius);color:var(--color-text);gap:2px;display:grid}.notification a:hover{background:var(--color-peach);color:var(--color-text)}.notification.is-unread a{position:relative}.notification.is-unread a:before{content:"";top:calc(var(--space-2) + .45em);left:var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary);width:.5rem;height:.5rem;position:absolute}.notification-title{font-weight:500}.notification.is-unread .notification-title{font-weight:600}.notification-text{color:var(--color-text-muted);font-size:var(--font-sm);overflow-wrap:anywhere}.notification-time{color:var(--color-text-muted);font-size:var(--font-xs)}.notification-empty{padding:var(--space-2) 0;color:var(--color-text-muted);margin:0}.all-notifications{gap:var(--space-5);max-width:44rem;display:grid}.all-notifications-heading{margin:0 0 var(--space-2);font-size:var(--font-md)}.all-notifications .notification-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-1)}.all-notifications-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.all-notifications-head .all-notifications-heading{margin:0}.all-notifications-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.notification{position:relative}.all-notifications .notification:has(.notification-clear){align-items:center;gap:var(--space-1);display:flex}.all-notifications .notification:has(.notification-clear)>a{flex:auto;min-width:0}.all-notifications .notification .notification-clear{flex:none;position:static;transform:none}.notification-clear{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.notification-clear:hover{background:var(--color-pink);color:var(--color-link)}.bell-panel-head .btn-link.bell-all{cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0}