.friends-list{list-style:none;margin:0;padding:18px}
.friend-link{display:flex;align-items:center;gap:18px;min-height:104px;padding:16px;border:1px solid #b6d2df;border-radius:7px;background:linear-gradient(#fff,#edf7fc);color:#20445b;text-decoration:none;box-shadow:inset 0 1px #fff;transition:background .15s,border-color .15s}
.friend-link:hover{background:linear-gradient(#f9ffff,#d8effa);border-color:#70b0cf}
.friend-link:focus-visible{outline:3px solid #078acd;outline-offset:3px}
.friend-link>img{width:64px;height:64px;flex:none;object-fit:contain}
.friend-copy{display:flex;min-width:0;flex-direction:column;gap:5px}
.friend-copy strong{font-size:18px;font-weight:600}
.friend-domain{font-size:16px;overflow-wrap:anywhere}
.friend-hint{font-size:14px;color:#4f7185;line-height:1.4}
@media(min-width:601px){.folders{gap:clamp(8px,2vw,21px);padding-inline:22px}.folders .folder{width:clamp(52px,8vw,76px)}.folders .folder>.app-icon,.folders .folder>img.dock-reflection{width:100%}}
@media(max-width:600px),(max-height:500px) and (pointer:coarse){.folders{grid-template-columns:repeat(7,minmax(0,1fr))}.friends-list{padding:12px}.friend-link{gap:12px;padding:14px}.friend-link>img{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.friend-link{transition:none}}