.profile-referrals{grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);align-items:center;gap:32px;min-width:0;display:grid}.profile-referrals p{margin:0}.profile-referral-progress{gap:16px;min-width:0;display:grid}.profile-referral-count{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;display:flex}.profile-referral-count dt{font-size:var(--text-body);color:var(--muted)}.profile-referral-count dd{font-size:var(--text-page);letter-spacing:-.03em;font-variant-numeric:tabular-nums;order:-1;margin:0;line-height:1}.profile-referral-milestone{align-items:center;gap:12px;display:flex}.profile-referral-milestone .earned-badge-seal{width:36px;height:36px;color:var(--muted);flex:0 0 36px}.profile-referral-milestone[data-earned=true] .earned-badge-seal{color:var(--accent)}.profile-referral-milestone>div{gap:2px;display:grid}.profile-referral-invite{gap:12px;min-width:0;display:grid}.profile-referral-share{align-items:end;gap:8px;min-width:0;display:flex}.profile-referral-share .field{flex:1;min-width:0;margin:0}.profile-referral-share input{width:100%;min-width:0}.profile-referral-share>.ui-button{flex-shrink:0;min-width:120px}@media (max-width:700px){.profile-referrals{grid-template-columns:minmax(0,1fr);gap:24px}.profile-referral-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-referral-count{flex-direction:column;gap:6px;display:flex}.profile-referral-milestone .earned-badge-seal{flex-basis:32px;width:32px;height:32px}}@media (max-width:480px){.profile-referral-share{flex-direction:column;align-items:stretch;gap:12px}.profile-referral-share>.ui-button{width:100%}}