.body-entry{display:flex;align-items:center;gap:20px;padding:22px 25px;margin:0 0 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(115deg,var(--surface-2),var(--surface-2));color:var(--ink)}.body-entry-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:var(--lime);color:var(--on-accent);font-size:29px}.body-entry>div{flex:1}.body-entry h2{margin:0 0 5px;font-size:21px}.body-entry p{margin:0;font-size:14px;line-height:1.5}.body-entry button{white-space:nowrap}.body-back{margin:0 0 18px}.body-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.body-heading p{margin:0;color:var(--muted)}.body-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.body-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--surface-2)}.body-stage-header{height:62px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink)}.body-stage-header strong{font-weight:500;font-size:16px}.body-stage-header small{padding:3px 5px;border:1px solid var(--line);border-radius:4px;font-size:12px}.body-stage-actions{display:flex;gap:4px;align-items:center}.body-stage-header button{font-size:14px;padding:9px;min-height:44px}.body-stage-header button[aria-pressed=true]{background:var(--lime-soft)}.body-stage{height:550px;position:relative;background:radial-gradient(ellipse at 50% 38%,var(--surface),var(--surface-2) 70%)}.body-stage-date{position:absolute;left:24px;top:4px;z-index:2;margin:0;color:var(--ink);font-size:14px;pointer-events:none}.body-viewer{position:absolute;inset:0}.body-viewer canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.body-loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;padding:30px;color:var(--ink);background:var(--frost);pointer-events:none;font-size:15px;line-height:1.6}.body-loading button{pointer-events:auto}.body-model-caption{position:absolute;bottom:63px;left:23px;margin:0;font-size:13px;color:var(--muted);pointer-events:none}.body-camera{position:absolute;bottom:16px;left:20px;right:20px;display:flex;gap:8px;align-items:center}.body-camera button{min-height:42px;font-size:13px;padding:9px 12px;background:var(--frost);border-color:var(--line);color:var(--ink)}.body-camera [data-body-compare]{margin-left:auto}.body-camera [aria-pressed=true]{background:var(--lime);color:var(--on-accent)}.body-hotspot{position:absolute;display:flex;align-items:center;gap:7px;transform:translate(-50%,-50%);background:none;border:0;padding:9px;z-index:4;font-size:13px;color:var(--ink)}.body-hotspot[hidden]{display:none!important}.body-hotspot i{width:14px;height:14px;border:2px solid var(--glass-2);box-shadow:0 0 0 4px var(--shadow-3);background:var(--brand-soft);border-radius:50%}.body-hotspot span{border:1px solid var(--line);padding:9px;background:var(--frost);border-radius:7px}.body-hotspot[aria-pressed=true] span{background:var(--hero);color:var(--on-dark)}.body-timeline{background:var(--brand-deep);color:var(--on-dark);padding:23px 26px}.body-timeline>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px}.body-timeline strong{font-weight:500;font-size:18px}.body-timeline button{background:none;border:1px solid var(--line-2);color:inherit;border-radius:9px;padding:10px 15px;min-height:44px}.body-timeline input{accent-color:var(--lime);width:100%;margin:22px 0 12px;min-height:28px;cursor:pointer}.body-timeline label{display:block}.body-timeline-dates{display:flex;justify-content:space-between;font-size:13px;color:var(--on-dark-soft)}.body-detail .eyebrow{margin:6px 0 13px}.body-point-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.body-point-tabs button{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:9px 11px;min-height:44px;font-size:14px}.body-point-tabs [aria-pressed=true]{background:var(--tint);border-color:var(--ok-line);color:var(--ink)}.body-detail .card{padding:23px;margin-bottom:18px;border-radius:16px}.body-detail .body-measure{padding:16px 20px;margin-bottom:10px}.body-measure-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.body-measure h2{font-size:16px;margin:0;font-weight:500}.body-measure .body-number{font-size:30px;line-height:1.1;font-weight:400;letter-spacing:-1px;margin:0;color:var(--ink);white-space:nowrap}.body-number small{font-size:15px;letter-spacing:0;font-weight:400;color:var(--muted)}.body-measure>p{font-size:13px;line-height:1.6;margin:6px 0 0;color:var(--muted)}.body-measure details{font-size:13px;color:var(--muted);margin-top:6px}.body-measure summary{cursor:pointer}.body-measure.is-selected{border-color:var(--ok-line);box-shadow:0 0 0 3px var(--shadow-1)}.body-delta{display:inline-block;border-radius:5px;padding:5px 8px;background:var(--tint);color:var(--ok);font-size:14px}.body-training{background:var(--surface-2)}.body-training h3{font-size:17px;margin:0 0 17px}.body-training label,.body-settings label,.body-optin label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin:14px 0}.body-training select,.body-settings select,.body-optin select{width:100%;min-height:44px;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}.body-training .body-training-value{font-size:35px;margin:20px 0 2px;line-height:1.2;color:var(--ink)}.body-training-value small{font-size:17px}.body-training svg{width:100%;height:auto;display:block;margin:8px 0}.body-training li{font-size:14px;margin:8px 0}.body-caption{color:var(--muted);font-size:13px;line-height:1.7;margin:18px 0 25px}.body-history summary,.body-settings summary{font-size:16px;cursor:pointer;padding:5px 0}.body-history article{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.body-history article>div{flex:1}.body-history article p{font-size:13px;margin:6px 0;line-height:1.7}.body-history article button{font-size:13px;min-height:44px}.body-settings{margin:24px 0}.body-settings label{max-width:270px}.body-optin{max-width:680px;padding:40px!important;background:var(--surface-2)!important}.body-optin h2{font-size:34px;letter-spacing:-1px;margin:20px 0}.body-optin p{line-height:1.8}.body-optin form{max-width:340px;margin:25px 0}.body-optin form button{width:100%}.body-measurement-dialog{width:calc(100% - 28px);max-width:520px;max-height:calc(100dvh - 32px);border:1px solid var(--ok-line);border-radius:20px;padding:28px;color:var(--ink);background:var(--surface);overflow:auto}.body-measurement-dialog::backdrop{background:var(--scrim);backdrop-filter:blur(3px)}.body-measurement-dialog h2{font-size:24px;margin:0}.body-measurement-dialog>p{font-size:14px;line-height:1.7}.body-measurement-dialog form>label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0}.body-measurement-dialog input{min-width:0;border:1px solid var(--line);border-radius:7px;padding:10px;background:var(--surface);color:var(--ink);min-height:44px;font:inherit}.body-input{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;margin:9px 0;padding:12px 15px}.body-input label{font-size:15px}.body-input label small{color:var(--muted)}.body-input input{text-align:right;width:100%;font-size:19px}.body-input details{grid-column:1/-1;font-size:13px;color:var(--muted)}.body-input details p{line-height:1.6;margin:7px 0}.body-input summary{cursor:pointer}.body-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.body-form-error{color:var(--bad);background:var(--bad-bg);border-radius:7px;padding:12px;font-size:14px}.body-measurement-dialog button{min-height:44px}.body-workspace button:focus-visible,.body-measurement-dialog input:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
@media(max-width:900px){.body-workspace{grid-template-columns:1fr}.body-detail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.body-detail>.eyebrow,.body-point-tabs{grid-column:1/-1}.body-point-tabs{margin-bottom:0}.body-entry{padding:18px;gap:13px}.body-entry h2{font-size:19px}.body-entry-icon{display:none}.body-stage{height:550px}}
@media(max-width:540px){.body-entry{flex-wrap:wrap}.body-entry>div{flex-basis:200px}.body-entry button{font-size:14px}.body-heading{align-items:flex-start}.body-heading p{font-size:14px;max-width:170px;line-height:1.6}.body-heading button{font-size:14px;white-space:nowrap}.body-stage-header{padding:0 16px;gap:5px}.body-stage-header strong{font-size:14px}.body-stage-header button{font-size:13px}.body-stage{height:520px}.body-stage-date{left:18px}.body-camera{left:12px;right:12px;gap:5px}.body-camera button{padding:8px;font-size:12px}.body-timeline{padding:20px}.body-timeline strong{font-size:16px}.body-detail{display:block}.body-point-tabs{margin-bottom:15px}.body-optin{padding:25px!important}.body-history article{flex-wrap:wrap;gap:5px}.body-history article>div{flex-basis:100%}.body-measurement-dialog{padding:22px}.body-measurement-dialog h2{font-size:21px}}
.body-timeline .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.body-hotspot{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;line-height:1;box-sizing:border-box}.body-hotspot i{display:block;box-sizing:border-box;width:14px;height:14px}.body-hotspot span{position:absolute;top:50%;left:calc(50% + 14px);transform:translateY(-50%);white-space:nowrap;line-height:16px;font-size:12px;padding:6px;pointer-events:none}.body-hotspot[data-label-side=left] span{left:auto;right:calc(50% + 14px)}
.body-model-caption span{color:var(--muted)}.body-optin-compact{padding:28px!important;max-width:none}.body-optin-compact h2{font-size:24px;margin:12px 0}.body-optin-compact form{margin:18px 0}.body-fields{width:100%;margin:4px 0;border-top:1px solid var(--line);padding-top:12px}.body-fields summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:32px}.body-fields summary::-webkit-details-marker{display:none}.body-fields summary::before{content:'\25B8';color:var(--muted)}.body-fields[open] summary::before{content:'\25BE'}.body-fields .eyebrow{margin:0}.body-fields>.small{margin:4px 0 6px}.body-history article>div p{margin:4px 0 0}
.body-optin-compact [data-body-offer-hide]{display:block;margin:10px auto 0}.body-optin-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 18px;padding:14px 18px;border:1px dashed var(--line);border-radius:14px;color:var(--ink)}.body-optin-note span{flex:1 1 240px}.body-optin-note button{min-height:44px;white-space:nowrap}.body-settings-card .body-enable-form{display:grid;gap:12px;margin:14px 0}