.nn-bell{--nn-accent:#2563eb;--nn-surface:#fff;--nn-card:#fff;--nn-border:#e5e7eb;--nn-title:#111827;--nn-text:#1f2937;--nn-muted:#6b7280;--nn-dot:#ef4444;--nn-badge-text:#fff;--nn-delete:#9ca3af;--nn-radius:12px;--nn-shadow:0 10px 30px #0f172a29;z-index:2147483000;font-family:inherit;position:fixed}.nn-bell--bottom-right{bottom:20px;right:20px}.nn-bell--bottom-left{bottom:20px;left:20px}.nn-bell--top-right{top:20px;right:20px}.nn-bell--top-left{top:20px;left:20px}.nn-bell__button{border:1px solid var(--nn-border);background:var(--nn-surface);width:48px;height:48px;color:var(--nn-text);cursor:pointer;box-shadow:var(--nn-shadow);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.nn-bell__button:hover{color:var(--nn-accent)}.nn-bell__button:focus-visible{outline:2px solid var(--nn-accent);outline-offset:2px}.nn-bell__icon{width:22px;height:22px}.nn-bell__badge{background:var(--nn-dot);min-width:18px;height:18px;color:var(--nn-badge-text);text-align:center;border-radius:999px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.nn-bell__badge--dot{min-width:10px;height:10px;padding:0}.nn-bell__panel{border:1px solid var(--nn-border);border-radius:var(--nn-radius);background:var(--nn-card);width:380px;max-width:calc(100vw - 40px);max-height:480px;box-shadow:var(--nn-shadow);flex-direction:column;display:flex;position:absolute;bottom:60px;right:0;overflow:hidden}.nn-bell--top-right .nn-bell__panel,.nn-bell--top-left .nn-bell__panel{top:60px;bottom:auto}.nn-bell--bottom-left .nn-bell__panel,.nn-bell--top-left .nn-bell__panel{left:0;right:auto}.nn-bell__panel:focus{outline:none}.nn-bell__header{border-bottom:1px solid var(--nn-border);align-items:center;gap:8px;padding:12px 14px;display:flex}.nn-bell__title{color:var(--nn-title);flex:1;font-size:14px;font-weight:700}.nn-bell__mark-all,.nn-bell__close,.nn-bell__more{color:var(--nn-accent);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:12px;font-weight:600}.nn-bell__close{color:var(--nn-muted);font-size:18px;line-height:1}.nn-bell__mark-all:hover,.nn-bell__close:hover,.nn-bell__more:hover{background:#2563eb14}.nn-bell__mark-all:focus-visible,.nn-bell__close:focus-visible,.nn-bell__more:focus-visible,.nn-bell__item-main:focus-visible,.nn-bell__item-delete:focus-visible{outline:2px solid var(--nn-accent);outline-offset:1px}.nn-bell__status{color:var(--nn-muted);margin:0;padding:0 14px;font-size:12px}.nn-bell__status:empty{display:none}.nn-bell__list{margin:0;padding:0;list-style:none;overflow-y:auto}.nn-bell__empty{text-align:center;color:var(--nn-muted);padding:24px 14px;font-size:13px}.nn-bell__item{border-top:1px solid var(--nn-border);align-items:stretch;display:flex}.nn-bell__item-main{text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:12px 14px;display:flex}.nn-bell__item-main:hover{background:#0f172a0a}.nn-bell__item-title{color:var(--nn-title);font-size:13px;font-weight:600}.nn-bell__item-body{color:var(--nn-text);font-size:13px}.nn-bell__item-meta{color:var(--nn-muted);align-items:center;gap:6px;font-size:11px;display:flex}.nn-bell__item-dot{background:var(--nn-dot);border-radius:999px;width:7px;height:7px}.nn-bell__item--unread .nn-bell__item-title{color:var(--nn-accent)}.nn-bell__item-delete{color:var(--nn-delete);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:16px}.nn-bell__item-delete:hover{color:var(--nn-dot)}.nn-bell__more{margin:8px 14px 12px}@media (prefers-color-scheme:dark){.nn-bell{--nn-surface:#111827;--nn-card:#111827;--nn-border:#374151;--nn-title:#f9fafb;--nn-text:#e5e7eb;--nn-muted:#9ca3af}}@media (prefers-reduced-motion:reduce){.nn-bell *{transition:none!important;animation:none!important}}