.friends-header{border-bottom:1px dashed var(--c-border);flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin:1rem;padding-bottom:1rem}.friends-header,.friends-title{align-items:center;display:flex;flex-direction:row}.friends-title{gap:.5rem;justify-content:flex-start}.friends-title>[class^=icon-]{color:var(--c-primary);font-size:1.5rem}.friends-title h1{font-size:1.5rem;margin:0}.friends-actions{align-items:center;display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start}.friends-count{color:var(--c-text-2);font-size:.9rem}.friends-count strong{color:var(--c-primary)}.apply-link{align-items:center;background-color:var(--c-bg-soft);border-radius:2rem;color:var(--c-text-2);display:flex;flex-direction:row;font-size:.8rem;font-weight:500;gap:.35rem;justify-content:flex-start;padding:.45em .9em;transition:all .2s}.apply-link [class^=icon-]{font-size:1.1em}.apply-link:hover{background:linear-gradient(135deg,var(--c-primary),var(--c-accent,var(--c-primary)));box-shadow:0 4px 16px color-mix(in srgb,var(--c-primary),transparent 60%);box-shadow:0 2px 8px color-mix(in srgb,var(--c-primary),transparent 60%);color:#fff;transform:translateY(-2px);transform:translateY(-1px)}.friends-list{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);padding:.5rem 1rem 1rem}@media(max-width:640px){.friends-list{grid-template-columns:1fr}}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.friend-card{--card-radius:.875rem;align-items:stretch;animation:card-enter .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--delay,0s);background:var(--c-bg-card,var(--c-bg-1));border-radius:var(--card-radius);box-shadow:0 1px 2px #0000000a,0 2px 8px #0000000a;display:flex;flex-direction:column;gap:.6rem;justify-content:flex-start;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.friend-card:before{background:linear-gradient(90deg,transparent,var(--c-primary) 20%,var(--c-accent,var(--c-primary)) 80%,transparent);content:"";height:2px;left:1rem;opacity:0;position:absolute;right:1rem;top:0;transform:scaleX(0);transition:all .3s ease}.friend-card:hover{box-shadow:0 8px 24px #00000014,0 4px 12px color-mix(in srgb,var(--c-primary),transparent 92%);transform:translateY(-4px)}.friend-card:hover:before{opacity:1;transform:scaleX(1)}.friend-card:hover .author-avatar{box-shadow:0 4px 12px color-mix(in srgb,var(--c-primary),transparent 70%);transform:scale(1.1) rotate(5deg)}.friend-card:hover .read-more>[class^=icon-]{transform:translate(2px,-2px)}.friend-header{gap:.75rem;justify-content:space-between}.friend-header,.friend-header .author-info{align-items:center;display:flex;flex-direction:row}.friend-header .author-info{color:var(--c-text-1);gap:.5rem;justify-content:flex-start;text-decoration:none;transition:color .2s}.friend-header .author-info:hover{color:var(--c-primary)}.friend-header .author-info:hover .author-name{background-size:100% 2px}.friend-header .author-avatar{box-shadow:0 2px 8px #0000001a;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1)}.friend-header .author-avatar,.friend-header .author-avatar-placeholder{background:linear-gradient(135deg,var(--c-bg-2),var(--c-bg-3,var(--c-bg-2)));border:2px solid var(--c-bg);border-radius:50%;height:32px;width:32px}.friend-header .author-avatar-placeholder{align-items:center;color:var(--c-text-3);display:flex;flex-direction:row;font-size:1rem;justify-content:center}.friend-header .author-name{background:linear-gradient(var(--c-primary),var(--c-primary)) no-repeat 0 100%;background-size:0 2px;font-size:.9rem;font-weight:550;transition:background-size .3s ease}.friend-time{background:var(--c-bg-2);border-radius:2rem;color:var(--c-text-3);font-size:.75rem;padding:.2rem .5rem}.friend-content{align-items:stretch;color:inherit;display:flex;flex-direction:column;gap:.4rem;justify-content:flex-start;padding:.5rem 0;text-decoration:none}.friend-title{color:var(--c-text);display:-webkit-box;font-size:.95rem;font-weight:600;-webkit-line-clamp:2;line-height:1.5;margin:0;transition:color .25s ease;-webkit-box-orient:vertical;overflow:hidden}.friend-content:hover .friend-title{color:var(--c-primary)}.friend-desc{color:var(--c-text-3);display:-webkit-box;font-size:.8rem;-webkit-line-clamp:2;line-height:1.6;margin:0;-webkit-box-orient:vertical;overflow:hidden}.friend-footer{border-top:1px dashed var(--c-border);justify-content:flex-end;margin-top:auto;padding-top:.6rem}.friend-footer,.read-more{align-items:center;display:flex;flex-direction:row}.read-more{border-radius:2rem;color:var(--c-text-3);font-size:.75rem;gap:.3rem;justify-content:flex-start;padding:.3rem .6rem;text-decoration:none;transition:all .25s ease}.read-more:hover{background:color-mix(in srgb,var(--c-primary),transparent 92%);color:var(--c-primary)}.read-more>[class^=icon-]{font-size:.85em;transition:transform .25s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.friends-empty{align-items:center;animation:fade-in .6s ease;color:var(--c-text-3);display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;justify-content:center;padding:5rem 2rem;text-align:center}.friends-empty>[class^=icon-]{animation:float 3s ease-in-out infinite;font-size:4rem;opacity:.3}.friends-empty p{color:var(--c-text-2);font-size:1.1rem;margin:0}.friends-empty .empty-hint{font-size:.8rem;opacity:.7}.friends-pagination{gap:.75rem;justify-content:center;padding:1.5rem 1rem}.friends-pagination,.friends-pagination .page-btn{align-items:center;display:flex;flex-direction:row}.friends-pagination .page-btn{background:var(--c-bg-1);border-radius:2rem;box-shadow:0 2px 8px #0000000a;color:var(--c-text-1);font-size:.8rem;font-weight:500;gap:.3rem;justify-content:flex-start;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.friends-pagination .page-btn:hover:not(.disabled){background:linear-gradient(135deg,var(--c-primary),var(--c-accent,var(--c-primary)));box-shadow:0 4px 16px color-mix(in srgb,var(--c-primary),transparent 60%);color:#fff;transform:translateY(-2px)}.friends-pagination .page-btn.disabled{cursor:not-allowed;opacity:.35}.friends-pagination .page-info{background:var(--c-bg-2);border-radius:1rem;color:var(--c-text-2);font-size:.8rem;font-weight:500;padding:.4rem .8rem}