.ar-friend-btn{flex-wrap:wrap;gap:8px;display:inline-flex;position:relative}.ar-friend-out{color:var(--tomato);box-shadow:inset 0 0 0 1.5px var(--tomato)}.ar-friend-out:hover{background:var(--tomato);color:#fff}.ar-pfriends{gap:26px;display:grid}.ar-pfriends-sec .fw-h3{align-items:baseline;gap:8px;display:flex}.ar-pfriends-sec .fw-h3 b{background:var(--pink);color:#fff;border-radius:99px;padding:0 8px;font-size:12px}.ar-pfriends-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ar-pfriends-grid li{animation:ar-pfriend-in .5s var(--ease) both;animation-delay:calc(var(--i) * 30ms)}@keyframes ar-pfriend-in{0%{opacity:0;transform:translateY(14px)}}.ar-pfriend{background:var(--card);height:100%;box-shadow:inset 0 0 0 1.5px var(--rule2);text-align:center;transition:transform .25s var(--pop), box-shadow .2s;border-radius:16px;justify-items:center;gap:4px;padding:18px 12px 16px;display:grid}.ar-pfriend:hover{box-shadow:inset 0 0 0 2px var(--violet), 4px 5px 0 var(--violet);transform:translateY(-4px)rotate(-1deg)}.ar-pfriend-ava{margin-bottom:6px;position:relative}.ar-pfriend-ava>i{background:var(--mint);width:14px;height:14px;box-shadow:0 0 0 3px var(--card);border-radius:50%;position:absolute;bottom:2px;right:2px}.ar-pfriend b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:800;overflow:hidden}.ar-pfriend small{color:var(--mu);font-size:12.5px}.ar-pfriend em{color:var(--mu);margin-top:4px;font-size:11.5px;font-style:normal}.ar-freq{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.ar-freq li{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--rule2);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}.ar-freq-who{align-items:center;gap:12px;min-width:0;display:flex}.ar-freq-who>span:last-child{min-width:0;display:grid}.ar-freq-who b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ar-freq-who small{color:var(--mu);font-size:12.5px}.ar-freq-box{background:var(--paper2);box-shadow:inset 0 0 0 1.5px var(--rule2), inset 5px 0 0 var(--violet);border-radius:18px;margin-bottom:22px;padding:16px 18px;scroll-margin-top:90px}.ar-freq-box>p{color:var(--mu);margin:2px 0 0;font-size:13.5px}@media (prefers-reduced-motion:reduce){.ar-pfriends-grid li{animation:none}.ar-pfriend{transition:none}}