.hub-friends{max-width:760px;margin:auto;padding:24px 16px 110px;color:#252b31}.hub-friends *{box-sizing:border-box}.hub-friends h1{font-size:30px;margin:12px 0}.hub-friends header p,.hf-empty{font-size:14px;line-height:1.8;color:#606d78}.hf-eyebrow{font-size:12px;letter-spacing:2px;color:#997545}.hub-friends h2{font-size:18px;margin:24px 0 12px}.hub-friends h2 small{font-weight:400;color:#606d78}.hf-number{background:#e8ede1;border:1px solid #cdd8c7;border-radius:14px;padding:22px;margin:24px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hf-number>strong{font:28px Georgia,serif;letter-spacing:2px;user-select:all}.hf-number>small{width:100%;color:#5f6c5b;font-size:12px}.hub-friends button{min-width:44px;min-height:44px;border:1px solid #dce3e9;background:#fff;color:#345e72;border-radius:8px;padding:8px 12px;font:inherit;cursor:pointer}.hub-friends button:disabled{opacity:.55;cursor:wait}.hf-search label{display:block;font-size:14px;margin-bottom:10px}.hf-search>div{display:flex;gap:10px}.hf-search input{width:100%;min-width:0;min-height:48px;border:1px solid #dce3e9;border-radius:8px;padding:10px;font-size:16px;background:#fff}.hf-search button{flex-shrink:0;background:#345e72;color:white}.hf-person{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #e1e5e9}.hf-person strong,.hf-person small{display:block;overflow-wrap:anywhere}.hf-person small{font-size:12px;color:#606d78;margin-top:6px}.hf-actions{display:flex;gap:8px;flex-wrap:wrap}.hf-message{color:#345e72;font-size:14px;line-height:1.8}.hf-error{padding:12px;background:#fbe8df;border-radius:8px;color:#943e2c;line-height:1.8}.hub-friends details{margin:24px 0}.hub-friends summary{min-height:44px;padding:12px 0;cursor:pointer}.hub-friends :focus-visible{outline:3px solid #b48748;outline-offset:3px}@media(max-width:760px){
 .hub-friends{padding:8px 0 64px;font-size:13px}
 .hub-friends>header{margin-bottom:8px}
 .hub-friends h1{font-size:18px;font-weight:650;line-height:1.4;font-family:inherit;margin:4px 0}
 .hub-friends h2{font-size:15px;line-height:1.4;margin:12px 0 4px}
 .hub-friends header p,.hub-friends .hf-empty{font-size:12px;line-height:1.55;margin:4px 0}
 .hub-friends .hf-eyebrow{display:none}
 .hub-friends .hf-number{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:0 8px;padding:6px 10px;margin:8px 0;border-radius:8px;background:#f2f5f7}
 .hub-friends .hf-number>span{font-size:12px;white-space:nowrap}
 .hub-friends .hf-number>strong{font:500 16px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:all;min-width:0}
 .hub-friends .hf-number>small{grid-column:1/-1;font-size:11px;line-height:1.4;margin:0 0 4px}
 .hub-friends .hf-number>button{grid-column:3;grid-row:1;width:44px;min-height:44px;padding:10px;background:transparent;border:0}
 .hub-friends .hf-number>button svg{width:18px;height:18px}
 .hub-friends .hf-search label{font-size:12px;margin:0 0 4px}
 .hub-friends .hf-search>div{gap:4px;align-items:center}
 .hub-friends .hf-person{gap:8px;padding:8px 0}
 .hub-friends .hf-person small{font-size:11px;margin-top:2px}
 .hub-friends details{margin:8px 0}
}
@media(max-width:350px){.hf-person{align-items:flex-start;flex-direction:column}}