.bell[data-v-f5c82a2f],.bell__btn[data-v-f5c82a2f]{position:relative}.bell__btn[data-v-f5c82a2f]{width:38px;height:38px;color:var(--text);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.bell__btn[data-v-f5c82a2f]:hover{background:var(--paper-2)}.bell__dot[data-v-f5c82a2f]{background:var(--danger);min-width:18px;height:18px;color:var(--white);border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;top:1px}.bell__dot[data-v-f5c82a2f],.panel[data-v-f5c82a2f]{position:absolute;right:0}.panel[data-v-f5c82a2f]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);width:340px;max-width:calc(100vw - 32px);max-height:440px;box-shadow:var(--shadow-lg);z-index:60;background:#fffffff7;border-radius:16px;padding:6px;top:calc(100% + 12px);overflow-y:auto}.panel__head[data-v-f5c82a2f]{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.panel__head strong[data-v-f5c82a2f]{font-size:15px}.panel__head button[data-v-f5c82a2f]{color:var(--accent);background:0 0;border:0;font-size:13px;text-decoration:underline}.panel__state[data-v-f5c82a2f]{text-align:center;color:var(--muted);padding:28px 12px;font-size:14px}.note[data-v-f5c82a2f]{text-align:left;background:0 0;border:0;border-radius:12px;gap:12px;width:100%;padding:11px 12px;display:flex}.note[data-v-f5c82a2f]:hover{background:var(--paper-2)}.note.unread[data-v-f5c82a2f]{background:var(--accent-soft)}.note__icon[data-v-f5c82a2f]{background:var(--paper-2);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.note.unread .note__icon[data-v-f5c82a2f]{background:var(--white)}.note__body[data-v-f5c82a2f]{flex-direction:column;gap:3px;min-width:0;display:flex}.note__body strong[data-v-f5c82a2f]{font-size:14px;font-weight:600;line-height:1.4}.note__body small[data-v-f5c82a2f]{color:var(--muted);font-size:13px;line-height:1.5}.note__body time[data-v-f5c82a2f]{color:var(--muted-light);font-size:12px}.pop-enter-active[data-v-f5c82a2f],.pop-leave-active[data-v-f5c82a2f]{transition:opacity .2s,transform .2s var(--ease)}.pop-enter-from[data-v-f5c82a2f],.pop-leave-to[data-v-f5c82a2f]{opacity:0;transform:translateY(-6px)}