.ntf{display:inline-flex;position:relative}.ntf__bell{width:30px;height:30px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s;display:inline-flex;position:relative}.ntf__bell:hover{color:var(--text-body);border-color:var(--border)}.ntf__bell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ntf__bell[data-unread]{color:var(--accent-bright)}.ntf__count{background:var(--accent);min-width:14px;color:var(--bg);font-family:var(--font-mono), monospace;text-align:center;border-radius:7px;padding:0 3px;font-size:9.5px;font-weight:600;line-height:14px;position:absolute;top:1px;right:0}.ntf__panel{z-index:80;border:1px solid var(--border);background:var(--panel-raised);border-radius:6px;width:min(400px,100vw - 32px);max-height:min(520px,100vh - 100px);position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 18px 44px #0009}.ntf__head{border-bottom:1px solid var(--hairline);font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin:0;padding:11px 15px 10px;font-size:11px}.ntf__empty{color:var(--text-dim);margin:0;padding:16px 15px 18px;font-size:12.5px;line-height:1.6}.ntf__row{border-bottom:1px solid var(--hairline);color:inherit;align-items:flex-start;gap:11px;padding:11px 15px;text-decoration:none;display:flex}.ntf__row:last-child{border-bottom:none}.ntf__row:hover{background:var(--panel)}.ntf__row[data-fresh]{box-shadow:inset 2px 0 0 var(--accent)}.ntf__kind{border:1px solid var(--border);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;border-radius:2px;flex-shrink:0;margin-top:1px;padding:2px 7px;font-size:11px}.ntf__kind[data-tone=mention]{border-color:var(--teal-b40);color:var(--accent-bright)}.ntf__kind[data-tone=settled]{border-color:var(--success-b30);color:var(--success)}.ntf__body{flex-grow:1;min-width:0}.ntf__title{color:var(--text);font-size:13px;line-height:1.4;display:block}.ntf__sub{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.ntf__when{font-family:var(--font-mono), monospace;color:var(--ghost);white-space:nowrap;flex-shrink:0;font-size:10.5px}.flw{flex-wrap:wrap;align-items:center;gap:9px;display:inline-flex}.flw__why{color:var(--text-dim);max-width:42ch;font-size:12px;line-height:1.5}.mention{color:var(--accent-bright);background:var(--teal-08);border-radius:2px;padding:0 3px}