.ds-bell{display:inline-block;position:relative}.ds-bell[open] .ds-bell-trigger{background:var(--s-bg-hover,#0f14190f);color:var(--s-fg,#1c1917)}.ds-bell-trigger{border-radius:var(--s-radius-pill,9999px);width:36px;height:36px;color:var(--s-fg-muted,#57534e);cursor:pointer;transition:background .14s var(--s-ease,cubic-bezier(.16, 1, .3, 1)), color .14s var(--s-ease,cubic-bezier(.16, 1, .3, 1));-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;list-style:none;display:inline-flex;position:relative}.ds-bell-trigger::-webkit-details-marker{display:none}.ds-bell-trigger:hover{background:var(--s-bg-hover,#0f14190f);color:var(--s-fg,#1c1917);border-color:var(--s-border,#0f141914)}.ds-bell[data-variant=dark] .ds-bell-trigger{color:#ffffffbf}.ds-bell[data-variant=dark] .ds-bell-trigger:hover,.ds-bell[data-variant=dark][open] .ds-bell-trigger{color:#fff;background:#ffffff14;border-color:#ffffff1f}.ds-bell-badge{color:#fff;border:2px solid var(--s-bg-elev,white);pointer-events:none;font-feature-settings:"tnum" 1;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:4px;right:4px}.ds-bell[data-variant=dark] .ds-bell-badge{border-color:#0f1423e6}.ds-bell-panel{background:var(--s-bg-elev,white);border:1px solid var(--s-border,#0f141914);border-radius:var(--s-radius-xl,14px);-webkit-backdrop-filter:blur(20px)saturate(140%);background:color-mix(in oklch, var(--s-bg-elev,white) 92%, transparent);z-index:80;width:min(340px,100vw - 24px);animation:ds-bell-fade-in .18s var(--s-ease,cubic-bezier(.16, 1, .3, 1));position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px -12px #0f14192e,0 4px 8px -2px #0f14190f,0 0 0 1px #0f141905}@keyframes ds-bell-fade-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ds-bell-head{border-bottom:1px solid var(--s-border,#0f141914);justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.ds-bell-title{color:var(--s-fg,#1c1917);letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600}.ds-bell-mark-all{color:var(--s-accent,#2563eb);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-size:12px;font-weight:500;transition:background .12s}.ds-bell-mark-all:hover{background:#2563eb14}.ds-bell-list{overscroll-behavior:contain;max-height:400px;overflow-y:auto}.ds-bell-loading,.ds-bell-empty{text-align:center;color:var(--s-fg-subtle,#78716c);margin:0;padding:24px 14px;font-size:12px}.ds-bell-row{color:inherit;border-bottom:1px solid var(--s-border,#0f14190f);align-items:flex-start;gap:10px;padding:10px 14px;text-decoration:none;transition:background .12s;display:flex}.ds-bell-row:hover{background:var(--s-bg-hover,#0f14190a)}.ds-bell-row:last-child{border-bottom:0}.ds-bell-row[data-unread=true]{background:#2563eb0a}.ds-bell-row[data-unread=true]:hover{background:#2563eb12}.ds-bell-icon{background:var(--s-accent-soft,#2563eb1a);width:28px;height:28px;color:var(--s-accent,#2563eb);border-radius:50%;flex-shrink:0;place-items:center;margin-top:2px;display:grid}.ds-bell-body{flex:1;min-width:0}.ds-bell-row-title{color:var(--s-fg,#1c1917);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 2px;font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ds-bell-row-text{color:var(--s-fg-muted,#57534e);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.ds-bell-row-time{color:var(--s-fg-subtle,#78716c);font-size:10.5px;font-family:var(--s-font-mono,ui-monospace, monospace)}.ds-bell-row-dot{background:var(--s-accent,#2563eb);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.ds-bell-foot{text-align:center;color:var(--s-accent,#2563eb);border-top:1px solid var(--s-border,#0f141914);background:var(--s-bg,#fafaf9);padding:10px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:background .12s;display:block}.ds-bell-foot:hover{background:var(--s-bg-muted,#f5f5f4)}@media (width<=639px){.ds-bell-panel{top:calc(env(safe-area-inset-top,0px) + 64px);width:calc(100vw - 24px);max-width:360px;position:fixed;left:auto;right:12px}}