.notification{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #e6e6e6;background-color:#fff;transition:background-color 0.3s}.notification:hover{background-color:#f9f9f9;cursor:pointer}.notification .avatar{flex-shrink:0;width:48px;height:48px;margin-right:1rem;border-radius:50%;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.notification .avatar img{width:100%;height:100%;object-fit:cover}.notification .content{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0.2rem;line-height:1.5}.notification .content .username{font-weight:bold;color:#15202b;text-decoration:none}.notification .content .username:hover{text-decoration:underline}.notification .content .action{font-size:0.9rem;color:#657786}.notification .content .post-link{font-size:0.9rem;color:#1DA1F2;text-decoration:none;font-weight:bold}.notification .content .post-link:hover{text-decoration:underline}.notification-date{font-size:14px;color:var(--secondary-color)}.description-text{color:var(--secondary-color)}