@layer screens{.nb{display:inline-flex;position:relative}.nb-panel{z-index:var(--z-popover);inline-size:min(380px, calc(100vw - 2 * var(--gutter,16px)));max-block-size:min(560px, calc(100dvh - var(--header-h,56px) - 24px));border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg-l3,var(--bg-l2));box-shadow:var(--shadow-l4);color:var(--text-primary);animation:nb-in var(--dur-base) var(--ease-out) both;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;overflow:hidden}.nb-head{border-block-end:1px solid var(--line-hair);align-items:center;gap:12px;padding:12px 14px;display:flex}.nb-head h2{margin:0;font-size:var(--fs-14);font-weight:var(--w-strong);margin-inline-end:auto}.nb-link{border-radius:var(--r-sm);min-block-size:28px;color:var(--brand-text);font:inherit;font-size:var(--fs-12);font-weight:var(--w-medium);cursor:pointer;background:0 0;border:0;padding:0 8px}.nb-link:hover{background:var(--state-hover)}.nb-x{border-radius:var(--r-sm);block-size:28px;inline-size:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.nb-x:hover{color:var(--text-primary);background:var(--state-hover)}.nb-close{display:none}.nb-chips{border:0;border-block-end:1px solid var(--line-hair);flex-wrap:wrap;gap:6px;min-inline-size:0;margin:0;padding:10px 14px;display:flex}.nb-chip{border:1px solid var(--line-hair);border-radius:var(--r-pill);min-block-size:28px;color:var(--text-secondary);font:inherit;font-size:var(--fs-12);font-weight:var(--w-medium);cursor:pointer;background:0 0;padding:0 12px}.nb-chip:hover{background:var(--state-hover);color:var(--text-primary)}.nb-chip[aria-pressed=true]{background:var(--brand-solid,var(--accent));color:var(--brand-ink);border-color:#0000}.nb-list{overscroll-behavior:contain;margin:0;padding:0 0 20px;list-style:none;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.nb-list li+li{border-block-start:1px solid var(--line-hair)}.nb-list a{color:inherit;transition:background-color var(--dur-fast) var(--ease-std);grid-template-columns:32px minmax(0,1fr);gap:12px;padding:12px 14px;text-decoration:none;display:grid}.nb-list a:hover{background:var(--state-hover)}.nb-list li[data-read=false] a{background:var(--brand-soft)}.nb-ico{border-radius:var(--r-md);background:var(--state-hover);block-size:32px;inline-size:32px;color:var(--text-secondary);place-items:center;display:grid}[data-category=SECURITY]>a>.nb-ico,[data-category=SECURITY]>.nb-ico{background:var(--danger-surface);color:var(--danger-text)}.nb-text{min-inline-size:0;font-size:var(--fs-13);overflow-wrap:anywhere;gap:4px;line-height:1.4;display:grid}.nb-text small{color:var(--text-muted);font-size:var(--fs-12)}.nb-empty{color:var(--text-muted);font-size:var(--fs-13);text-align:center;text-wrap:balance;margin:0;padding:32px 20px}.nb-all{border-block-start:1px solid var(--line-hair);min-block-size:44px;color:var(--brand-text);font-size:var(--fs-13);font-weight:var(--w-medium);place-items:center;text-decoration:none;display:grid}.nb-all:hover{background:var(--state-hover)}.nb-toasts{z-index:var(--z-toast);border:0;gap:8px;inline-size:min(360px,100vw - 32px);min-inline-size:0;margin:0;padding:0;list-style:none;display:grid;position:fixed;inset-block-start:calc(var(--header-h,56px) + 12px);inset-inline-end:16px}.nb-toast{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg-l3,var(--bg-l2));box-shadow:var(--shadow-l4);transform-origin:100% 0;grid-template-columns:32px minmax(0,1fr) 28px;align-items:start;gap:12px;padding:12px;animation:.18s cubic-bezier(.34,1.56,.64,1) both nb-pop;display:grid}.nb-count{border-radius:var(--r-pill);background:var(--brand-solid,var(--accent));color:var(--brand-ink);font-size:var(--fs-11);font-weight:var(--w-strong);font-variant-numeric:tabular-nums;margin-inline-start:8px;padding:1px 6px}.nb-toast[data-category=SECURITY]{border-color:var(--danger)}.nb-toast-body{min-inline-size:0;color:inherit;font-size:var(--fs-13);overflow-wrap:anywhere;gap:2px;line-height:1.4;text-decoration:none;display:grid}.nb-toast-body strong{font-weight:var(--w-strong)}.nb-toast-body span{color:var(--text-secondary)}@keyframes nb-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes nb-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.nb-panel,.nb-toast{animation:none}}@media (max-width:767px){.nb{position:static}.nb-panel{inline-size:auto;position:fixed;inset-block-start:calc(var(--header-h,56px) + 8px);inset-inline:8px}.nb-close{display:inline-grid}.nb-toasts{inline-size:auto;inset-inline:8px}}}