.bell.svelte-vtze1i{flex:none;position:relative}.bell__btn.svelte-vtze1i{border-radius:var(--radius-sm);background:var(--surface-2);width:38px;height:38px;transition:background var(--motion-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.bell__btn.svelte-vtze1i:hover,.bell__btn--active.svelte-vtze1i{background:var(--surface-3)}.bell__icon.svelte-vtze1i{color:var(--text-secondary);display:block}.bell__btn.svelte-vtze1i:hover .bell__icon:where(.svelte-vtze1i),.bell__btn--active.svelte-vtze1i .bell__icon:where(.svelte-vtze1i){color:var(--text-primary)}.bell__dot.svelte-vtze1i{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface-2);border-radius:50%;position:absolute;top:7px;right:7px}.bell__backdrop.svelte-vtze1i{z-index:40;cursor:default;background:0 0;position:fixed;inset:0}.panel.svelte-vtze1i{z-index:50;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius);width:320px;max-width:84vw;box-shadow:var(--shadow-xl);position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.panel__head.svelte-vtze1i{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.panel__title.svelte-vtze1i{font-weight:700;font-size:var(--text-sm)}.panel__mark.svelte-vtze1i{font-size:var(--text-xs);color:var(--taupe-deep);font-weight:600}.panel__list.svelte-vtze1i{max-height:380px;overflow-y:auto}.panel__empty.svelte-vtze1i{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.note.svelte-vtze1i{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--line);transition:background var(--motion-fast) var(--ease);display:flex}.note.svelte-vtze1i:hover{background:var(--surface-2)}.note--unread.svelte-vtze1i{background:color-mix(in srgb, var(--taupe) 8%, var(--surface-1))}.note__icon.svelte-vtze1i{background:var(--surface-2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.note__body.svelte-vtze1i{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.note__title.svelte-vtze1i{font-size:var(--text-sm);font-weight:700}.note__text.svelte-vtze1i{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note__time.svelte-vtze1i{color:var(--text-muted);margin-top:2px;font-size:10px}.note__dot.svelte-vtze1i{background:var(--danger);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}