.socialProfileHero{position:relative;display:flex;flex-wrap:wrap;gap:20px;min-height:230px;padding:32px;border-radius:var(--social-radius);background:linear-gradient(90deg,#e8f1f9f2,#f5f9fbd9),url('/brand/winter-lake.png') center/cover;border:1px solid var(--social-line)}
.socialProfileHero .avatar{border:4px solid white;box-shadow:0 5px 20px #19354b15;background:#1e4d68;color:white}.socialProfileHero h1{overflow-wrap:anywhere}.socialProfilePresence{flex-basis:100%;font-size:13px;margin:0;color:var(--social-muted)}.socialProfilePresence[data-state=online]{color:#256246}
.socialProfileNav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.socialProfileNav button,.socialProfileNav a{background:white;border:1px solid var(--social-line);border-radius:12px;min-height:44px;padding:12px 16px;color:var(--social-ink);font-size:14px;text-decoration:none}.socialProfileNav button:hover,.socialProfileNav a:hover{background:#e4edf3}
.socialProfileNotice{font-size:14px;color:var(--social-muted);margin:0}.socialProfileNotice:empty{display:none}.socialProfilePreferences{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.socialProfilePreferences .panel{padding:22px}.socialProfilePreferences p{color:var(--social-muted);line-height:1.7}.socialProfilePreferences>a{color:#194d70;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:767px){.socialProfileHero{padding:24px;min-height:220px}.socialProfilePreferences{grid-template-columns:1fr}.socialProfileNav{flex-wrap:nowrap;overflow-x:auto;padding:4px}.socialProfileNav button,.socialProfileNav a{flex-shrink:0;white-space:nowrap}}

.socialProfileNav [aria-current=location]{color:#1261b5;border-color:#92bee8;background:#e5f1fc;box-shadow:inset 0 -3px #247bd0}.socialProfileHeroProgress{flex-basis:100%;max-width:420px;margin-left:auto}.socialProfileHeroProgress .verifiedXpCard{margin:0;background:#173652ba;border-color:#8faccc80;color:#fff}.socialProfileHeroProgress .verifiedXpCard span,.socialProfileHeroProgress .verifiedXpCard small,.socialProfileHeroProgress .verifiedXpCard strong{color:#edf5ff}.socialProfileHeroProgress .verifiedXpTrack{background:#b8cee947}.socialProfileHeroProgress .verifiedXpTrack i{background:linear-gradient(90deg,#ecaa25,#ffd75e)}@media(max-width:767px){.socialProfileHeroProgress{margin:0;max-width:none;width:100%}}