.bell.svelte-vtze1i{display:flex;position:relative}.bell-btn.svelte-vtze1i{position:relative}.bell-badge.svelte-vtze1i{border-radius:var(--radius-full);background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;min-width:1.05rem;height:1.05rem;box-shadow:0 0 0 2px var(--surface-container);justify-content:center;align-items:center;padding:0 .25rem;font-size:.625rem;font-weight:700;line-height:1;display:flex;position:absolute;top:.1rem;right:.1rem}.bell-backdrop.svelte-vtze1i{z-index:940;position:fixed;inset:0}.bell-panel.svelte-vtze1i{z-index:950;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(23rem,100vw - 2rem);max-height:min(28rem,100vh - 6rem);box-shadow:var(--glass-ring), var(--shadow-floating);flex-direction:column;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}@media (width<=599px){.bell-panel.svelte-vtze1i{top:calc(var(--topbar-h) + .5rem);left:var(--space-sm);right:var(--space-sm);width:auto;max-height:calc(100dvh - var(--topbar-h) - 1.5rem);position:fixed}}.bell-head.svelte-vtze1i{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);display:flex}.bell-empty.svelte-vtze1i{padding:var(--space-lg) var(--space-md);color:var(--muted);text-align:center;margin:0;font-size:.875rem}.bell-list.svelte-vtze1i{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.bell-item.svelte-vtze1i{border-bottom:1px solid var(--border);align-items:flex-start;gap:.25rem;display:flex}.bell-item.svelte-vtze1i:last-child{border-bottom:none}.bell-item-main.svelte-vtze1i{min-width:0;padding:var(--space-sm) 0 var(--space-sm) var(--space-md);font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:.15rem;display:flex}.bell-item-main.svelte-vtze1i:hover{background:var(--surface-solid-2)}.bell-item-title.svelte-vtze1i{font-size:.875rem;font-weight:500}.bell-item.unread.svelte-vtze1i .bell-item-title:where(.svelte-vtze1i){font-weight:650}.bell-item.unread.svelte-vtze1i .bell-item-title:where(.svelte-vtze1i):before{content:"";vertical-align:middle;background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;margin-right:.4rem;display:inline-block}.bell-item-body.svelte-vtze1i{color:var(--muted);font-size:.8125rem;line-height:1.45}.bell-item-time.svelte-vtze1i{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.bell-item-delete.svelte-vtze1i{margin:var(--space-sm) var(--space-xs) 0 0;color:var(--muted);flex-shrink:0}.bell-item-delete.svelte-vtze1i:hover{color:var(--danger)}.notif-modal.svelte-vtze1i{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(34rem,100vw - 2rem);max-width:none;max-height:calc(100dvh - 4rem);color:var(--ink);margin:auto;padding:0;overflow:hidden}.notif-modal.svelte-vtze1i:modal{flex-direction:column;display:flex}.notif-modal.svelte-vtze1i::backdrop{background:var(--scrim)}.notif-modal-head.svelte-vtze1i{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border);display:flex}.notif-modal-logo.svelte-vtze1i{border-radius:var(--radius-md);background:var(--surface-2);width:2.25rem;height:2.25rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.notif-modal-logo.svelte-vtze1i img:where(.svelte-vtze1i){object-fit:contain;width:1.5rem;height:1.5rem}.notif-modal-titles.svelte-vtze1i{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.notif-modal-titles.svelte-vtze1i h2:where(.svelte-vtze1i){text-wrap:balance;margin:0;font-size:1rem;line-height:1.35}.notif-modal-meta.svelte-vtze1i{color:var(--muted);font-size:.75rem}.notif-modal-body.svelte-vtze1i{padding:var(--space-md);min-height:0;font-size:.875rem;overflow-y:auto}.notif-modal-empty.svelte-vtze1i{color:var(--muted);margin:0}.notif-modal-foot.svelte-vtze1i{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border);display:flex}.notif-delete.svelte-vtze1i{color:var(--muted);align-items:center;gap:.35rem;display:inline-flex}.notif-delete.svelte-vtze1i:hover{color:var(--danger)}