.referral{background:var(--color-yellow);color:var(--color-ink);border-radius:20px;gap:14px;padding:clamp(18px,3vw,28px);display:grid}.referral h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:800;line-height:1.2}.referral p{max-width:52ch;font-weight:500}.referral .btn{justify-self:start}.referral-link{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.referral-link input{border:0;border-bottom:3px solid var(--color-ink);background:var(--color-paper);min-width:0;min-height:40px;color:var(--color-ink);font:inherit;text-align:start;flex:220px;padding:0 14px;font-size:.9375rem;font-weight:700}.referral-link .btn{justify-self:auto}.referral-live{min-height:0;margin:0;font-size:.8125rem}.referral-live:empty{display:none}.referral-counts{gap:28px;display:flex}.referral-counts dt{font-size:.8125rem;font-weight:600}.referral-counts dd{font-size:1.5rem;font-weight:800;line-height:1.1}.share-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.share-row .btn{min-height:40px;padding:0 1.1em;font-size:.9375rem}.share-row .btn:disabled{--fill:#0d0c0a1f;--label:#0d0c0a73;--lip:transparent}.share-note{margin-top:8px;font-size:.8125rem;font-weight:600}