.profile-identity { display: flex; gap: 12px; align-items: center; padding: 10px 0 27px; }
.profile-avatar { width: 42px; height: 42px; flex-shrink: 0; position: relative; }
.profile-avatar>.art { width: 58px; position: absolute; left: -8px; top: -8px; }
.profile-identity h2 { font-size: 23px; letter-spacing: -.6px; }
.profile-identity p { font-size: 12px; color: #426d77; margin-top: 7px; }
.profile-account-label { font-size: 11px; color: #195d57; padding: 5px 9px; border-radius: 15px; border: 1px solid #effffb; background: #b9eadd5c; margin-left: auto; white-space: nowrap; box-shadow: 0 3px 5px #4a808515; }
.profile-record-stack { position: relative; isolation: isolate; margin-bottom: 39px; }
.profile-record-stack:before,.profile-record-stack:after { content: ''; position: absolute; height: 75%; pointer-events: none; border: 1px solid #e5fff9; border-radius: 21px; }
.profile-record-stack:before { left: 14px; right: 16px; bottom: -17px; transform: rotate(2.4deg); background: linear-gradient(120deg,#b8eee2bf,#7fd2cfc7); z-index: -2; box-shadow: 0 6px 12px #3c839525; }
.profile-record-stack:after { left: 8px; right: 6px; bottom: -8px; transform: rotate(-1.5deg); background: #c7f5edbc; z-index: -1; }
.profile-record-card { padding: 24px 23px 17px; border-radius: 23px; background: radial-gradient(ellipse at left top,#fff9,transparent 70%),linear-gradient(120deg,#edfaffee,#d8eff5cc); }
.profile-record-heading { position: relative; min-height: 70px; }
.profile-eyebrow { color: #4c7177; font-size: 10px; font-weight: 600; letter-spacing: 2px; }
.profile-record-heading h2 { font-size: 27px; margin-top: 9px; letter-spacing: -.9px; }
.profile-record-heading .profile-record-symbol { width: 146px; position: absolute; top: -42px; right: -33px; transform: rotate(-8deg); filter: drop-shadow(0 5px 6px #2c728033); }
.profile-record-metrics { display: grid; grid-template-columns: .8fr 1.2fr; gap: 18px; margin: 20px 0 23px; }
.profile-record-metrics>div+div { padding-left: 22px; border-left: 1px solid #98bbc96b; }
.profile-record-metrics strong { display: block; color: #08624e; font-size: 39px; white-space: nowrap; line-height: 1.2; letter-spacing: -1.6px; font-variant-numeric: tabular-nums; }
.profile-record-metrics strong small { font-size: 13px; color: #234c4e; font-weight: 500; letter-spacing: 0; }
.profile-record-metrics>div>span { display: block; color: #496d76; font-size: 13px; margin-top: 7px; }
.profile-record-card>.primary { font-size: 17px; justify-content: space-between; }
.profile-record-card>.primary .icon { width: 23px; height: 23px; }
.profile-record-caption { display: block; text-align: center; font-size: 11px; color: #4c7177; margin-top: 11px; }
.profile-pending { font-size: 12px; display: flex; gap: 5px; align-items: center; color: #855c2e; margin: -7px 0 15px; }
.profile-pending>.icon { width: 15px; height: 15px; }
.profile-section-heading { margin: 0 4px 13px; }
.profile-section-heading h2 { font-size: 23px; letter-spacing: -.6px; }
.profile-service-list { border-radius: 20px; padding: 0 14px; }
.profile-service-list>button { display: flex; width: 100%; align-items: center; gap: 11px; padding: 9px 0; min-height: 85px; text-align: left; }
.profile-service-list>button+button { border-top: 1px solid #a9cbd65c; }
.profile-service-icon { width: 64px; margin-left: -4px; }
.profile-service-copy { flex: 1; }
.profile-service-copy b { display: block; font-size: 17px; }
.profile-service-copy small { display: block; font-size: 12px; color: #4a7179; margin-top: 7px; }
.profile-service-list>button>.icon { color: #51777e; width: 17px; height: 17px; }
.favorite-count { font-size: 25px; color: #08624e; }
.profile-settings { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding: 8px 13px; border-radius: 12px; font-size: 13px; box-shadow: 0 3px 9px #3e75830c; }
.profile-settings>button { display: flex; gap: 5px; align-items: center; min-height: 34px; font-size: 12px; color: #416a76; }
.profile-settings .icon { width: 14px; height: 14px; }
.profile-privacy { color: #52747e; font-size: 10px; text-align: center; margin-top: 18px; }
.profile-shell .site-footer { margin-top: 14px; }
@media (min-width: 1000px) {
  .profile-shell .compact-page { max-width: 620px; }
  .profile-record-card { padding: 30px; }
  .profile-record-heading .profile-record-symbol { width: 170px; top: -48px; }
  .profile-record-metrics { margin-top: 26px; }
  .profile-record-metrics strong { font-size: 48px; }
}
@media (max-width: 700px) {
  .profile-identity { padding: 7px 0 24px; gap: 10px; }
  .profile-identity h2 { font-size: 23px; }
  .profile-identity p { font-size: 11px; }
  .profile-avatar { width: 38px; height: 38px; }
  .profile-avatar>.art { width: 53px; top: -7px; left: -7px; }
  .profile-account-label { font-size: 10px; padding: 5px 8px; }
  .profile-record-card { padding: 23px 17px 15px; }
  .profile-record-heading { min-height: 64px; }
  .profile-record-heading h2 { font-size: 26px; }
  .profile-eyebrow { font-size: 9px; letter-spacing: 1.8px; }
  .profile-record-heading .profile-record-symbol { width: 132px; top: -38px; right: -28px; }
  .profile-record-metrics { gap: 15px; margin: 15px 0 20px; }
  .profile-record-metrics>div+div { padding-left: 15px; }
  .profile-record-metrics strong { font-size: 36px; letter-spacing: -1.3px; }
  .profile-record-metrics strong small { font-size: 12px; }
  .profile-record-metrics>div>span { font-size: 12px; margin-top: 6px; }
  .profile-record-card>.primary { font-size: 17px; min-height: 48px; }
  .profile-record-caption { font-size: 10px; margin-top: 10px; }
  .profile-record-stack { margin-bottom: 36px; }
  .profile-section-heading { margin-bottom: 12px; }
  .profile-section-heading h2 { font-size: 23px; }
  .profile-service-list { padding: 0 12px; }
  .profile-service-list>button { min-height: 77px; gap: 9px; padding: 8px 0; }
  .profile-service-icon { width: 57px; }
  .profile-service-copy b { font-size: 16px; }
  .profile-service-copy small { font-size: 11px; margin-top: 6px; }
  .favorite-count { font-size: 23px; }
  .profile-settings { margin-top: 15px; padding: 6px 12px; font-size: 12px; }
  .profile-settings>button { font-size: 12px; min-height: 32px; }
  .profile-privacy { font-size: 10px; margin-top: 17px; }
}
@media (max-width: 360px) {
  .profile-identity { gap: 9px; }
  .profile-identity h2 { font-size: 21px; }
  .profile-identity p { font-size: 10px; }
  .profile-avatar { width: 34px; height: 34px; }
  .profile-avatar>.art { width: 48px; }
  .profile-account-label { font-size: 9px; padding: 4px 6px; }
  .profile-record-card { padding-left: 14px; padding-right: 14px; }
  .profile-record-heading h2 { font-size: 24px; }
  .profile-record-heading .profile-record-symbol { width: 116px; top: -32px; right: -17px; }
  .profile-record-metrics { gap: 10px; }
  .profile-record-metrics>div+div { padding-left: 13px; }
  .profile-record-metrics strong { font-size: 31px; }
  .profile-record-metrics strong small { font-size: 10px; }
  .profile-service-icon { width: 47px; }
  .profile-service-copy b { font-size: 14px; }
  .profile-service-copy small { font-size: 10px; }
  .profile-service-list>button { gap: 7px; min-height: 72px; }
  .favorite-count { font-size: 20px; }
}