/* Единая дизайн-система ПланЦели. Функциональная логика калькулятора не меняется. */
:root{--ink:#242424;--muted:#777;--paper:#fff;--ground:#fff;--brand:#ff765f;--brand2:#f45b48;--accent:#ff765f;--line:#eee2df;--red:#c9362c;--blush:#fff6f4;--blush-2:#fff1ee;--shadow:0 5px 18px rgba(63,35,28,.06);--heading:"Montserrat",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--body:"Roboto",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{background:var(--ground);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}
.hidden{display:none!important}
button,input,select{font-family:var(--body)}
h1,h2,.brand,.panel-title,.kcal,.remaining,.macro b,.meal-name,.food-kcal,.target-name b,.target-left b,.primary,.settings,.quiet,.date-nav,.history-tabs,.weight-form button{font-family:var(--heading)}
.app{max-width:1160px;padding:10px 0 90px}
html.planceli-embed .app{width:100%;max-width:none}
header{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.brandmark{background:linear-gradient(135deg,#ff3e22,#ff765f);border-radius:8px;box-shadow:0 4px 12px rgba(255,118,95,.25)}
.brand h1{font-size:20px;font-weight:700;letter-spacing:-.3px}.brand small{color:var(--muted)}
.date-nav{gap:3px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:none}
.date-nav button{width:36px;height:36px;border-radius:7px;color:#4e4845}.date-nav button:hover{background:var(--blush);color:var(--brand2)}#dateLabel{font-size:13px;font-weight:600}
.summary{padding:24px 26px;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;background:linear-gradient(120deg,var(--blush) 0%,#fff 72%);box-shadow:var(--shadow);color:var(--ink)}
.summary:after{border-color:rgba(255,118,95,.04)}.summary h2,.remaining small,.kcal span,.macro small{color:var(--muted)}
.summary h2{font-size:14px;font-weight:700}.kcal{font-size:38px;font-weight:700;letter-spacing:-1.5px}.remaining b{color:var(--brand2);font-size:20px}.bar{height:7px;margin:18px 0 16px;background:#f0e8e5}.bar i{background:linear-gradient(90deg,#ff8b75,var(--brand2))}.macro{border-left-color:#eadfdb}.macro b{font-size:15px;font-weight:700}.macro small{font-size:12px}
.grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;margin-top:14px}
.panel{padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}
.panel-title{margin-bottom:13px}.panel-title h2{font-size:18px;font-weight:600;letter-spacing:-.2px}.meal{padding:14px 0 14px 10px;border-color:var(--line)}
.meal:before{width:2px;top:14px;bottom:14px;background:#e9c0b8!important}.meal-name{font-weight:600}.meal-total,.food-title small,.target-name,.target-left,.empty,.weight-meta{color:var(--muted)}
.food-row{gap:8px;padding:8px 0}.food-title{font-size:14px}.food-kcal{font-size:13px;font-weight:600}
.quiet{color:var(--brand2);font-size:12px;font-weight:600}.quiet:hover{color:#d94938}
.repeat-meal,.edit-entry,.move-entry,.mini-action{border:1px solid #eadfdb;background:#fff;color:#625955;border-radius:7px}.repeat-meal:hover,.edit-entry:hover,.move-entry:hover,.mini-action:hover{border-color:#efb5aa;background:var(--blush);color:var(--brand2)}
.delete,.mini-action.danger{border:1px solid #f0d2cd;background:#fff8f6;color:var(--red);border-radius:7px}
.add-meal{margin-top:5px;padding:10px;border:1px dashed #e4bdb5;border-radius:8px;background:#fffaf9;color:var(--brand2);font-weight:700}.add-meal:hover{border-color:var(--brand);background:var(--blush)}
.ring{background:conic-gradient(var(--brand) var(--p),#f0e9e6 0)!important}.ring:after{background:#fff}.ring span{font-family:var(--heading);color:#514a46}.target-list{gap:11px}
.tips,.recommendation{padding:13px 14px;border:1px solid #f0ded9;border-radius:8px;background:#fffaf9;color:#625955}
.settings,.data-actions button{min-height:40px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#4e4845;font-weight:600}.settings:hover,.data-actions button:hover{border-color:#efb5aa;background:var(--blush);color:var(--brand2)}
.history{margin-top:14px;border-top:1px solid var(--line)}.history-tabs{gap:3px;padding:4px;border-radius:9px;background:#f4f1ef}.history-tabs button{padding:7px 11px;border-radius:7px;font-size:12px;font-weight:600}.history-tabs button.active{background:#fff;color:var(--brand2);box-shadow:0 2px 7px rgba(63,35,28,.08)}
.day-bar i,.weight-point{background:linear-gradient(180deg,#ff9a88,var(--brand2));border-radius:4px 4px 1px 1px}.history-goal{border-color:#e7deda}
.weight-form input,.field input,.field select,.search,.settings-row input,.custom-grid input,.custom-grid select,.profile-grid input,.profile-grid select{min-height:42px;border:1px solid #e6ddda;border-radius:8px;background:#fff;color:var(--ink);outline:none}
.weight-form input:focus,.field input:focus,.field select:focus,.search:focus,.settings-row input:focus,.custom-grid input:focus,.custom-grid select:focus,.profile-grid input:focus,.profile-grid select:focus{border-color:#ff9b89;box-shadow:0 0 0 3px rgba(255,118,95,.1)}
.weight-form button,.primary,.pick{border:0;border-radius:8px;background:linear-gradient(135deg,#ff8b75,#ff6e57);color:#fff;font-weight:700;box-shadow:0 5px 12px rgba(255,118,95,.17)}.weight-form button:hover,.primary:hover,.pick:hover{background:var(--brand2)}
.fab{border-radius:8px;background:linear-gradient(135deg,#ff8b75,#ff6e57);color:#fff;box-shadow:0 10px 26px rgba(255,118,95,.25)}
.overlay{background:rgba(31,27,25,.52)}.sheet{border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px rgba(38,24,19,.2)}.handle{background:#ddd3d0}.close{border:1px solid var(--line);border-radius:8px;background:#fff;color:#514a46}.close:hover{background:var(--blush);color:var(--brand2)}
.chips{scrollbar-width:thin}.chip,.add-custom-chip{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#625955}.chip:hover,.add-custom-chip:hover{border-color:#efb5aa;background:var(--blush);color:var(--brand2)}.chip.active{border-color:var(--brand);background:var(--brand);color:#fff}
.catalog-item{border-radius:8px}.catalog-item:hover,.catalog-item:focus-visible{border-color:#efd1cb;background:#fff9f7}.food-icon,.portion-food,.computed div{border-radius:8px;background:#faf6f4}.star.on{color:var(--brand)}
.recommendation-macros div{border:1px solid var(--line);border-radius:7px;background:#fff}.profile-actions button{border-radius:8px}.profile-actions .secondary{border:1px solid #e0d5d1;background:#fff;color:#514a46}.profile-actions .secondary:hover{border-color:#efb5aa;background:var(--blush);color:var(--brand2)}
@media(max-width:900px){.grid{grid-template-columns:1fr}.targets-panel{order:-1}}
@media(max-width:760px){.app{padding:0 0 38px}.summary{padding:19px 16px;border-radius:9px}.kcal{font-size:32px}.panel{padding:17px 16px;border-radius:9px}.panel-title h2{font-size:17px}.sheet{width:calc(100% - 16px);margin:0 8px 8px;border-radius:12px}.macros{gap:8px}.food-row{grid-template-columns:minmax(0,1fr) auto auto auto}.profile-grid{grid-template-columns:1fr}.profile-grid .wide{grid-column:auto}}
@media(max-width:430px){.summary-top{gap:10px}.remaining{min-width:70px}.kcal{font-size:29px}.macros{grid-template-columns:1fr 1fr;gap:0}.macro{padding:8px 0;border-left:0;border-top:1px solid #eadfdb}.macro:nth-child(even){padding-left:12px;border-left:1px solid #eadfdb}.panel-title{align-items:flex-start}.food-row{grid-template-columns:minmax(0,1fr) auto auto}.food-kcal{grid-column:1}.move-entry{grid-column:auto;grid-row:auto}.target-settings,.data-actions,.profile-actions{grid-template-columns:1fr}}

/* Спокойная иерархия как в «Проектах»: темная основа, красный только как акцент. */
:root{--ink:#24282e;--muted:#737b85;--brand:#343941;--brand2:#343941;--accent:#ff3b1f;--line:#d8dde5;--red:#d92f17;--blush:#fff7f5;--shadow:0 5px 18px rgba(35,40,46,.045);--heading:"Segoe UI",Roboto,Arial,sans-serif;--body:"Segoe UI",Roboto,Arial,sans-serif}
body{color:var(--ink);font-family:var(--body);font-weight:300}
button,input,select,h1,h2,.brand,.panel-title,.kcal,.remaining,.macro b,.meal-name,.food-kcal,.target-name b,.target-left b,.primary,.settings,.quiet,.date-nav,.history-tabs,.weight-form button{font-family:var(--heading)}
.date-nav button{color:#4e5560}.date-nav button:hover{background:#f5f6f7;color:#15181d}#dateLabel{font-weight:500}
.summary{border-color:var(--line);border-left-color:#aeb6c0;border-radius:8px;background:linear-gradient(120deg,#f8f9fa 0%,#fff 72%);box-shadow:var(--shadow)}
.summary h2{font-weight:500}.kcal{font-weight:500}.remaining b{color:#343941;font-weight:600}.bar{background:#edf0f3}.bar i{background:var(--accent)}.macro{border-left-color:#dde1e6}.macro b{font-weight:500}
.panel{border-color:var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel-title h2{font-weight:400}.meal{border-color:var(--line)}.meal:before{background:#cbd1d9!important}.meal-name,.food-kcal{font-weight:500}
.quiet{color:#4d5560;font-weight:500}.quiet:hover{color:#15181d}
.add-meal{border-color:#cbd1d9;border-radius:6px;background:#fff;color:#4d5560;font-weight:500}.add-meal:hover{border-color:#8f99a5;background:#f7f8fa;color:#24282e}
.repeat-meal,.edit-entry,.move-entry,.mini-action{border-color:#d8dde5;color:#59616c}.repeat-meal:hover,.edit-entry:hover,.move-entry:hover,.mini-action:hover{border-color:#aeb6c0;background:#f7f8fa;color:#24282e}
.ring,.target-0 .ring,.target-1 .ring,.target-2 .ring,.target-3 .ring{background:conic-gradient(#697682 var(--p),#edf0f3 0)!important}.ring span{color:#4d5560}
.tips,.recommendation{border-color:#dde2e7;border-radius:7px;background:#f8f9fa;color:#59616c}
.settings,.data-actions button{border-color:#d8dde5;color:#4d5560;font-weight:500}.settings:hover,.data-actions button:hover{border-color:#aeb6c0;background:#f7f8fa;color:#24282e}
.history-tabs button{font-weight:500}.history-tabs button.active{color:#24282e;box-shadow:0 2px 7px rgba(35,40,46,.08)}.day-bar i,.weight-point{background:#697682}.history-goal{border-color:#d8dde5}
.chip,.add-custom-chip{border-color:#d8dde5;color:#59616c}.chip:hover,.add-custom-chip:hover{border-color:#aeb6c0;background:#f7f8fa;color:#24282e}.chip.active{border-color:#4d5560;background:#4d5560;color:#fff}
.catalog-item:hover,.catalog-item:focus-visible{border-color:#d8dde5;background:#f8f9fa}.food-icon,.portion-food,.computed div{background:#f3f5f6}.star.on{color:var(--accent)}
.profile-actions .secondary{border-color:#d8dde5;color:#4d5560}.profile-actions .secondary:hover{border-color:#aeb6c0;background:#f7f8fa;color:#24282e}

/* Спокойные цветовые ориентиры: добавляют жизни, не конкурируя с красными действиями. */
.summary{border-left-color:#6f9d8d;background:linear-gradient(125deg,#eef7f4 0%,#fff 56%,#fff7ef 100%)}
.summary:after{border-color:rgba(88,137,119,.055)}
.remaining b{color:#315f56}
.macro:nth-child(1) b{color:#315f56}.macro:nth-child(2) b{color:#9a6b29}.macro:nth-child(3) b{color:#536b9c}.macro:nth-child(4) b{color:#6b577c}
.meal:before{background:#6f9d8d!important}.meal-1:before{background:#d49a48!important}.meal-2:before{background:#7589b8!important}.meal-3:before{background:#6f9d7d!important}.meal-4:before{background:#9a7ea2!important}
.add-meal{border-color:#b9cbc5;background:#f7fbfa;color:#315f56}.add-meal:hover{border-color:#7ea797;background:#eef7f4;color:#244c44}
.target-0 .ring{background:conic-gradient(#ff674e var(--p),#edf0f3 0)!important}.target-1 .ring{background:conic-gradient(#d49a48 var(--p),#edf0f3 0)!important}.target-2 .ring{background:conic-gradient(#7589b8 var(--p),#edf0f3 0)!important}.target-3 .ring{background:conic-gradient(#6f9d7d var(--p),#edf0f3 0)!important}
.day-bar i,.weight-point{background:linear-gradient(180deg,#7198a8,#587789)}

/* Vitamins, minerals and daily training */
.kcal{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 5px}.kcal>#kcalNow{font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-1.5px}.kcal>.exercise-burn{flex:0 0 auto}
.exercise-burn{display:inline-flex;align-items:center;min-height:18px;margin:0 0 0 3px;color:#315f56;font:500 12px/1 var(--heading);letter-spacing:0;vertical-align:baseline}
.nutrients-toggle{width:100%;margin:12px 0 0;padding:9px 12px;border:1px solid #b9cbc5;border-radius:7px;background:#f7fbfa;color:#315f56;font-weight:500;cursor:pointer}
.nutrients-toggle:hover{border-color:#7ea797;background:#eef7f4}.nutrients-panel{margin-top:10px;padding:13px;border:1px solid #d8e4df;border-radius:8px;background:#fbfdfc}
.nutrient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nutrient-grid div{min-width:0;padding:8px 9px;border:1px solid #e2e9e6;border-radius:7px;background:#fff}.nutrient-grid b,.nutrient-grid span,.nutrient-grid small{display:block}.nutrient-grid small{margin-bottom:3px;color:#98a09f;font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.nutrient-grid b{color:#315f56;font-size:13px}.nutrient-grid span{margin-top:2px;color:#737b85;font-size:11px}.nutrient-sources{margin:10px 0 6px;color:#59616c;font-size:12px;line-height:1.4}.nutrients-panel>small{display:block;color:#8a929b;font-size:10px;line-height:1.4}
.diet-quality{margin-top:12px;padding:14px;border:1px solid #d7e3df;border-radius:8px;background:linear-gradient(135deg,#f5faf8 0%,#fff 72%)}.quality-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quality-head small,.quality-next small{display:block;color:#718079;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quality-head h3{margin:3px 0 0;color:#263631;font-size:15px;line-height:1.25}.quality-score{flex:0 0 auto;color:#315f56;font:600 23px/1 var(--heading)}.quality-score span{font-size:10px;font-weight:500}.quality-score.empty-score{color:#9ba6a2}.diet-quality>p{margin:9px 0 0;color:#68726e;font-size:12px;line-height:1.4}.quality-next{margin-top:11px;padding-top:10px;border-top:1px solid #e0e9e5}.quality-next b{display:block;margin-top:3px;color:#263631;font-size:12px;line-height:1.4}.diet-quality details{margin-top:9px}.diet-quality summary{width:max-content;color:#56736a;font-size:11px;cursor:pointer}.diet-quality details p{margin:7px 0 0;color:#7b8581;font-size:10px;line-height:1.45}
.vitamin-preview{display:block!important;margin-top:3px;color:#6d837c!important;font-size:10px!important;line-height:1.35!important}
.workout-card{margin-top:14px;padding:14px;border:1px solid #d8e4df;border-radius:9px;background:linear-gradient(135deg,#f3f9f7,#fff)}.workout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.workout-head small{color:#6f9d8d;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.workout-head h3{margin:3px 0 0;color:#24282e;font-size:15px;font-weight:500}.workout-head>b{color:#315f56;font-size:13px;white-space:nowrap}.workout-fields{display:grid;grid-template-columns:1.4fr 1fr 72px;gap:7px;margin-top:11px}.workout-fields label{color:#737b85;font-size:10px}.workout-fields select,.workout-fields input{box-sizing:border-box;width:100%;height:36px;margin-top:4px;padding:0 8px;border:1px solid #d8dde5;border-radius:6px;background:#fff;color:#343941;font-size:12px}.workout-actions{display:flex;align-items:center;gap:10px;margin-top:9px}.workout-actions .settings{flex:1}.workout-card>p{margin:9px 0 0;color:#8a929b;font-size:10px;line-height:1.4}
@media(max-width:760px){.kcal>#kcalNow{font-size:32px}}
@media(max-width:430px){.kcal{display:grid;grid-template-columns:auto 1fr;align-items:baseline}.kcal>.exercise-burn{grid-column:1/-1;margin:5px 0 0}.nutrient-grid{grid-template-columns:1fr 1fr}.workout-fields{grid-template-columns:1fr 1fr}.workout-fields label:first-child{grid-column:1/-1}}