.ntf{--ntf-spine:transparent;--ntf-ink:var(--sz-ink-on-dark-52);--ntf-tile:hsla(40,48%,94%,.05);--ntf-ring:var(--sz-hairline-12)}.ntf .ntf-row[data-tier=obligation]{--ntf-spine:var(--sz-error);--ntf-ink:var(--sz-error);--ntf-tile:var(--sz-error-soft);--ntf-ring:var(--sz-error-line)}.ntf .ntf-row[data-tier=opportunity]{--ntf-spine:var(--sz-ochre);--ntf-ink:var(--sz-ochre);--ntf-tile:var(--sz-ochre-soft);--ntf-ring:var(--sz-ochre-line)}.ntf .ntf-row[data-tier=outcome]{--ntf-spine:var(--sz-green);--ntf-ink:var(--sz-green-lit);--ntf-tile:var(--sz-green-soft);--ntf-ring:var(--sz-green-line)}.ntf .ntf-row[data-tier=ambient]{--ntf-spine:transparent;--ntf-ink:var(--sz-ink-on-dark-52);--ntf-tile:hsla(40,48%,94%,.05);--ntf-ring:var(--sz-hairline-12)}.ntf .ntf-row{position:relative;display:flex;gap:12px;padding:12px 14px 12px 16px;transition:background-color var(--sz-dur-f-hover) var(--c-arrive)}.ntf .ntf-row:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;background:var(--ntf-spine)}.ntf .ntf-row:hover{background:hsla(40,48%,94%,.05)}.ntf .ntf-row[data-unread=true]{background:rgba(20,81,107,.14)}.ntf .ntf-row[data-unread=true]:hover{background:hsla(40,48%,94%,.06)}.ntf .ntf-row[data-state=gone] .ntf-title{color:var(--sz-ink-on-dark-52)}.ntf .ntf-media{position:relative;flex:0 0 auto;width:44px;height:44px;overflow:hidden;border-radius:var(--sz-r-5);background:var(--ntf-tile);box-shadow:inset 0 0 0 1px var(--ntf-ring);display:flex;align-items:center;justify-content:center;color:var(--ntf-ink)}.ntf .ntf-initials{font-family:var(--sz-serif);font-size:15px;letter-spacing:.02em}.ntf .ntf-stack{position:relative;flex:0 0 auto;width:44px;height:44px}.ntf .ntf-stack>*{position:absolute;width:30px;height:30px;overflow:hidden;border-radius:var(--sz-r-3);background:var(--ntf-tile);box-shadow:0 0 0 1px var(--sz-pop),inset 0 0 0 1px var(--ntf-ring)}.ntf .ntf-stack>:first-child{top:0;left:0}.ntf .ntf-stack>:nth-child(2){top:4px;left:7px}.ntf .ntf-stack>:nth-child(3){top:8px;left:14px}.ntf .ntf-body{min-width:0;flex:1 1 auto}.ntf .ntf-kickerrow{display:flex;align-items:baseline;gap:8px}.ntf .ntf-kicker{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ntf-ink)}.ntf .ntf-time{margin-left:auto;flex:0 0 auto;font-size:11px;color:var(--sz-ink-on-dark-52)}.ntf .ntf-title{display:block;margin-top:2px;font-size:14px;font-weight:600;color:var(--sz-paper)}.ntf .ntf-row[data-tier=ambient] .ntf-title{font-weight:500;color:var(--sz-ink-on-dark-70)}a.ntf-title:hover{text-decoration:underline;text-underline-offset:3px}a.ntf-title:focus-visible{outline:2px solid var(--sz-focus-border);outline-offset:2px;border-radius:var(--sz-r-3)}.ntf .ntf-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:2px;font-size:12px;color:var(--sz-ink-on-dark-70)}.ntf .ntf-actions{display:flex;align-items:center;gap:8px;margin-top:9px}.ntf .ntf-chip{margin-left:auto}.ntf .ntf-dismiss{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--sz-r-3);color:var(--sz-ink-on-dark-34);opacity:0;transition:opacity var(--sz-dur-f-hover) var(--c-arrive),color var(--sz-dur-f-hover) linear,background-color var(--sz-dur-f-hover) linear}.ntf .ntf-dismiss:focus-visible,.ntf .ntf-row:focus-within .ntf-dismiss,.ntf .ntf-row:hover .ntf-dismiss{opacity:1}.ntf .ntf-dismiss:hover{background:var(--sz-error-soft);color:var(--sz-error)}.ntf .ntf-dismiss:focus-visible{outline:2px solid var(--sz-focus-border);outline-offset:2px}.ntf .ntf-band{background:hsla(40,48%,94%,.03)}.ntf .ntf-sechead{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--sz-hairline-12);background:var(--sz-pop)}.ntf .ntf-sechead .ntf-seclabel{margin-left:auto;font-size:11px;color:var(--sz-ink-on-dark-52)}.ntf .ntf-dot{width:7px;height:7px;border-radius:999px;background:var(--sz-error);animation:szPulse var(--sz-dur-t-pulse) ease-in-out infinite}.ntf .ntf-expand{margin-top:8px;border-top:1px dashed var(--sz-hairline-12);padding-top:8px;display:grid;gap:6px}.ntf .ntf-expand-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sz-ink-on-dark-70)}.ntf .ntf-expand-row>:last-child{margin-left:auto}.ntf .ntf-skel-slot{height:31px;width:128px;border:1px dashed var(--sz-hairline-16);border-radius:var(--sz-r-5)}.ntf[data-phone=true] .ntf-actions{flex-wrap:wrap}.ntf[data-phone=true] .ntf-actions .sz-btn-sm{min-height:34px}.ntf[data-phone=true] .ntf-actions>.sz-btn:first-child{flex:1 1 auto}.ntf[data-phone=true] .ntf-chip{margin-left:0;flex-basis:100%}.ntf[data-phone=true] .ntf-dismiss{opacity:1}.ntf .ntf-row[data-swiping=true]{transition:none}@media (prefers-reduced-motion:reduce){.ntf .ntf-row{translate:none!important}}