.friends-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.friends-grid:after{content:'';width:350px;height:0}.friend-card{background-color:#fff;border:1px solid #e7e9ef;border-radius:14px;padding:20px;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;width:350px;flex-shrink:0}.friend-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.friend-card-header{display:flex;align-items:center;margin-bottom:15px}.friend-icon-link{margin-right:15px;flex-shrink:0}.friend-icon{width:60px;height:60px;border-radius:50%;object-fit:cover;display:block}.friend-info{display:flex;flex-direction:column;overflow:hidden}.friend-name{margin:0 0 5px !important;font-size:1.2em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-name a{text-decoration:none;color:inherit}.friend-description{margin:0;font-size:.9em;color:#bfc1c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:1.4em}.friend-latest-post{background-color:#f8f9fa;border-radius:14px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;font-size:.85em;min-height:2.5em;box-sizing:border-box;overflow:hidden}.latest-post-title{color:inherit;text-decoration:none;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;flex-grow:1}.latest-post-title:hover{text-decoration:underline}.latest-post-date,.no-latest-post{color:#bfc1c6;white-space:nowrap;flex-shrink:0}.no-latest-post{width:100%;text-align:left}@media (max-width:768px){.friend-card{max-width:90vw;width:min(350px,90vw)}}.friend-latest-post{height:40px;display:flex;align-items:center}.friend-description{height:1.4em;overflow:hidden}.friend-card.recent-post{position:relative;animation:rotating-shadow 3s ease-in-out infinite}@keyframes rotating-shadow{0%{box-shadow:0 0 12px rgba(152,193,217,.2),8px 8px 20px rgba(152,193,217,.4)}5%{box-shadow:0 0 12px rgba(152,193,217,.2),8px 6px 20px rgba(152,193,217,.4)}10%{box-shadow:0 0 12px rgba(152,193,217,.2),6px 8px 20px rgba(152,193,217,.4)}15%{box-shadow:0 0 12px rgba(152,193,217,.2),3px 9px 20px rgba(152,193,217,.4)}20%{box-shadow:0 0 12px rgba(152,193,217,.2),0px 10px 20px rgba(152,193,217,.4)}25%{box-shadow:0 0 12px rgba(152,193,217,.2),-3px 9px 20px rgba(152,193,217,.4)}30%{box-shadow:0 0 12px rgba(152,193,217,.2),-6px 8px 20px rgba(152,193,217,.4)}35%{box-shadow:0 0 12px rgba(152,193,217,.2),-9px 6px 20px rgba(152,193,217,.4)}40%{box-shadow:0 0 12px rgba(152,193,217,.2),-10px 3px 20px rgba(152,193,217,.4)}45%{box-shadow:0 0 12px rgba(152,193,217,.2),-9px 0px 20px rgba(152,193,217,.4)}50%{box-shadow:0 0 12px rgba(152,193,217,.2),-8px -3px 20px rgba(152,193,217,.4)}55%{box-shadow:0 0 12px rgba(152,193,217,.2),-6px -6px 20px rgba(152,193,217,.4)}60%{box-shadow:0 0 12px rgba(152,193,217,.2),-3px -9px 20px rgba(152,193,217,.4)}65%{box-shadow:0 0 12px rgba(152,193,217,.2),0px -10px 20px rgba(152,193,217,.4)}70%{box-shadow:0 0 12px rgba(152,193,217,.2),3px -9px 20px rgba(152,193,217,.4)}75%{box-shadow:0 0 12px rgba(152,193,217,.2),6px -6px 20px rgba(152,193,217,.4)}80%{box-shadow:0 0 12px rgba(152,193,217,.2),8px -3px 20px rgba(152,193,217,.4)}85%{box-shadow:0 0 12px rgba(152,193,217,.2),9px 0px 20px rgba(152,193,217,.4)}90%{box-shadow:0 0 12px rgba(152,193,217,.2),10px 3px 20px rgba(152,193,217,.4)}95%{box-shadow:0 0 12px rgba(152,193,217,.2),9px 6px 20px rgba(152,193,217,.4)}100%{box-shadow:0 0 12px rgba(152,193,217,.2),8px 8px 20px rgba(152,193,217,.4)}}