.overlay[data-v-8c1c5959]{background:#0000004d;inset:0;position:fixed;z-index:100}.drawer[data-v-8c1c5959]{background:#fff;bottom:0;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:100vw;position:fixed;right:0;top:0;width:380px}.drawer-head[data-v-8c1c5959]{align-items:center;border-bottom:1px solid var(--csz-border);display:flex;justify-content:space-between;padding:16px 16px 12px}.drawer-head h3[data-v-8c1c5959]{font-size:18px}.drawer-actions[data-v-8c1c5959]{align-items:center;display:flex;gap:8px}.mark-all[data-v-8c1c5959]{color:var(--csz-red);font:inherit;font-size:12px;gap:4px}.close-btn[data-v-8c1c5959],.mark-all[data-v-8c1c5959]{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex}.close-btn[data-v-8c1c5959]{border-radius:999px;color:var(--csz-text);height:32px;justify-content:center;width:32px}.close-btn[data-v-8c1c5959]:hover{background:#f0f2f5}.drawer-body[data-v-8c1c5959]{flex:1;overflow-y:auto}.notif[data-v-8c1c5959]{align-items:flex-start;background:transparent;border:0;cursor:pointer;display:flex;font:inherit;gap:10px;padding:12px 16px;text-align:left;width:100%}.notif[data-v-8c1c5959]:hover{background:#f5f6f8}.notif.is-unread[data-v-8c1c5959]{background:#d32f2f0a}.notif-dot[data-v-8c1c5959]{background:transparent;border-radius:999px;flex-shrink:0;height:8px;margin-top:14px;width:8px}.notif.is-unread .notif-dot[data-v-8c1c5959]{background:var(--csz-red)}.notif-avatar[data-v-8c1c5959]{flex-shrink:0}.notif-body[data-v-8c1c5959]{flex:1;min-width:0}.notif-text[data-v-8c1c5959]{font-size:14px;line-height:1.4}.notif-actor[data-v-8c1c5959]{font-weight:600;margin-right:4px}.notif-time[data-v-8c1c5959]{font-size:11px;margin-top:2px}.empty[data-v-8c1c5959],.notif-time[data-v-8c1c5959]{color:var(--csz-text-muted)}.empty[data-v-8c1c5959]{font-size:14px;padding:24px;text-align:center}