.ui-popover{border:1px solid var(--shell-high);background:var(--shell-container);color:var(--shell-on);box-shadow:0 18px 44px var(--t-shadow-00000099);border-radius:12px}.nf-bell{position:relative}.nf-badge{background:var(--shell-accent);min-width:16px;height:16px;color:var(--t-fg-ffffff);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--shell-rail);border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:1px;right:0}.nf-popover{flex-direction:column;width:min(392px,100vw - 24px);max-height:min(560px,100vh - 32px);display:flex;overflow:hidden}.nf-head{border-bottom:1px solid var(--shell-high);align-items:center;gap:8px;padding:12px 14px;display:flex}.nf-head strong{font-size:14px;font-weight:600}.nf-count{background:var(--t-bg-583be833);color:var(--shell-primary);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.nf-link{color:var(--shell-primary);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:500}.nf-link:disabled{color:var(--shell-outline);opacity:.6;cursor:default}.nf-link:not(:disabled):hover{text-decoration:underline}.nf-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.nf-foot{border-top:1px solid var(--shell-high);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.nf-foot-pref{color:var(--shell-variant);align-items:center;gap:6px;display:inline-flex}.nf-foot-pref:hover{color:var(--shell-on)}.nf-group h3{z-index:1;background:var(--shell-container);color:var(--shell-outline);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:8px 14px 6px;font-size:11px;font-weight:600;position:sticky;top:0}.nf-group ul,.nf-list{margin:0;padding:0;list-style:none}.nf-row{border-bottom:1px solid var(--t-line-262b3780);align-items:stretch;display:flex;position:relative}.nf-row:last-child{border-bottom:0}.nf-row.is-unread{background:var(--t-bg-583be814)}.nf-row.is-unread:before{content:"";background:var(--shell-primary);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:5px}.nf-open{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:flex-start;gap:10px;padding:10px 6px 10px 16px;display:flex}.nf-open:disabled{cursor:default}.nf-row:hover{background:var(--shell-high)}.nf-open:focus-visible,.nf-mark:focus-visible{outline:2px solid var(--shell-primary);outline-offset:-2px}.nf-avatar{background:var(--t-bg-302744);border:1px solid var(--shell-highest);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.nf-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.nf-avatar b{color:var(--t-fg-d7c6ff);font-size:11px;font-weight:600}.nf-kind{background:var(--shell-highest);width:15px;height:15px;color:var(--shell-on);box-shadow:0 0 0 2px var(--shell-container);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-4px}.nf-kind.is-approved{background:var(--t-bg-1f5e3f);color:var(--t-fg-8ff0bd)}.nf-kind.is-changes{background:var(--t-bg-5e3c1f);color:var(--t-fg-ffc98f)}.nf-kind.is-mention,.nf-kind.is-reply,.nf-kind.is-comment{background:var(--t-bg-3d2f7a);color:var(--t-fg-d7c6ff)}.nf-kind.is-task{background:var(--t-bg-1f4a5e);color:var(--t-fg-8fd8ff)}.nf-kind.is-upload{background:var(--t-bg-3d2f12);color:var(--t-fg-ffd27a)}.nf-kind.is-request{background:var(--t-bg-1f2a44);color:var(--t-fg-9cc3ff)}.nf-kind.is-message{background:var(--t-bg-2c2552);color:var(--t-fg-c7b8ff)}.nf-text{flex:1;gap:3px;min-width:0;display:grid}.nf-line{color:var(--shell-variant);font-size:13px;line-height:1.35}.nf-line strong{color:var(--shell-on);font-weight:600}.nf-line em{color:var(--shell-on);font-style:normal;font-weight:500}.nf-snippet{color:var(--shell-outline);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.nf-text small{color:var(--shell-outline);font-variant-numeric:tabular-nums;font-size:11px}.nf-poster{background:var(--t-bg-0a0a0a);object-fit:contain;border:1px solid var(--shell-high);border-radius:4px;flex:none;width:64px;height:36px;margin-top:1px}.nf-mark{width:30px;color:var(--shell-outline);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;align-self:flex-start;place-items:center;height:28px;margin:8px 8px 8px 0;display:grid}.nf-mark:hover{background:var(--shell-highest);color:var(--shell-primary)}.nf-mark.is-done{opacity:.35;cursor:default}.nf-mark.is-done:hover{color:var(--shell-outline);background:0 0}.nf-empty{color:var(--shell-outline);text-align:center;justify-items:center;gap:8px;padding:32px 24px;font-size:12px;display:grid}.nf-empty p{margin:0;line-height:1.5}.nf-empty strong{color:var(--shell-on);font-size:13px}.nf-empty .nf-link{margin:0}.nf-skeleton{gap:10px;margin:0;padding:10px 14px;list-style:none;display:grid}.nf-skeleton li{background:linear-gradient(90deg, var(--shell-low), var(--shell-high), var(--shell-low));background-size:200% 100%;border-radius:8px;height:44px;animation:1.2s linear infinite nf-shimmer}@keyframes nf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.nf-skeleton li{animation:none}}.nf-page{max-width:880px;margin:0 auto}.nf-page>header{align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.nf-page>header h1{letter-spacing:-.03em;margin:6px 0 0;font-size:28px}.nf-page>header p{color:var(--shell-outline);margin:6px 0 0;font-size:13px}.nf-page>header>div:first-child{flex:1}.nf-toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.nf-filters{border:1px solid var(--shell-high);background:var(--shell-rail);border-radius:9px;padding:3px;display:inline-flex}.nf-filters a{color:var(--shell-variant);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.nf-filters a[aria-current=page]{background:var(--shell-high);color:var(--shell-on)}.nf-filters a span{color:var(--shell-primary);font-variant-numeric:tabular-nums;margin-left:6px}.nf-toolbar .nf-button{margin-left:auto}.nf-button{border:1px solid var(--shell-highest);background:var(--shell-container);color:var(--shell-on);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.nf-button:hover:not(:disabled){border-color:var(--shell-primary)}.nf-button:disabled{opacity:.5;cursor:default}.nf-card{border:1px solid var(--shell-high);background:var(--shell-container);border-radius:12px;overflow:hidden}.nf-card .nf-group h3{background:var(--shell-low);border-bottom:1px solid var(--shell-high);padding:10px 16px 8px}.nf-row.is-wide .nf-poster{width:96px;height:54px}.nf-row.is-wide .nf-mark{margin-top:12px}.nf-pager{color:var(--shell-outline);justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.nf-pager nav{gap:8px;display:flex}.nf-pager a.nf-button[aria-disabled=true]{opacity:.45;pointer-events:none}.nf-open{align-items:center;gap:12px;padding:16px 8px 16px 20px}.nf-row.is-wide .nf-open{gap:12px;padding:16px 8px 16px 20px}.nf-line{font-size:var(--bf-text-sm);line-height:20px}.nf-avatar{align-self:flex-start}.nf-poster,.nf-row.is-wide .nf-poster{object-fit:cover;border-radius:6px;width:40px;height:40px;margin-top:0}.nf-poster.is-icon{background:var(--shell-low);color:var(--shell-outline);place-items:center;display:grid}.nf-poster.is-icon.is-approved{color:var(--t-fg-8ff0bd)}.nf-poster.is-icon.is-changes{color:var(--t-fg-ffc98f)}.nf-mark,.nf-row.is-wide .nf-mark{align-self:center;margin:0 8px 0 0}.nf-repeat{background:var(--shell-highest);color:var(--shell-on);font:600 var(--bf-text-2xs)/18px var(--bf-font-mono);vertical-align:1px;border-radius:999px;margin-right:6px;padding:0 6px;display:inline-block}@media (max-width:480px){.nf-open,.nf-row.is-wide .nf-open{gap:10px;padding:12px 4px 12px 16px}.nf-page>header{flex-wrap:wrap;align-items:flex-start}}@media (pointer:coarse),(max-width:600px){.nf-link,.nf-foot-pref{align-items:center;min-height:40px;display:inline-flex}}