:root{--bg:#fff;--soft:#f6f7f9;--line:#dfe3e8;--text:#11151b;--muted:#66707d;--accent:#3f46d8;--accent2:#5961ee;--ok:#12805c;--warn:#b36b00;--danger:#b42318;--radius:14px;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#f8f9fa}.header-inner{min-height:142px;display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:14px;color:#08090b;text-decoration:none}.brand>span:last-child{display:grid;line-height:.92;font-size:27px;letter-spacing:.3px}.brand small{font-size:15px;color:#e51c23;font-style:italic;margin-top:8px}.brand-mark{position:relative;width:112px;height:68px;overflow:hidden}.brand-mark:before{content:"";position:absolute;left:3px;top:2px;width:94px;height:94px;border:18px solid transparent;border-top-color:#ffb000;border-left-color:#11a7e8;border-right-color:#ed1c24;border-radius:50%;transform:rotate(-45deg)}.brand-mark:after{content:"";position:absolute;width:54px;height:5px;background:#111;left:48px;top:45px;transform:rotate(-34deg);transform-origin:left center}.brand-mark i{position:absolute;width:14px;height:14px;border-radius:50%;background:#111;left:43px;top:42px;z-index:2}.header-copy h1{font-size:20px;margin:0 0 8px}.header-copy p{margin:0;color:var(--muted)}.main-grid{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:54px;padding-top:44px;padding-bottom:28px}.calculator-panel,.result-panel{min-width:0}.section-kicker{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}h2{font-size:27px;letter-spacing:-.02em;margin:0 0 22px}h3{margin:0;font-size:19px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:22px}.segment{border:0;background:transparent;border-radius:7px;padding:10px 12px;font-weight:700;color:var(--muted);cursor:pointer}.segment.active{background:#171b22;color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.field{display:grid;gap:7px;font-weight:700}.field>span:first-child{font-size:14px}.field small{font-weight:500;color:var(--muted)}.input-shell{display:flex;align-items:center;border:1px solid #cfd5dc;border-radius:9px;background:#fff;overflow:hidden}.input-shell:focus-within{border-color:var(--accent)}.input-shell input{width:100%;border:0;outline:0;padding:12px 13px;font:inherit;color:var(--text);background:transparent}.input-shell em{font-style:normal;color:var(--muted);padding:0 12px;border-left:1px solid var(--line);line-height:45px}.form-actions{display:flex;align-items:center;gap:8px;margin-top:24px}.btn{border:1px solid transparent;border-radius:9px;padding:11px 16px;font:inherit;font-weight:750;cursor:pointer;background:transparent;color:var(--text)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:#343bc3}.btn.outline{border-color:var(--line);background:#fff}.btn.outline:hover{border-color:#aeb6c0}.btn.text{color:var(--accent)}.btn.danger{color:var(--danger);border-color:#f2c8c4}.btn.full{width:100%}.form-error{color:var(--danger);font-size:14px;margin:12px 0 0}.result-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.status-pill{font-size:13px;font-weight:800;border:1px solid #bfe1d4;color:var(--ok);background:#f0faf6;border-radius:999px;padding:6px 10px}.bmi-number{display:flex;align-items:baseline;gap:10px;margin-top:4px}.bmi-number strong{font-size:76px;line-height:1;letter-spacing:-.06em}.bmi-number span{color:var(--muted);font-weight:700}.result-summary{font-size:19px;margin:8px 0 28px}.scale-wrap{padding-top:24px}.scale{position:relative;height:16px;border-radius:999px;display:flex;overflow:visible}.zone{height:100%}.z1{width:9%;background:#21c7db;border-radius:999px 0 0 999px}.z2{width:14%;background:#58d990}.z3{width:28%;background:#c9dd28}.z4{width:18%;background:#f3b21a}.z5{width:31%;background:#ef4b35;border-radius:0 999px 999px 0}.marker{position:absolute;top:-20px;left:38%;width:2px;height:55px;background:#171b22;transform:translateX(-1px);transition:left .85s cubic-bezier(.2,.8,.2,1)}.marker b{position:absolute;top:52px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#171b22;color:#fff;font-style:normal;border-radius:6px;padding:3px 7px;font-size:13px}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:30px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:28px}.metrics-grid>div{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics-grid span,.progress-card span,.chart-top span{display:block;color:var(--muted);font-size:13px}.metrics-grid strong{display:block;margin-top:4px;font-size:16px}.medical-note{font-size:13px;color:var(--muted);margin:18px 0 0}.section-block{padding-top:52px;padding-bottom:22px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:560px;color:var(--muted);margin:0}.risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.risk-card{border:1px solid var(--line);border-radius:var(--radius);padding:19px}.risk-title-row{display:flex;justify-content:space-between;gap:20px;align-items:start}.risk-card h3{font-size:17px}.risk-badge{white-space:nowrap;font-size:12px;font-weight:800;padding:5px 8px;border-radius:999px;background:var(--soft)}.risk-card .risk-main{font-size:18px;font-weight:800;margin:14px 0 5px}.risk-card p{margin:0;color:var(--muted);font-size:14px}.risk-card details{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.risk-card summary{cursor:pointer;color:var(--accent);font-weight:750;font-size:14px}.evidence{padding-top:12px;font-size:13px;color:#39414b}.evidence strong{display:block;margin-bottom:4px}.measurements{padding-bottom:50px}.measurement-heading{align-items:center}.profile-actions{display:flex;gap:8px}.profile-actions select{border:1px solid var(--line);border-radius:9px;padding:10px 34px 10px 12px;background:#fff;font:inherit;font-weight:700}.demo-notice{border:1px dashed #b8bec7;background:#fafbfc;border-radius:10px;padding:10px 13px;color:var(--muted);font-size:13px;margin-bottom:14px}.progress-grid{display:grid;grid-template-columns:1fr 260px;gap:14px}.chart-card,.progress-card{border:1px solid var(--line);border-radius:var(--radius);padding:18px}.chart-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.chart-top strong{display:block;margin-top:4px}.range-switch{display:flex;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px}.range-switch button{border:0;background:transparent;border-radius:6px;padding:6px 9px;cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.range-switch button.active{background:#171b22;color:#fff}canvas{width:100%;height:300px;display:block;margin-top:15px}.progress-card{display:grid;gap:0}.progress-card>div{padding:10px 0;border-bottom:1px solid var(--line)}.progress-card strong{font-size:18px}.progress-card .btn{align-self:end;margin-top:12px}.history-head{display:flex;justify-content:space-between;align-items:center;margin-top:34px;margin-bottom:10px}.history-head span{color:var(--muted);font-size:13px}.history-list{border-top:1px solid var(--line)}.history-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:13px 4px}.history-row span{color:var(--muted);font-size:13px}.history-row strong{font-size:15px}.row-edit{border:0;background:transparent;color:var(--accent);font-weight:750;cursor:pointer}.history-empty{padding:28px 0;color:var(--muted)}.data-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.data-actions p{margin:5px 0 0;color:var(--muted)}.data-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.file-button input{display:none}.format-copy{max-width:900px;color:#3f4650}.format-copy code{background:var(--soft);padding:2px 6px;border-radius:5px}.info-block p{max-width:900px;color:#3f4650}.site-footer{margin-top:58px;border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13px}.modal{border:1px solid var(--line);border-radius:14px;padding:0;width:min(480px,calc(100% - 28px));color:var(--text)}.modal::backdrop{background:rgba(15,18,22,.38)}.modal form{padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.icon-btn{border:0;background:transparent;font-size:26px;cursor:pointer;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-actions.split{display:grid;grid-template-columns:auto 1fr auto auto}.import-preview{background:var(--soft);border-radius:10px;padding:14px;font-size:14px}.import-preview strong{display:block;font-size:17px;margin-bottom:6px}@media(max-width:900px){.header-inner{min-height:120px;gap:20px}.brand-mark{transform:scale(.8);transform-origin:left center;width:92px}.brand>span:last-child{font-size:22px}.main-grid{grid-template-columns:1fr;gap:36px}.risk-grid{grid-template-columns:1fr}.progress-grid{grid-template-columns:1fr}.progress-card{grid-template-columns:repeat(2,1fr);gap:0 18px}.progress-card .btn{grid-column:1/-1}.section-heading,.data-actions{align-items:start;flex-direction:column}.data-buttons{justify-content:flex-start}}@media(max-width:620px){.container{width:min(100% - 24px,var(--max))}.site-header{background:#fff}.header-inner{min-height:auto;padding:18px 0;align-items:flex-start}.header-copy{display:none}.brand-mark{width:72px;height:58px;transform:scale(.68);margin-right:-10px}.main-grid{padding-top:28px}.form-grid{grid-template-columns:1fr 1fr;gap:13px 10px}.bmi-number strong{font-size:62px}.metrics-grid{grid-template-columns:1fr}.section-block{padding-top:40px}.measurement-heading{gap:16px}.profile-actions{width:100%}.profile-actions select{flex:1;min-width:0}.chart-top{flex-direction:column}.range-switch{width:100%}.range-switch button{flex:1}.progress-card{grid-template-columns:1fr 1fr}.history-row{grid-template-columns:1fr 1fr auto}.history-row .history-bmi{display:none}.data-buttons{width:100%}.data-buttons .btn{width:100%;text-align:center}.modal-actions.split{grid-template-columns:1fr 1fr}.modal-actions.split span{display:none}.modal-actions.split .danger{grid-column:1/-1}.about-format{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marker{transition:none!important}}

/* v3.1 — пользовательский логотип, профиль и состояние сохранения */
.brand-logo{display:block;flex:0 0 auto}.brand-logo img{display:block;width:min(350px,32vw);height:auto}.calc-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.calc-title-row h2{margin-bottom:3px}.active-profile-label{font-size:13px;color:var(--muted);max-width:290px}.btn.compact{padding:8px 11px;white-space:nowrap;font-size:13px}.save-result-wrap{position:relative}.btn.save-result{background:#fff;color:#a7adb5;border-color:#e3e6ea;cursor:default;transition:border-color .18s ease,color .18s ease,background .18s ease}.btn.save-result.is-inactive:hover{background:#fff;border-color:#d6dae0;color:#9aa1aa}.save-result-wrap:not(.is-active):hover:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:max-content;max-width:230px;padding:7px 9px;border:1px solid #dfe3e8;border-radius:7px;background:#fff;color:#4c5561;font-size:12px;font-weight:600;line-height:1.3;text-align:center;z-index:20}.save-result-wrap:not(.is-active):hover:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);width:8px;height:8px;background:#fff;border-right:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8;transform:translateX(-50%) rotate(45deg);z-index:21}.save-result-wrap.is-active .btn.save-result{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}.save-result-wrap.is-active .btn.save-result:hover{background:#343bc3}.history-empty:empty{min-height:24px}.demo-notice{display:none!important}
@media(max-width:900px){.brand-logo img{width:min(350px,50vw)}}
@media(max-width:620px){.brand-logo img{width:min(300px,74vw)}.calc-title-row{flex-direction:column;align-items:stretch}.btn.compact{align-self:flex-start}.save-result-wrap:not(.is-active):hover:after{left:0;transform:none}.save-result-wrap:not(.is-active):hover:before{left:26px}}

/* v3.2 — профили, рекомендации, научные карточки */
.field-wide{grid-column:1/-1}.select-shell select{width:100%;border:0;outline:0;background:#fff;padding:12px 13px;font:inherit;color:var(--text)}
.calorie-metric{grid-column:1/-1}.calorie-metric small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45;font-weight:500}
.active-profile-label{font-size:17px;line-height:1.45;max-width:470px}.profile-name-link,.profile-inline-link{border:0;padding:0;background:transparent;color:var(--accent);font:inherit;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.calc-save-row{display:flex;align-items:center;gap:10px;margin-top:12px}.calc-save-row[hidden]{display:none!important}.calc-save-row .save-result{min-width:240px}.profile-inline-link{font-size:13px}
@keyframes namePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes hintBlink{0%,100%{opacity:1}50%{opacity:.2}}.name-attention{animation:namePulse .62s ease-in-out 3}.hint-attention{animation:hintBlink .55s ease-in-out 6;color:var(--accent);font-weight:700}
.risk-highlight{display:inline-block;padding:4px 8px;border-radius:6px}.risk-high .risk-highlight{background:#fde8e6;color:#9f2118}.risk-low .risk-highlight{background:#e8f6ef;color:#0c6e4d}.risk-high{border-color:#efcbc7}.risk-low{border-color:#c8e8da}.evidence p{margin:8px 0;color:#39414b}.evidence-meta{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:#39414b}.evidence-meta b{display:block;margin-bottom:5px;color:var(--text)}.rr-note{font-size:12px;color:var(--muted)!important}
.modal-inner{padding:20px}.modal-note{margin:-6px 0 16px;color:var(--muted);font-size:14px}.profile-manager-list{display:grid;gap:8px}.profile-manager-row{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px}.profile-manager-row.is-active{border-color:#aeb4ff;background:#f7f7ff}.profile-manager-select{border:0;background:transparent;text-align:left;padding:8px;cursor:pointer}.profile-manager-select strong,.profile-manager-select span{display:block}.profile-manager-select span{font-size:12px;color:var(--muted);margin-top:2px}.profile-manager-delete{border:0;background:transparent;color:var(--danger);font-weight:700;cursor:pointer;padding:8px}.profile-manager-empty{padding:24px 4px;color:var(--muted)}
@media(max-width:620px){.calc-save-row{align-items:flex-start;flex-direction:column}.calc-save-row .save-result{width:100%;min-width:0}.field-wide{grid-column:1/-1}}

/* v3.3 profile/save refinements */
.calc-title-row{align-items:center;margin-bottom:6px}
.calc-title-row h2{margin:0}
.active-profile-label{max-width:none;width:100%;margin:0 0 22px;font-size:16px;line-height:1.5;color:var(--muted)}
.active-profile-label.has-profile{font-size:18px;color:var(--text)}
.profile-name-link,.add-name-inline-link{border:0;padding:0;background:transparent;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.profile-name-link{color:var(--accent);font-weight:800}
.add-name-inline-link{color:inherit;font-weight:inherit}
.hint-attention{animation:hintBlink .55s ease-in-out 6!important;color:inherit!important;font-weight:inherit!important}
.calc-save-row{display:block;margin-top:12px}
.calc-save-row .save-result{width:100%;min-width:0;background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}
.calc-save-row .save-result:hover{background:#343bc3}
.calc-save-row .save-result.is-inactive{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}
@media(max-width:620px){.calc-title-row{flex-direction:row;align-items:center}.calc-title-row .btn.compact{align-self:auto}.active-profile-label{font-size:15px}.active-profile-label.has-profile{font-size:17px}}

/* v3.4 result pulse, save feedback and compact file buttons */
button,.btn,.segment,.range-switch button,.row-edit,.profile-name-link,.add-name-inline-link,.profile-manager-select,.profile-manager-delete,.icon-btn{transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease,filter .16s ease;transform:none!important}
button:active,.btn:active,.segment:active,.range-switch button:active,.row-edit:active,.profile-name-link:active,.add-name-inline-link:active,.profile-manager-select:active,.profile-manager-delete:active,.icon-btn:active{filter:brightness(.88);transform:none!important}
.result-panel{--result-soft:#e8f6ef;--result-strong:#0c6e4d;--result-flash:#c9dd28}
.result-summary{display:inline-block;width:auto;padding:7px 11px;border-radius:10px;background:var(--result-soft);color:var(--result-strong);font-weight:700;transition:background-color .25s ease,color .25s ease}
@keyframes bmiBgPulse{0%,100%{background-color:transparent}45%{background-color:var(--result-soft)}}
@keyframes textPulse{0%,100%{opacity:1}45%{opacity:.32}}
@keyframes metricPulse{0%,100%{background-color:transparent}45%{background-color:var(--result-soft)}}
@keyframes scalePulse{0%,100%{height:16px}45%{height:22px}}
.result-panel.result-pulse .bmi-number{animation:bmiBgPulse .72s ease 1;border-radius:12px;padding-left:8px;margin-left:-8px}
.result-panel.result-pulse .result-summary{animation:textPulse .72s ease 1}
.result-panel.result-pulse .metrics-grid>div{animation:metricPulse .72s ease 1}
.result-panel.result-pulse .scale{animation:scalePulse .72s ease 1}
.btn.save-muted,.calc-save-row .save-result.save-muted,.save-result-wrap.is-active .btn.save-result.save-muted{background:#eef0f2!important;border-color:#dfe3e7!important;color:#6f7781!important;cursor:pointer}
.btn.save-muted:hover,.calc-save-row .save-result.save-muted:hover,.save-result-wrap.is-active .btn.save-result.save-muted:hover{background:#e5e8eb!important;border-color:#d6dade!important;color:#555d67!important}
.file-compact{padding:7px 10px!important;font-size:12.5px!important;font-weight:500!important;border-radius:8px!important}
.data-buttons .file-compact{width:auto!important}
@media(max-width:620px){.data-buttons .file-compact{width:auto!important;flex:0 1 auto}.data-buttons{gap:6px}}


/* v3.5 — надежная анимация результата и последовательные показатели */
.bmi-number{padding-left:0!important;margin-left:0!important;background:transparent!important}
.bmi-number strong{transition:color .18s ease}
.result-summary{background:#c9dd28;color:#11151b;font-weight:700;border-radius:10px;padding:7px 11px;transition:background-color .22s ease,color .22s ease}
.status-pill{border-width:1px;background:#c9dd28;color:#11151b;font-weight:800;transition:background-color .22s ease,color .22s ease,border-color .22s ease}
.scale{height:16px!important;isolation:isolate}
.scale .zone{position:relative;z-index:1}
.scale-sheen{position:absolute;z-index:2;left:0;top:0;width:42%;height:100%;border-radius:999px;pointer-events:none;opacity:0;transform:translateX(-150%);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.22) 25%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.22) 75%,rgba(255,255,255,0) 100%);mix-blend-mode:screen;clip-path:inset(0 round 999px)}
.marker{z-index:3}
.marker b{transform-origin:center center;will-change:transform}
.metrics-grid>div{background:transparent!important;will-change:opacity}
.result-panel.result-pulse .bmi-number,.result-panel.result-pulse .result-summary,.result-panel.result-pulse .metrics-grid>div,.result-panel.result-pulse .scale{animation:none!important}

/* v3.6 — профили, график зон ИМТ, периоды и единый стиль файловых действий */
.medical-note-spoiler{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;font-size:13px;color:var(--muted)}
.medical-note-spoiler summary{cursor:pointer;color:var(--accent);font-weight:650;list-style-position:inside}
.medical-note-spoiler p{margin:9px 0 0;max-width:760px}

.progress-metric small{display:block;margin-top:5px;font-size:12px;line-height:1.35;color:var(--muted);font-weight:500}
.metric-link{display:inline-block;margin-top:6px;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.date-range-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.measurement-heading{align-items:center}
.profile-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.compact-action{padding:8px 10px!important;font-size:12.5px!important;font-weight:500!important;white-space:nowrap}
.profile-picker{position:relative;min-width:190px}
.profile-picker-button{width:100%;min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;cursor:pointer;color:var(--text)}
.profile-picker-button>span{font-size:11px;color:var(--muted);font-weight:500}
.profile-picker-button>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}
.profile-picker-button>i{font-style:normal;color:var(--muted);font-size:15px}
.profile-picker-button[aria-expanded="true"]{border-color:#aeb4ff;background:#fbfbff}
.profile-picker-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:50;width:min(290px,80vw);padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff}
.profile-picker-menu[hidden]{display:none!important}
.profile-picker-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;border-radius:7px;padding:9px 10px;background:transparent;text-align:left;cursor:pointer;color:var(--text)}
.profile-picker-item:hover,.profile-picker-item.is-active{background:#f4f5f8}
.profile-picker-item span{font-weight:650}
.profile-picker-item small{font-size:11px;color:var(--muted);white-space:nowrap}
.profile-picker-empty{padding:10px;color:var(--muted);font-size:12px}
.profile-picker-manage{width:100%;margin-top:4px;padding:9px 10px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer}
.modal-subaction{margin-top:11px}
.profile-dialog-manager-link{padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.chart-card canvas{height:330px;margin-top:12px;border-radius:10px;background:#fff}

/* одинаковые компактные кнопки резервного копирования */
.data-buttons{align-items:stretch}
.data-buttons .btn,.data-buttons .file-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 10px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;color:#3d4651!important;font-size:12px!important;line-height:1.1!important;font-weight:500!important;white-space:nowrap!important;vertical-align:middle!important;cursor:pointer!important}
.data-buttons .btn:hover,.data-buttons .file-button:hover{background:#f6f7f9!important;border-color:#bfc6ce!important;color:#20262d!important}
.data-buttons #deleteAllDataButton{color:#9f2118!important;border-color:#e8c9c6!important}
.data-buttons .file-button input{display:none!important}

@media(max-width:760px){
  .measurement-heading{align-items:flex-start}
  .profile-actions{width:100%;justify-content:flex-start}
  .profile-picker{flex:1 1 100%;min-width:0}
  .profile-picker-menu{left:0;right:auto;width:100%}
  .date-range-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .profile-actions{display:grid;grid-template-columns:1fr 1fr}
  .profile-picker{grid-column:1/-1}
  .compact-action{width:100%}
  .data-buttons{display:flex!important;flex-wrap:wrap!important}
  .data-buttons .btn,.data-buttons .file-button{width:auto!important;flex:0 1 auto!important}
}


/* v3.7 — точные цветовые зоны шкалы, простой верхний статус */
.scale .z1{width:7.1429%;background:#35c7ff;border-radius:999px 0 0 999px}
.scale .z2{width:8.9286%;background:#63d8c6;border-radius:0}
.scale .z3{width:23.2143%;background:#5dcc78;border-radius:0}
.scale .z4{width:17.8571%;background:#f3c84b;border-radius:0}
.scale .z5{width:17.8571%;background:#f29a38;border-radius:0}
.scale .z6{width:17.8571%;background:#eb6548;border-radius:0}
.scale .z7{width:7.1428%;background:#d93c3c;border-radius:0 999px 999px 0}
.status-pill{background:transparent!important;border-color:transparent!important;color:var(--muted)!important;padding:6px 0!important;border-radius:0!important;font-weight:650!important}

/* v3.7 — пульсирующая сегодняшняя точка на графике */
.chart-card{position:relative}
.chart-today-pulse{position:absolute;z-index:5;width:12px;height:12px;border-radius:50%;background:var(--today-color,#3f46d8);border:3px solid #fff;transform:translate(-50%,-50%);pointer-events:none}
.chart-today-pulse::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border:2px solid var(--today-color,#3f46d8);border-radius:50%;transform:translate(-50%,-50%) scale(1);opacity:.7;animation:todayPointPulse 1.45s ease-out infinite}
@keyframes todayPointPulse{0%{transform:translate(-50%,-50%) scale(.7);opacity:.75}70%,100%{transform:translate(-50%,-50%) scale(2.7);opacity:0}}
@media(prefers-reduced-motion:reduce){.chart-today-pulse::after{animation:none;opacity:.35;transform:translate(-50%,-50%) scale(1.7)}}



/* v3.8 — подпись активного профиля у сегодняшней точки */
.chart-today-label{position:absolute;left:50%;bottom:19px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:7px;background:#11151b;color:#fff;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none}
.chart-today-label::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #11151b}
.chart-today-label.is-left{left:auto;right:7px;transform:none}
.chart-today-label.is-left::after{left:auto;right:7px;transform:none}
.chart-today-label.is-right{left:7px;transform:none}
.chart-today-label.is-right::after{left:7px;transform:none}
@media(max-width:620px){.chart-today-label{font-size:11px;padding:3px 7px;max-width:120px;overflow:hidden;text-overflow:ellipsis}}

/* v4.0 — сводка рисков, периоды, сворачиваемые блоки, профили и история */
.segment{background:#fff;color:var(--muted);border:1px solid transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.segment.active{background:#fff;color:#11151b;border-color:#11151b}
.segment:hover{background:#f8f9fa}

.medical-note-spoiler{color:#9aa1aa;border-top:0;padding-top:0;margin-top:15px}
.medical-note-spoiler summary{list-style:none;color:#a0a6ae;font-weight:400;font-size:12px;cursor:pointer;display:inline-block}
.medical-note-spoiler summary::-webkit-details-marker{display:none}
.medical-note-spoiler summary::marker{content:""}
.medical-note-spoiler p{color:#7f8790;margin-top:9px}

.last-saved-line{margin-top:9px;color:#969da6;font-size:12px;font-weight:400;min-height:18px}
.last-saved-line.secondary{margin-top:8px;line-height:1.35}

.metric-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.metric-title-row>span{margin:0!important}
.period-picker{position:relative;display:inline-block}
.period-picker-button{margin:0!important;text-decoration:none!important;white-space:nowrap}
.period-picker-button i{font-style:normal;font-size:11px;margin-left:2px}
.period-picker-menu{position:absolute;z-index:80;right:0;top:calc(100% + 5px);min-width:148px;padding:5px;border:1px solid var(--line);border-radius:9px;background:#fff}
.period-picker-menu[hidden]{display:none!important}
.period-picker-menu button{display:block;width:100%;padding:8px 9px;border:0;border-radius:6px;background:transparent;color:#313943;text-align:left;font:inherit;font-size:12px;font-weight:400;cursor:pointer}
.period-picker-menu button:hover{background:#f4f5f7}

.risk-summary-metric{grid-column:auto}
.risk-summary-title .metric-link{margin-top:0}
.mini-risk-list{display:grid;gap:7px;margin-top:10px}
.mini-risk-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mini-risk-list>div>span{font-size:12px;color:#59616b}
.risk-level{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:3px 7px;border-radius:6px;font-size:11.5px;font-style:normal;font-weight:400;line-height:1.25;text-align:center}
.risk-low{background:#baf17c;color:#11151b}
.risk-mid{background:#ffd75b;color:#11151b}
.risk-high{background:#d93c3c;color:#fff}
.risk-neutral{background:#eceff2;color:#414954}

.risk-card .risk-main{font-weight:400}
.risk-badge{font-weight:400;color:#69717b;background:#f3f4f6}
.risk-card .risk-highlight{display:inline-flex;width:auto;max-width:100%;padding:5px 8px;border-radius:7px;font-size:15px;line-height:1.25}
.risk-card.risk-low .risk-highlight{background:#baf17c;color:#11151b}
.risk-card.risk-mid .risk-highlight{background:#ffd75b;color:#11151b}
.risk-card.risk-high .risk-highlight{background:#d93c3c;color:#fff}

.collapsible-heading{align-items:center}
.section-toggle{border:0;background:transparent;color:#858d96;font:inherit;font-size:12px;font-weight:400;cursor:pointer;padding:5px 0}
.section-toggle:hover{color:#4c5560}
#risksBody[hidden]{display:none!important}

.date-range-note{margin-top:24px!important}

.chart-card canvas{cursor:default}
.chart-card canvas.is-point-hover{cursor:pointer}

.measurement-heading .profile-actions{max-width:100%}
#moveMeasurementsButton{color:#59616b}

/* Файловые кнопки — один компактный стиль */
.data-buttons .btn,.data-buttons .file-button{font-weight:400!important;line-height:1.2!important}

@media(max-width:900px){
  .risk-summary-metric{grid-column:1/-1}
}
@media(max-width:620px){
  .metric-title-row{align-items:flex-start}
  .mini-risk-list>div{align-items:flex-start;flex-direction:column;gap:3px}
  .period-picker-menu{left:0;right:auto}
}

/* v4.1 — статусы, иконки, график и аккуратные управляющие элементы */

/* Карточки научных данных всегда нейтральные: цвет — только у статуса */
.risk-card,
.risk-card.risk-low,
.risk-card.risk-mid,
.risk-card.risk-high{
  background:#fff!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
.risk-card .risk-main{
  margin:14px 0 7px;
  font-size:18px;
  font-weight:400!important;
}
.risk-card .risk-highlight{background:transparent!important;color:inherit!important;padding:0!important}
.risk-level{
  gap:5px;
  font-weight:400!important;
}
.risk-level img{
  width:13px;
  height:13px;
  flex:0 0 13px;
  object-fit:contain;
}
.risk-card .risk-level{font-size:14px;padding:5px 8px}
.risk-badge{font-weight:400!important}

/* Подложка статуса под большой цифрой ИМТ */
.result-summary{
  font-weight:650;
}

/* Верхняя строка последнего сохранения */
.last-saved-line{
  margin-top:24px!important;
  min-height:19px;
  text-align:center;
  color:#9299a2;
  font-size:12px;
  line-height:1.4;
}
.last-saved-line.secondary{
  margin-top:18px!important;
  text-align:center;
}

/* Имя профиля — обычное начертание */
.profile-name-link{
  font-weight:400!important;
}
.active-profile-label.has-profile .profile-name-link{
  font-weight:400!important;
}

/* Переключатель пола: белый, активный вариант только с 1px обводкой */
.segmented{background:#fff}
.segment,
.segment.active{
  background:#fff!important;
  color:#11151b!important;
  border:1px solid transparent!important;
}
.segment.active{
  border-color:#b8bec6!important;
}
.segment:hover{background:#f7f8f9!important}

/* Кнопка сворачивания научных данных — настоящая компактная кнопка */
.section-toggle{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  padding:6px 10px!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#59616b!important;
  font-size:12px!important;
  font-weight:400!important;
}
.section-toggle:hover{background:#f6f7f9!important;border-color:#bfc6ce!important}
.section-toggle img,
.icon-text-btn img,
.inline-arrow,
.picker-arrow,
.button-status-icon,
.row-edit img{
  width:14px;
  height:14px;
  flex:0 0 14px;
  object-fit:contain;
}
.icon-text-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.inline-arrow{display:inline-block;vertical-align:-2px;margin-left:3px}
.picker-arrow{opacity:.65}
.button-status-icon{width:15px;height:15px}

/* Крестики в попапах из icon_searchClear.svg */
.icon-btn{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
}
.icon-btn img{width:17px;height:17px;display:block}
.icon-btn:hover{background:#f3f4f6}

/* Редактирование измерения */
.row-edit{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.row-edit img{width:13px;height:13px}
.row-edit span{color:inherit!important;font-size:inherit!important}

/* Точки графика крупнее рисуются canvas; курсор показывает интерактивность */
.chart-card canvas.is-point-hover{cursor:pointer}

/* Плашка имени у сегодняшней точки: стрелочка вплотную к точке */
.chart-today-label{
  bottom:12px!important;
}
.chart-today-label::after{
  bottom:-6px!important;
  border-left-width:6px!important;
  border-right-width:6px!important;
  border-top-width:6px!important;
}

/* Мягкое перемещение секций при смене порядка */
#measurementsSection,
#risksSection{
  will-change:transform,opacity;
}

/* Кнопки файлов и удаление с иконками */
.data-buttons .icon-text-btn img{width:14px;height:14px}

@media(max-width:620px){
  .last-saved-line{margin-top:20px!important}
  .section-toggle{width:auto!important}
}


/* v4.2 — исправления краткой сводки рисков */
.mini-risk-list > div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:8px!important;
}
.mini-risk-list > div > span{
  min-width:0;
}
.risk-level{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap;
}
.risk-level img{
  display:block;
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  margin:0!important;
}
.risk-level > span{
  display:block;
  min-width:0;
  white-space:nowrap;
}
.risk-level.risk-high,
.risk-level.risk-high > span{
  color:#fff!important;
}

/* В блоке рисков кнопка скрытия без стрелки */
#risksToggleButton img{
  display:none!important;
}

@media(max-width:620px){
  .mini-risk-list > div{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
  }
  .risk-level{
    max-width:none;
  }
}

/* v4.3 — сохраняем оригинальный цвет SVG-иконок рисков */
.risk-level img{filter:none!important;}
.risk-level.risk-high img{filter:none!important;}

/* v4.4 — изменённые данные: фиолетовая «дышащая» кнопка сохранения */
@keyframes saveNeedsUpdateBreath {
  0%, 100% {
    background-color: #6d35d8;
    border-color: #6d35d8;
    box-shadow: 0 0 0 0 rgba(109, 53, 216, 0);
  }
  50% {
    background-color: #8750e6;
    border-color: #8750e6;
    box-shadow: 0 0 0 5px rgba(109, 53, 216, .10);
  }
}

.calc-save-row .save-result.save-needs-update,
.save-result-wrap.is-active .btn.save-result.save-needs-update,
.btn.save-needs-update {
  background: #6d35d8 !important;
  border-color: #6d35d8 !important;
  color: #fff !important;
  animation: saveNeedsUpdateBreath 1.8s ease-in-out infinite;
}

.calc-save-row .save-result.save-needs-update:hover,
.save-result-wrap.is-active .btn.save-result.save-needs-update:hover,
.btn.save-needs-update:hover {
  background: #5f2dc5 !important;
  border-color: #5f2dc5 !important;
  color: #fff !important;
}

.calc-save-row .save-result.save-needs-update:active,
.save-result-wrap.is-active .btn.save-result.save-needs-update:active,
.btn.save-needs-update:active {
  animation-play-state: paused;
  background: #5225b0 !important;
  border-color: #5225b0 !important;
}

@media (prefers-reduced-motion: reduce) {
  .calc-save-row .save-result.save-needs-update,
  .save-result-wrap.is-active .btn.save-result.save-needs-update,
  .btn.save-needs-update {
    animation: none !important;
  }
}

/* v4.7 — точное совпадение canvas и hit-area */
.chart-card{position:relative}
.chart-card canvas{height:360px}

.chart-last-marker{position:absolute;z-index:4;width:14px;height:14px;border-radius:50%;background:var(--point-color,#3f46d8);border:3px solid #fff;transform:translate(-50%,-50%);pointer-events:none}
.chart-last-label{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:7px;background:#11151b;color:#fff;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}
.chart-last-label::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #11151b}
.chart-last-label.is-left{left:auto;right:7px;transform:none}.chart-last-label.is-left::after{left:auto;right:7px;transform:none}.chart-last-label.is-right{left:7px;transform:none}.chart-last-label.is-right::after{left:7px;transform:none}

.chart-hover-tooltip{position:absolute;z-index:9;min-width:190px;max-width:280px;padding:9px 11px;border-radius:9px;background:#11151b;color:#fff;transform:translate(-50%,calc(-100% - 16px));pointer-events:none;line-height:1.3}
.chart-hover-tooltip strong{display:block;font-size:13px;font-weight:600;color:#fff}.chart-hover-tooltip strong span{font-weight:400;color:#d8dce2}.chart-hover-tooltip small{display:block;margin-top:4px;font-size:12px;color:#c5cad1}
.chart-hover-tooltip::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #11151b}
.chart-hover-tooltip.is-left{transform:translate(-90%,calc(-100% - 16px))}.chart-hover-tooltip.is-left::after{left:90%}.chart-hover-tooltip.is-right{transform:translate(-10%,calc(-100% - 16px))}.chart-hover-tooltip.is-right::after{left:10%}

@media(max-width:620px){.chart-card canvas{height:360px}.chart-hover-tooltip{min-width:170px;max-width:230px}}


/* v4.8 */
.history-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.add-measurement-note{margin:0 0 18px;color:var(--muted)}
.last-measurement-date{margin:7px 0 16px;color:var(--muted);font-size:13px}
.inline-date-link{border:0;background:transparent;padding:0;color:var(--accent);font:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.add-measurement-weight{margin-top:4px}
.add-measurement-error{margin-top:12px}

/* Стрелка плашки последней точки соединена с самой плашкой без визуального зазора. */
.chart-last-label::after{bottom:-4px!important;border-top-width:6px!important}
.chart-last-label{bottom:19px!important}

@media(max-width:620px){
  .history-head{align-items:flex-start;gap:10px}
  .history-head-actions{justify-content:flex-end}
  .history-head-actions .btn{padding:7px 9px;font-size:12px}
}

/* v4.9 — спрайты тел. Карта задана вручную, позиции НЕ пересчитывать. */
.sp{
  width:220px;
  height:512px;
  background:url("img/body-sprites.webp") no-repeat;
  background-size:1536px 1024px;
  background-position:var(--x) var(--y);
  transform-origin:top left;
  will-change:transform;
}
.sp.m1{--x:4.5px;--y:0}
.sp.m2{--x:-197.5px;--y:0}
.sp.m3{--x:-408.5px;--y:0}
.sp.m4{--x:-638px;--y:0}
.sp.m5{--x:-866px;--y:0}
.sp.m6{--x:-1083px;--y:0}
.sp.m7{--x:-1306px;--y:0}
.sp.f1{--x:7px;--y:-512px}
.sp.f2{--x:-196px;--y:-512px}
.sp.f3{--x:-409.5px;--y:-512px}
.sp.f4{--x:-632.5px;--y:-512px}
.sp.f5{--x:-855.5px;--y:-512px}
.sp.f6{--x:-1075px;--y:-512px}
.sp.f7{--x:-1302px;--y:-512px}

/* Большой персонаж справа от ИМТ. Слот фиксированный — цифры ИМТ не двигают тело. */
.result-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 118px;
  align-items:end;
  gap:22px;
  min-height:258px;
  margin-top:2px;
}
.result-hero-copy{min-width:0;align-self:center}
.result-body-stage{
  position:relative;
  width:110px;
  height:256px;
  overflow:visible;
  justify-self:end;
  align-self:end;
}
.body-hero{scale:.5}
.result-hero .bmi-number{margin-top:0}
.result-hero .result-summary{margin-bottom:10px;width:max-content;max-width:100%}

/* Миниатюра в «Ориентир» */
.metric-with-body{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:82px;
}
.body-mini-frame{
  position:relative;
  flex:0 0 34px;
  width:34px;
  height:78px;
  overflow:hidden;
}
.body-mini{scale:.152}

/* До / после в изменении веса */
.weight-change-visual{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--line);
}
.change-person{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
}
.change-person small{
  margin:0!important;
  font-size:10.5px!important;
  text-align:center;
  white-space:nowrap;
}
.body-change-frame{
  width:40px;
  height:92px;
  overflow:hidden;
}
.body-change{scale:.18}
.change-arrow{
  align-self:center;
  margin-bottom:36px;
  color:#9198a1;
  font-size:20px;
  line-height:1;
}

/* Прогноз */
.forecast-block{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.forecast-heading{
  display:flex;
  align-items:baseline;
  gap:9px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.forecast-heading>strong{
  margin:0!important;
  font-size:18px!important;
}
.forecast-heading>small{
  margin:0!important;
  color:#9299a2!important;
  font-size:11px!important;
}
.forecast-scenarios{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.forecast-scenario{
  min-width:0;
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  font:inherit;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.forecast-scenario:hover{background:#f7f8fa;border-color:#bbc2ca}
.forecast-scenario.active{border-color:#6d35d8;background:#f6f1ff}
.forecast-scenario span{font-size:11px!important;color:#59616b!important;line-height:1.25}
.forecast-scenario strong{font-size:14px!important;margin:0!important}
.forecast-scenario small{font-size:10.5px!important;margin:0!important;color:#838b95!important}
.forecast-selected{
  margin-top:11px;
  color:#59616b;
  font-size:12px;
}
.forecast-selected strong{display:inline!important;font-size:inherit!important;margin:0!important;color:#11151b}
.forecast-bodies{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
  padding:12px 8px 5px;
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
}
.forecast-person{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.forecast-body-frame{
  width:53px;
  height:123px;
  overflow:hidden;
  margin-bottom:5px;
}
.forecast-body{scale:.24}
.forecast-person strong{
  margin:0!important;
  font-size:11px!important;
  line-height:1.25;
}
.forecast-person small{
  margin:2px 0 0!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  color:#7b838d!important;
}
.forecast-person.is-goal strong{color:#12805c}
.forecast-empty{
  grid-column:1/-1;
  padding:14px;
  color:#747c86;
  text-align:center;
  font-size:12px;
}
.faster-details{
  margin-top:12px;
  padding-top:4px;
}
.faster-details summary{
  width:max-content;
  color:#6d35d8;
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  list-style:none;
}
.faster-details summary::-webkit-details-marker{display:none}
.faster-copy{
  margin-top:10px;
  padding:12px 13px;
  border:1px solid #ddd4f2;
  border-radius:9px;
  background:#fbf9ff;
}
.faster-copy p{
  margin:0 0 8px;
  color:#454c56;
  font-size:12px;
  line-height:1.5;
}
.faster-copy p:last-of-type{margin-bottom:7px}
.faster-copy strong{display:inline!important;margin:0!important;font-size:inherit!important}
.faster-copy small{margin:0!important;color:#7a828c!important;font-size:10.5px!important;line-height:1.45!important}
.forecast-note{
  display:block;
  margin-top:9px!important;
  color:#9299a2!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

@media(max-width:900px){
  .forecast-scenarios{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .result-hero{grid-template-columns:minmax(0,1fr) 84px;gap:8px;min-height:196px}
  .result-body-stage{width:77px;height:179px}
  .body-hero{scale:.35}
  .result-hero .result-summary{font-size:15px}
  .forecast-bodies{grid-template-columns:repeat(4,minmax(72px,1fr));overflow-x:auto;justify-content:start}
  .forecast-scenarios{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){
  .sp{will-change:auto}
}

/* v5.0 — прогноз, пружинное превращение и SEO-блок */
.body-hero,
.body-mini,
.body-change,
.forecast-body{
  backface-visibility:hidden;
}

.forecast-scenario .maintenance-calories{
  display:block!important;
  margin-top:4px!important;
  font-size:17px!important;
  line-height:1.15!important;
  color:#11151b!important;
}

.forecast-loss{
  margin:2px 0 3px;
  font-size:17px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.02em;
  color:#11151b;
}

.forecast-person.is-goal .forecast-loss{
  color:#12805c;
}

.forecast-person-maintenance{
  grid-column:1/-1;
  justify-self:center;
  min-width:150px;
}

.forecast-maintenance-message{
  grid-column:1/-1;
  margin:2px auto 8px;
  color:#12805c;
  font-size:13px;
  font-weight:700;
  text-align:center;
}

.faster-visual{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:18px;
  margin:2px 0 14px;
  padding-bottom:11px;
  border-bottom:1px solid #e7e0f5;
}

.faster-visual .forecast-person{
  min-width:92px;
}

.faster-arrow{
  align-self:center;
  margin-top:36px;
  color:#8d839f;
  font-size:22px;
  line-height:1;
}

.seo-content{
  padding-bottom:18px;
}

.seo-copy-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 42px;
  max-width:1120px;
}

.seo-copy-grid h3{
  margin:0 0 9px;
  font-size:17px;
}

.seo-copy-grid p{
  margin:0 0 10px;
  color:#4a525c;
  font-size:14px;
  line-height:1.68;
}

.seo-copy-grid code{
  padding:1px 5px;
  border-radius:5px;
  background:#f3f4f6;
}

@media(max-width:700px){
  .seo-copy-grid{grid-template-columns:1fr;gap:20px}
  .faster-visual{gap:10px}
  .forecast-loss{font-size:16px}
}


/* v5.2 — прогнозы и научная база */
.science-basis summary{max-width:100%;}
.science-basis-copy{margin-top:10px;max-width:940px;color:#707883;}
.science-basis-copy p{margin:0 0 11px!important;max-width:940px!important;line-height:1.55;}
.science-basis-copy strong{color:#545c66;font-weight:600;}
.science-basis-copy em{color:#626b75;}


/* v5.3 — CTA сохранения для нового пользователя после первого расчёта */
@keyframes newUserSaveBreath {
  0%, 100% {
    transform: scale(1);
    background-color: #4b43d6;
    border-color: #4b43d6;
  }
  50% {
    transform: scale(1.035);
    background-color: #6259e3;
    border-color: #6259e3;
  }
}

.calc-save-row .save-result.new-user-save-breath,
.btn.save-result.new-user-save-breath {
  color: #fff !important;
  background: #4b43d6 !important;
  border-color: #4b43d6 !important;
  cursor: pointer !important;
  transform-origin: center center;
  animation: newUserSaveBreath 1.65s ease-in-out infinite;
  will-change: transform, background-color;
}

.calc-save-row .save-result.new-user-save-breath:hover,
.btn.save-result.new-user-save-breath:hover {
  background: #3f37c8 !important;
  border-color: #3f37c8 !important;
}

@media (prefers-reduced-motion: reduce) {
  .calc-save-row .save-result.new-user-save-breath,
  .btn.save-result.new-user-save-breath {
    animation: none !important;
  }
}

/* v5.4 */
.profile-manager-backup{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.profile-manager-backup-title{font-size:13px;color:var(--muted);margin-bottom:9px}
.profile-manager-backup-actions{display:flex;flex-wrap:wrap;gap:7px}
.profile-manager-backup-actions .file-compact{display:inline-flex;align-items:center;justify-content:center;min-height:34px}
.seo-intro,.seo-longread{max-width:1050px;color:#3f4650}
.seo-intro{font-size:16px;margin-bottom:24px}
.seo-intro p,.seo-longread p{margin:0 0 14px}
.seo-longread{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.seo-longread h3{margin-bottom:12px}
.seo-copy-grid strong,.seo-intro strong,.seo-longread strong{font-weight:700}
@media(max-width:620px){.profile-manager-backup-actions{display:grid;grid-template-columns:1fr}.profile-manager-backup-actions .file-compact{width:100%!important}}