.header-notification-item{min-width:0}.header-notification-card{background:var(--canvas);border:1px solid var(--line);border-radius:6px;gap:12px;padding:14px;transition:background .22s,border-color .22s;display:flex}.header-notification-card[href]:hover,.header-notification-card[href]:focus-visible{background:var(--subtle);border-color:var(--accent)}.header-notification-card[href]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.header-notification-symbol{width:30px;height:30px;color:var(--accent);background:var(--subtle);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.header-notification-copy{flex:1;min-width:0}.header-notification-title{color:var(--ink);font-size:12px;line-height:1.5;font-family:var(--font-bold);align-items:center;gap:7px;display:flex}.header-notification-card.is-read{opacity:.72}.header-notification-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.header-notification-arrow{color:var(--muted);flex-shrink:0;margin-top:3px}.header-notification-text{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.65}.header-notification-card-loading .header-notification-symbol{background:var(--skeleton)}.header-notification-skeleton{background-size:200% 100%;background-image:linear-gradient(90deg, var(--skeleton) 25%, var(--skeleton-highlight) 50%, var(--skeleton) 75%);border-radius:4px;animation:1.6s ease-in-out infinite header-notification-shimmer;display:block}.header-notification-skeleton-title{width:55%;height:14px;margin-bottom:10px}.header-notification-skeleton-text{width:100%;height:34px}@keyframes header-notification-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.header-notification-card{transition:none}.header-notification-skeleton{animation:none}}