:root{--nf-font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--nf-font-size-xs:.75rem;--nf-font-size-sm:.875rem;--nf-font-size-base:1rem;--nf-primary:#171717;--nf-primary-foreground:#fff;--nf-background:#fff;--nf-foreground:#0f0f0f;--nf-muted:#f5f5f5;--nf-muted-foreground:#737373;--nf-border:#e5e5e5;--nf-input:#e5e5e5;--nf-accent:#f5f5f5;--nf-accent-foreground:#171717;--nf-popover:#fff;--nf-popover-foreground:#0f0f0f;--nf-radius:.5rem;--nf-radius-sm:.25rem;--nf-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--nf-shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--nf-ring:#171717;--nf-unread-indicator:#0891b2;--nf-badge-bg:#ef4444;--nf-badge-text:#fff}.dark{--nf-primary:#fafafa;--nf-primary-foreground:#171717;--nf-background:#0f0f0f;--nf-foreground:#fafafa;--nf-muted:#262626;--nf-muted-foreground:#a3a3a3;--nf-border:#262626;--nf-input:#262626;--nf-accent:#262626;--nf-accent-foreground:#fafafa;--nf-popover:#171717;--nf-popover-foreground:#fafafa}.nf-root{font-family:var(--nf-font-family);font-size:var(--nf-font-size-base);color:var(--nf-foreground)}.nf-feed-content{z-index:50;border-radius:var(--nf-radius);border:1px solid var(--nf-border);background:var(--nf-popover);width:380px;height:420px;color:var(--nf-popover-foreground);box-shadow:var(--nf-shadow-md);animation:.15s ease-out nf-fade-in;overflow:hidden}@keyframes nf-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nf-feed-panel{flex-direction:column;height:100%;display:flex}.nf-feed-header{border-bottom:1px solid var(--nf-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.nf-feed-title{font-weight:600;font-size:var(--nf-font-size-base);letter-spacing:-.01em;line-height:1}.nf-mark-all-read{font-size:var(--nf-font-size-xs);color:var(--nf-muted-foreground);cursor:pointer;border-radius:var(--nf-radius-sm);background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem .5rem;transition:color .15s,background-color .15s;display:flex}.nf-mark-all-read:hover{color:var(--nf-foreground);background-color:var(--nf-muted)}.nf-mark-all-read svg{width:1rem;height:1rem}.nf-tabs{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.nf-tabs-list{border-bottom:1px solid var(--nf-border);justify-content:space-between;align-items:stretch;padding:0 .5rem;display:flex}.nf-tabs-list-inner{align-items:stretch;display:flex}.nf-tab-trigger{font-size:var(--nf-font-size-xs);color:var(--nf-muted-foreground);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;margin-bottom:-1px;padding:.5rem .75rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.nf-tab-trigger:hover{color:var(--nf-foreground)}.nf-tab-trigger[data-state=active]{color:var(--nf-foreground);border-bottom-color:var(--nf-primary)}.nf-tab-trigger svg{width:1rem;height:1rem}.nf-tabs-content-wrapper{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.nf-tabs-content{flex-grow:1;height:100%;overflow-y:auto}.nf-notification-list{height:100%;overflow-y:auto}.nf-notification-list::-webkit-scrollbar{width:6px}.nf-notification-list::-webkit-scrollbar-track{background:0 0}.nf-notification-list::-webkit-scrollbar-thumb{background:var(--nf-border);border-radius:3px}.nf-notification-list::-webkit-scrollbar-thumb:hover{background:var(--nf-muted-foreground)}.nf-empty-state{height:100%;color:var(--nf-muted-foreground);font-size:var(--nf-font-size-sm);justify-content:center;align-items:center;display:flex}.nf-loading{justify-content:center;align-items:center;height:100%;display:flex}.nf-loading-more{justify-content:center;align-items:center;padding:.75rem;display:flex}.nf-spinner{width:1.5rem;height:1.5rem;animation:1s linear infinite nf-spin}.nf-spinner-sm{width:1.25rem;height:1.25rem}@keyframes nf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nf-notification{border-bottom:1px solid var(--nf-border);cursor:pointer;gap:1rem;padding:1rem;transition:background-color .15s;display:flex;position:relative}.nf-notification:hover{background-color:var(--nf-muted)}.nf-notification:last-child{border-bottom:none}.nf-notification:not(:has(.nf-notification-avatar)){padding-left:1.5rem}.nf-unread-indicator{background-color:var(--nf-unread-indicator);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:1rem;left:.5rem}.nf-notification-avatar{flex-shrink:0}.nf-notification-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.nf-notification-body{font-size:var(--nf-font-size-sm);color:var(--nf-foreground);line-height:1.4}.nf-notification-time{font-size:var(--nf-font-size-xs);color:var(--nf-muted-foreground)}.nf-notification-actions{gap:.5rem;margin-top:.5rem;display:flex}.nf-notification-btn{font-size:var(--nf-font-size-xs);border-radius:var(--nf-radius-sm);border:1px solid var(--nf-input);background-color:var(--nf-background);color:var(--nf-foreground);cursor:pointer;justify-content:center;align-items:center;padding:.25rem .5rem;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.nf-notification-btn:hover{background-color:var(--nf-accent)}.nf-notification-btn-primary{background-color:var(--nf-primary,#18181b);color:var(--nf-primary-foreground,#fff);border-color:var(--nf-primary,#18181b)}.nf-notification-btn-primary:hover{background-color:var(--nf-primary-hover,#27272a)}.nf-notification-btn-secondary{color:var(--nf-foreground);border-color:var(--nf-border);background-color:#0000}.nf-notification-btn-secondary:hover{background-color:var(--nf-accent)}.nf-notification-side{align-items:flex-start;display:flex}.nf-archive-btn{opacity:0;cursor:pointer;color:var(--nf-muted-foreground);background:0 0;border:none;padding:.25rem;transition:opacity .15s,color .15s}.nf-notification:hover .nf-archive-btn{opacity:1}.nf-archive-btn:hover{color:var(--nf-foreground)}.nf-archive-btn svg{width:.875rem;height:.875rem}.nf-avatar{background-color:var(--nf-muted);border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;position:relative;overflow:hidden}.nf-avatar img{object-fit:cover;width:100%;height:100%}.nf-avatar-fallback{width:100%;height:100%;font-size:var(--nf-font-size-sm);color:var(--nf-muted-foreground);justify-content:center;align-items:center;font-weight:500;display:flex}.nf-bell-btn{cursor:pointer;color:var(--nf-foreground);border-radius:var(--nf-radius-sm);background:0 0;border:none;padding:.5rem;transition:background-color .15s;position:relative}.nf-bell-btn:hover{background-color:var(--nf-muted)}.nf-bell-btn svg{width:1.25rem;height:1.25rem}.nf-badge{background-color:var(--nf-badge-bg);width:.875rem;height:.875rem;color:var(--nf-badge-text);border-radius:9999px;justify-content:center;align-items:center;padding-top:1px;font-size:.563rem;font-weight:400;display:flex;position:absolute;top:-1px;right:-1px}.nf-preferences{flex-direction:column;gap:1rem;padding:1rem;display:flex}.nf-preference-item{justify-content:space-between;align-items:center;display:flex}.nf-preference-label{font-size:var(--nf-font-size-sm);color:var(--nf-foreground);font-weight:500}.nf-switch{cursor:pointer;background-color:var(--nf-input);border:none;border-radius:9999px;flex-shrink:0;align-items:center;width:2.25rem;height:1.25rem;padding:0;transition:background-color .2s;display:inline-flex;position:relative}.nf-switch[data-state=checked]{background-color:var(--nf-primary)}.nf-switch:disabled{cursor:not-allowed;opacity:.5}.nf-switch-thumb{background-color:var(--nf-background);border-radius:50%;width:1rem;height:1rem;transition:transform .2s;display:block;transform:translate(2px);box-shadow:0 1px 2px #0000001a}.nf-switch[data-state=checked] .nf-switch-thumb{transform:translate(1.125rem)}.nf-tooltip{z-index:50;border-radius:var(--nf-radius-sm);background-color:var(--nf-foreground);font-size:var(--nf-font-size-xs);color:var(--nf-background);padding:.375rem .75rem;animation:.15s ease-out nf-fade-in;overflow:hidden}.nf-powered-by{justify-content:center;align-items:center;padding:.25rem 0;display:flex}.nf-powered-by-link{letter-spacing:.01em;color:var(--nf-muted-foreground);opacity:.5;align-items:center;gap:.25rem;font-size:.625rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.nf-powered-by-link:hover{opacity:.8}.nf-powered-by-logo{width:.625rem;height:.625rem}