.tone-control{background:linear-gradient(125deg,#f2efdf,#f7f6ec);border-color:#e7e2cd;padding:13px 15px;margin-bottom:18px;gap:13px}.tone-control strong{font-size:11px;color:#817c52}.tone-control small{font-size:9px;color:#9b9877;line-height:1.9}.tone-state{font-style:normal;font-size:8px;color:#9b9b70;display:block;margin-top:6px}.tone-control i{background:#d8d7c3}.tone-control input:checked+i{background:#a5ad7a}.live-bmi{display:grid;grid-template-columns:37px 1fr auto}.live-bmi>div{min-width:0}.bmi-inline-banter{grid-column:1 / -1;border-top:1px solid #dce6cd;padding-top:11px;margin-top:1px}.bmi-inline-banter b{font-size:13px;font-weight:600;color:#747844;line-height:1.8;display:block}.bmi-inline-banter small{display:block;font-size:9px!important;line-height:1.9;letter-spacing:0!important;margin-top:4px;color:#9b9d78}.live-bmi[data-body-shape=thin] .bmi-inline-banter b{color:#8d7997}.live-bmi[data-body-shape=round] .bmi-inline-banter b{color:#9c765a}.bmi-banter{position:relative;padding:14px 0 18px;margin-top:auto;border-top:1px solid #ffffffa6}.banter-eyebrow{display:block;font-size:6px;font-weight:500;letter-spacing:1.1px;color:#98a381;margin-bottom:7px}.bmi-banter>strong{font-size:15px;line-height:1.6;font-weight:600;color:#788357;display:block;letter-spacing:-.3px}.bmi-banter>p{font-size:9px;line-height:1.9;margin-top:5px;color:#929e7c;max-width:310px}.bmi-banter>small{display:block;font-size:7px;line-height:1.9;color:#a2ab91;margin-top:9px}.bmi-banter.round>strong{color:#987559}.bmi-banter.thin>strong{color:#8c7b98}.body-card:has(.bmi-banter) .body-scene{min-height:250px}.avatar-3d[data-renderer=fallback]>.person{transform:scaleX(var(--avatar-width,1))!important;transform-origin:center bottom}.profile-form-card .tone-control{margin-bottom:20px}.onboard-form-card .tone-control{margin:1px 0 18px}.onboard-form-card .tone-control strong{font-size:10px}.onboard-form-card .tone-control small{font-size:8px}.onboard-form-card .tone-state{font-size:7px}
@media(max-width:760px){.body-card:has(.bmi-banter){grid-template-rows:32px 145px 62px auto;min-height:0;padding:14px 20px 0}.body-card:has(.bmi-banter) .body-scene{position:relative;grid-row:2 / 4;min-height:207px}.body-card:has(.bmi-banter) .body-scene .avatar-3d{height:228px;bottom:0;right:-20px}.body-card:has(.bmi-banter) .body-bottom{margin-bottom:17px;position:relative;z-index:4}.body-card:has(.bmi-banter) .body-weight{position:absolute;left:auto;right:158px;top:51px;bottom:auto;width:150px;text-align:left}.body-card:has(.bmi-banter) .body-weight>strong{font-size:32px}.body-card:has(.bmi-banter) .age-tag{left:auto;right:103px;top:20px}.body-card:has(.bmi-banter) .height-tag{top:89px;right:-5px}.body-card:has(.bmi-banter) .scene-orbit.orbit-one{top:14px;right:-11px}.body-card:has(.bmi-banter) .scene-orbit.orbit-two{top:-21px;right:-9px}.body-card:has(.bmi-banter) .scene-spark.s1{top:6px;right:13px}.body-card:has(.bmi-banter) .scene-spark.s2{bottom:60px;left:-18px}.bmi-banter{grid-column:1 / -1;grid-row:4;padding:15px 0 18px;margin:0}.banter-eyebrow{font-size:7px;letter-spacing:1px}.bmi-banter>strong{font-size:16px;line-height:1.7}.bmi-banter>p{font-size:10px;line-height:2;max-width:none}.bmi-banter>small{font-size:8px;margin-top:8px}.tone-control{padding:14px;gap:12px}.tone-control strong{font-size:12px!important}.tone-control small{font-size:10px!important}.tone-state{font-size:9px!important}.onboard-form-card .tone-control strong{font-size:11px!important}.onboard-form-card .tone-control small{font-size:9px!important}.onboard-form-card .tone-state{font-size:8px!important}.bmi-inline-banter b{font-size:14px;line-height:1.8}.bmi-inline-banter small{font-size:10px!important;line-height:2}.live-bmi{grid-template-columns:35px 1fr auto;gap:11px}.profile-form-card .live-bmi strong{font-size:25px}.profile-form-card .live-bmi em{font-size:9px}.body-card:has(.bmi-banter) .body-top .eyebrow{font-size:6px}.body-card:has(.bmi-banter) .float-tag{z-index:5}}
@media(max-width:370px){.body-card:has(.bmi-banter){padding-left:18px;padding-right:18px;grid-template-columns:1fr 128px}.body-card:has(.bmi-banter) .body-scene .avatar-3d{right:-19px;width:167px}.body-card:has(.bmi-banter) .body-weight{right:131px;width:140px}.body-card:has(.bmi-banter) .body-weight>strong{font-size:28px}.body-card:has(.bmi-banter) .age-tag{right:88px;font-size:7px}.body-card:has(.bmi-banter) .height-tag{right:-7px}.bmi-banter>strong{font-size:14px}.tone-control{padding:12px}.tone-control strong{font-size:11px!important}.tone-control small{font-size:9px!important}.live-bmi .bmi-formula{display:none}.live-bmi{grid-template-columns:35px 1fr}.banter-eyebrow{font-size:6px}.body-card:has(.bmi-banter) .body-bottom small{font-size:6px}}
