.ntf,.ntf [data-panel]{display:flex;flex-direction:column;gap:14px}.ntf-tabs{display:flex;gap:4px;background:var(--paper-100);padding:4px;border-radius:999px;align-self:flex-start}.ntf-tab{border:0;background:0 0;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;letter-spacing:-.01em;color:var(--fg-3);padding:8px 18px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.ntf-tab[aria-selected=true]{background:var(--paper-0);color:var(--fg);box-shadow:var(--shadow-sm)}.ntf-tab__badge{background:var(--accent);color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:999px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center}.ntf-inbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}.ntf-count{margin:0;font-size:13px;color:var(--fg-3);font-weight:600}.ntf-link-btn{border:0;background:0 0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--accent);padding:4px 2px}.ntf-link-btn:hover{text-decoration:underline}.ntf-list{display:flex;flex-direction:column;gap:8px}.ntf-day{font:var(--overline);letter-spacing:var(--track-overline);text-transform:uppercase;color:var(--fg-3);font-weight:700;margin:10px 2px 2px}.ntf-item{display:flex;gap:12px;align-items:flex-start;padding:13px var(--card-pad);text-decoration:none;color:inherit;background:var(--paper-0);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur) var(--ease-out)}.ntf-item:hover{border-color:var(--border-strong)}.ntf-item--unread{background:color-mix(in srgb,var(--accent) 5%,var(--paper-0));border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}.ntf-item__dot{flex:none;width:9px;height:9px;border-radius:999px;margin-top:6px;background:var(--fg-3)}.ntf-item--g-safety .ntf-item__dot{background:var(--danger)}.ntf-item--g-discover .ntf-item__dot{background:var(--accent)}.ntf-item--g-personal .ntf-item__dot{background:var(--teal-500)}.ntf-item--g-owner .ntf-item__dot{background:var(--violet-500)}.ntf-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ntf-item__title{font-size:14.5px;font-weight:700;color:var(--fg);letter-spacing:-.01em}.ntf-item--unread .ntf-item__title:after{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--accent);margin-left:7px;vertical-align:middle}.ntf-item__text{font-size:13px;color:var(--fg-3);line-height:1.4}.ntf-item__when{font-size:11.5px;color:var(--fg-3);white-space:nowrap;flex:none;padding-top:2px}.ntf-more{align-self:center;margin-top:6px}.ntf-empty{text-align:center}.ntf-empty__icon{width:52px;height:52px;margin:0 auto 8px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--accent-tint);color:var(--accent-ink)}.ntf-empty .me20-btn{margin:8px auto 0}.ntf-empty__topics{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.ntf-empty__lead{display:block;font:var(--overline);letter-spacing:var(--track-overline);text-transform:uppercase;color:var(--fg-3);font-weight:700;margin-bottom:10px}.ntf-empty__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ntf-empty__chip{border:1.5px solid var(--border);background:var(--paper-0);color:var(--fg-2);font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:40px;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.ntf-empty__chip:hover{border-color:var(--border-strong);color:var(--fg)}.ntf-empty__chip.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.ntf-empty__chip.is-on:before{content:"✓ "}.ntf-topics-card{gap:4px}.ntf-group-label{font:var(--overline);letter-spacing:var(--track-overline);text-transform:uppercase;color:var(--fg-3);font-weight:800;font-size:10.5px;margin:16px 2px 6px}.ntf-group-label:first-child{margin-top:4px}.ntf-topic-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 0;border-top:1px solid var(--border)}.ntf-topic-row:first-of-type{border-top:none}.ntf-topic__head{flex:1 1 190px;min-width:0}.ntf-topic__name{font-size:14.5px;font-weight:700;color:var(--fg);letter-spacing:-.01em}.ntf-topic__desc{font-size:12.5px;color:var(--fg-3);line-height:1.3;margin-top:1px}.ntf-chans{display:flex;flex-wrap:wrap;gap:7px}.ntf-chan{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:-.01em;border:1.5px solid var(--border);background:var(--paper-0);color:var(--fg-3);cursor:pointer;user-select:none;text-decoration:none;white-space:nowrap;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.ntf-chan input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.ntf-chan--toggle:has(input:checked){background:var(--accent-tint);border-color:transparent;color:var(--accent-ink)}.ntf-chan--toggle:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.ntf-chan--muted,.ntf-chan--toggle:has(input:disabled){opacity:.4;cursor:not-allowed}.ntf-chan--on{background:var(--success-bg);border-color:transparent;color:var(--success);cursor:default}.ntf-chan--lock{background:var(--violet-100);border-color:transparent;color:var(--violet-500)}@media (hover:hover){.ntf-chan--lock:hover{background:color-mix(in srgb,var(--violet-500) 22%,transparent)}}.ntf-lock-tag{font-weight:800}.ntf-chan--tag,.ntf-chan--na{border-style:dashed;cursor:default;color:var(--fg-3)}.ntf-chan--na{opacity:.65}.ntf-soon{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-tint);padding:1px 6px;border-radius:999px;vertical-align:middle;margin-left:4px}.ntf-lock{color:var(--violet-500);font-weight:800;font-size:11px}.ntf-status{min-height:16px;margin-top:12px}.ntf-status[data-state=ok]{color:var(--success)}.ntf-status[data-state=err]{color:var(--danger)}.ntf-digest{margin-top:4px}.ntf-quiet{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.ntf-quiet .me20-field{flex:1;min-width:120px}