.profile-counts{gap:12px}
.profile-counts button{border:0;border-radius:7px;background:transparent;color:inherit;padding:5px 8px;text-align:left;font:inherit;cursor:pointer}
.profile-counts button:hover,.profile-counts button:focus-visible{background:#ffffff0d;color:var(--accent);outline:1px solid #ef843b66}
.connections-backdrop{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:18px;background:#000b}
.connections-modal{display:flex;flex-direction:column;width:min(92vw,480px);max-height:min(82svh,680px);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#171512;box-shadow:0 24px 80px #000;padding:22px}
.connections-modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.connections-modal h2{margin:0;font-size:30px}
.connections-close{border:1px solid #ffffff30;border-radius:99px;background:transparent;color:var(--ink);padding:8px 12px;cursor:pointer}
.connections-list{display:grid;gap:8px;overflow:auto;overscroll-behavior:contain}
.connection-person{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#111110;color:var(--ink)}
.connection-person:hover{border-color:#ef843b88}
.connection-person img{width:48px;height:48px;flex:none;border-radius:50%;object-fit:cover}
.connection-person span,.connection-person strong,.connection-person small{display:block;min-width:0}
.connection-person small{margin-top:3px;color:var(--accent)}
.connections-modal>.btn{align-self:center;margin-top:12px}
.connections-modal>.profile-status{margin:10px 0 0;text-align:center}
body.connections-open{overflow:hidden}
@media(max-width:560px){.profile-counts button{text-align:center}.connections-backdrop{padding:10px}.connections-modal{width:100%;max-height:88svh;padding:18px 14px}}