.energy-balance,.energy-trend{border:1px solid #24313b;border-radius:18px;background:linear-gradient(135deg,#101c25,#10161e 65%);padding:26px;color:#e9f0f5;margin-bottom:22px;min-width:0}
.energy-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.energy-eyebrow{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.7px;color:#62c9d6}.energy-heading h2{font-size:20px;margin:8px 0 0;line-height:1.4}.energy-heading h2 small{font-size:11px;font-weight:400;color:#8b9aa8;margin-left:8px}.energy-state{border:1px solid #2b424c;border-radius:7px;padding:6px 9px;color:#94c8cf;font-size:11px;white-space:nowrap;background:#11242b}
.energy-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}.energy-number>span,.energy-secondary>span{display:block;font-size:12px;color:#95a3b0;line-height:1.6}.energy-number strong{display:block;font:600 42px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1.5px;margin-top:8px}.energy-number strong small{font:400 12px system-ui;letter-spacing:0;margin-left:7px;color:#80929f}.energy-result strong{color:#52dce8}.energy-surplus .energy-result strong{color:#f0a37a}.energy-secondary b{display:block;font:500 20px ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:4px}.energy-secondary b small{font-size:11px;color:#7f92a1}
.energy-progress{display:block;width:100%;height:6px;margin:22px 0 17px}.energy-track{fill:#24313b}.energy-fill{fill:#3fcbd9}.energy-over{fill:#eca176}.energy-comparison{padding-top:16px;margin-top:18px;border-top:1px solid #24313b;display:grid;gap:8px}.energy-progress+.energy-comparison{padding-top:0;border-top:0;margin-top:0}.energy-comparison p{font-size:13px!important;line-height:1.6!important;margin:0!important;color:#c4d1dc!important}.energy-comparison .energy-over-text{color:#f2b792!important}.energy-source{font-size:11px;line-height:1.8;color:#8295a6;display:grid;margin-top:15px}.energy-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:19px}.energy-controls button{min-height:36px}.energy-compact{padding:21px}.energy-compact .energy-heading{margin-bottom:18px}.energy-compact .energy-number strong{font-size:30px}.energy-compact .energy-heading h2{font-size:17px}.energy-compact .energy-number strong small{font-size:10px}.energy-compact .energy-secondary b{font-size:17px}
.energy-trend-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.energy-trend-stats span{font-size:12px;color:#95a3b0;display:block}.energy-trend-stats strong{display:block;font:500 28px ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:9px}.energy-trend-stats strong small{font:400 11px system-ui;color:#8295a6}.energy-trend-chart{display:block;width:100%;height:auto;margin:20px 0 0}.energy-trend-chart text{fill:#8295a6;font:11px system-ui}.energy-chart-grid{stroke:#202e39;stroke-dasharray:3 5}.energy-chart-zero{stroke:#52616f}.energy-bar-deficit{fill:#3cbfce}.energy-bar-surplus{fill:#dd9a76}.energy-bar-missing{stroke:#63717d;stroke-width:3;stroke-linecap:round}.energy-axis{display:flex;justify-content:space-between;color:#8295a6;font:10px ui-monospace,monospace;margin-left:5.5%;margin-right:5.5%}.energy-footnote{font-size:11px!important;line-height:1.8!important;color:#8295a6!important;margin:18px 0 0!important}
.energy-demo-notice{border:1px solid #705b37;border-radius:9px;background:#292419;padding:13px 16px;font-size:12px;line-height:1.8;color:#ead2a0;margin-bottom:18px}.energy-demo-history{color:#95a3b0;font-size:12px}.energy-demo-history>summary{cursor:pointer;padding:5px 0 18px}.energy-scenarios{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.energy-scenarios button{font-size:12px;min-height:35px}.energy-target-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.energy-field{display:grid;gap:8px;font-size:12px;color:#a7b5c1}.energy-field input{width:100%;min-width:0;background:#0b131a;border:1px solid #2b3d4a;border-radius:9px;color:#e9f0f5;font:14px system-ui;padding:12px;box-sizing:border-box}.energy-field input:focus{outline:1px solid #3fcbd9;border-color:#3fcbd9}.energy-form-note{color:#95a3b0;font-size:12px;line-height:1.9}.energy-target-preview{padding:16px;border:1px solid #28444f;border-radius:10px;color:#64d1de;background:#10252c;font-size:14px;margin:20px 0 14px}.energy-form-result{font-size:12px;color:#e2b88b}.energy-version-history{border-top:1px solid #24313b;margin-top:23px;padding-top:16px;color:#95a3b0;font-size:12px}.energy-version-history p{font-size:12px;line-height:1.8}
@media(max-width:600px){.energy-balance,.energy-trend{padding:19px;border-radius:14px}.energy-heading{align-items:flex-start;gap:10px;margin-bottom:20px}.energy-heading h2{font-size:18px}.energy-heading h2 small{display:block;margin:5px 0 0}.energy-state{font-size:10px;padding:6px}.energy-number strong{font-size:32px}.energy-number strong small{font-size:10px;margin-left:4px}.energy-main-grid{gap:18px 14px}.energy-secondary b{font-size:18px}.energy-target-grid{grid-template-columns:1fr}.energy-trend-stats strong{font-size:23px}.energy-eyebrow{font-size:9px;letter-spacing:1px}.energy-trend-chart{min-height:130px}.energy-compact .energy-number strong{font-size:29px}.energy-scenarios{gap:7px}.energy-scenarios button{font-size:11px;padding:8px 10px}}

/* Units and interaction shared by weight, intake, training and energy trends. */
.trend-inspect{margin-top:22px;min-width:0}.trend-unit{display:flex;justify-content:space-between;gap:10px;color:#9bafbd;font-size:11px;margin-bottom:12px}.trend-unit>span:last-child{color:#7f92a1}.trend-plot{position:relative;margin-left:52px}.trend-svg{display:block;width:100%;height:220px;border-radius:6px;touch-action:pan-y}.trend-svg:focus-visible{outline:1px solid #3fcbd9;outline-offset:4px}.trend-hit-area{fill:transparent}.trend-grid{stroke:#283742;stroke-dasharray:3 5}.trend-zero{stroke:#657987;stroke-dasharray:none}.trend-line{fill:none;stroke:#3fcbd9;stroke-width:2;vector-effect:non-scaling-stroke}.trend-dot{fill:none;stroke:#3fcbd9;stroke-width:7;stroke-linecap:round;vector-effect:non-scaling-stroke}[data-trend-point].is-selected .trend-dot{stroke:#e7fafc;stroke-width:9}.trend-missing{stroke:#637b8c;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}.trend-cursor{stroke:#8babbc;stroke-width:1;stroke-dasharray:4 4;pointer-events:none;vector-effect:non-scaling-stroke}[data-trend-point].is-selected circle,[data-trend-point].is-selected rect{stroke:#e7fafc;stroke-width:2;vector-effect:non-scaling-stroke}.trend-y-axis{position:absolute;right:100%;width:52px;top:0;height:100%;pointer-events:none}.trend-y-axis span{position:absolute;right:10px;transform:translateY(-50%);font:11px ui-monospace,Consolas,monospace;color:#91a5b4;white-space:nowrap}.trend-y-axis .trend-tick-top{top:9.090909%}.trend-y-axis .trend-tick-middle{top:45.454545%}.trend-y-axis .trend-tick-bottom{top:81.818182%}.trend-date-axis{display:flex;justify-content:space-between;gap:10px;margin-left:52px;font:10px ui-monospace,Consolas,monospace;color:#91a5b4}.trend-tooltip{position:absolute;z-index:3;display:grid;gap:5px;width:max-content;max-width:calc(100% - 8px);box-sizing:border-box;padding:10px 13px;border:1px solid #3d6676;border-radius:10px;background:#10212bf5;box-shadow:0 8px 25px #0005;pointer-events:none;overflow-wrap:anywhere;color:#e9f7fc;font-size:12px;line-height:1.5}.trend-tooltip[hidden]{display:none}.trend-tooltip strong{font:11px ui-monospace,Consolas,monospace;color:#acc0cd}.trend-tooltip small{font-size:10px;color:#9bb1bf}.trend-tooltip small:empty{display:none}.trend-no-data{color:#91a5b4;font-size:12px;padding:18px 0}
@media(max-width:600px){.trend-svg{height:190px}.trend-plot,.trend-date-axis{margin-left:46px}.trend-y-axis{width:46px}.trend-y-axis span{right:6px;font-size:10px}.trend-tooltip{font-size:11px;padding:9px 10px}.trend-unit{font-size:10px}}

/* Drag the boundaries to zoom, or the selected span to pan. */
.trend-filterbar{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.trend-range{padding:18px 24px 16px;margin:-8px 0 22px;border:1px solid #263943;border-radius:14px;background:#101c24}.trend-range-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.trend-range-heading strong{font-size:12px;font-weight:500;color:#b6ceda}.trend-range-heading output{font:11px ui-monospace,Consolas,monospace;color:#68d1df}.trend-range-heading button{margin-left:auto;min-height:32px}.trend-range button:disabled{opacity:.35;cursor:default}.trend-range-track{position:relative;height:48px;margin:0 32px;background:#0b141c;border:1px solid #233944;border-radius:6px;box-sizing:border-box;touch-action:none}.trend-range-mini{position:absolute;width:100%;height:100%;pointer-events:none}.trend-range-mini polyline{fill:none;stroke:#568999;stroke-width:1.5;vector-effect:non-scaling-stroke}.trend-range-selection{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;border:1px solid #3fa3b5;border-radius:4px;background:#23a3b321;cursor:grab;touch-action:none}.trend-range-selection:active{cursor:grabbing}.trend-range-handle{position:absolute;top:0;width:32px;height:100%;padding:0;border:1px solid #448390;background:#193944;touch-action:none;cursor:ew-resize;z-index:1}.trend-range-start{left:0;transform:translateX(-100%);border-radius:7px 0 0 7px}.trend-range-end{left:100%;border-radius:0 7px 7px 0}.trend-range-handle:after{content:"";display:block;width:3px;height:16px;border-radius:3px;background:#7ce5ed;margin:auto}.trend-range button:focus-visible{outline:2px solid #b8f9ff;outline-offset:3px}.trend-range-footer{display:flex;justify-content:space-between;gap:10px;margin-top:11px;font:10px ui-monospace,Consolas,monospace;color:#8199a8}.trend-range-footer small{font:10px system-ui;color:#829baa;text-align:center}
@media(max-width:600px){.trend-filterbar{gap:8px}.trend-range{padding:16px 14px}.trend-range-heading{gap:6px}.trend-range-heading output{order:3;width:100%;font-size:10px}.trend-range-track{height:52px}.trend-range-footer{flex-wrap:wrap}.trend-range-footer small{order:3;width:100%}}

/* Daily intake is the primary nutrition view; balance detail stays expandable. */
.nutrition-intake{padding:24px;border:1px solid #29414d;border-radius:18px;background:linear-gradient(125deg,#11232d,#101820 70%);margin-bottom:18px}.intake-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.intake-heading h2{font-size:20px;margin:7px 0 0;color:#e6f4fa}.intake-heading button{min-height:36px;font-size:12px;color:#56d6e2}.intake-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 16px}.intake-total>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}.intake-total strong{font:600 44px ui-monospace,Consolas,monospace;letter-spacing:-1.7px;color:#e8f7fa}.intake-total>div>span{font-size:13px;color:#95afbc}.intake-total .intake-percent{font:500 17px ui-monospace,Consolas,monospace;color:#68e1e9;white-space:nowrap}.intake-progress{display:block;width:100%;height:10px}.intake-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#b1c7d1}.intake-caption small{font-size:11px;color:#829aa8}.intake-over .intake-percent,.intake-over .intake-caption>span{color:#efb486}.nutrition-intake .nutrition-macro-grid{margin-top:22px;gap:10px}.nutrition-intake .nutrition-macro{display:grid;gap:7px;padding:14px;border:1px solid #263741;background:#121e27;border-radius:10px}.nutrition-intake .nutrition-macro>span{font-size:11px}.nutrition-intake .nutrition-macro strong{font:500 23px ui-monospace,Consolas,monospace}.nutrition-intake .nutrition-macro strong small{font:11px system-ui;margin-left:3px;color:#8ca6b4}.nutrition-intake .nutrition-macro>small{margin:0;font-size:10px}.intake-no-target{margin-top:16px}.nutrition-balance-fold{border:1px solid #273741;border-radius:14px;background:#101a23;margin-bottom:14px;overflow:hidden}.nutrition-balance-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:17px 21px;list-style:none}.nutrition-balance-fold>summary::-webkit-details-marker{display:none}.nutrition-balance-fold>summary>div{display:grid;gap:7px}.nutrition-balance-fold>summary span{font-size:11px;color:#8faab9}.nutrition-balance-fold>summary strong{font-size:13px;font-weight:400;color:#d3e9f2}.nutrition-balance-fold>summary b{font:600 23px ui-monospace,Consolas,monospace;color:#66d6e4;margin-left:5px}.nutrition-balance-aside{text-align:right}.nutrition-balance-aside small{font-size:10px;color:#9ebac9}.nutrition-balance-aside i{display:inline-block;font-style:normal;margin-left:5px}.nutrition-balance-fold[open] .nutrition-balance-aside i{transform:rotate(180deg)}.nutrition-balance-fold summary:focus-visible{outline:2px solid #73dfe9;outline-offset:-3px}.nutrition-balance-details{border-top:1px solid #273741}.nutrition-balance-details .energy-balance{margin:0;border:0;border-radius:0;background:transparent}.nutrition-meal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.nutrition-meal-heading h2{font-size:16px;color:#d1e4ee}.nutrition-meal-heading span{font-size:11px;color:#849ba9}
@media(max-width:600px){.nutrition-intake{padding:19px 16px;border-radius:14px}.intake-heading h2{font-size:18px}.intake-total strong{font-size:35px}.intake-total>div>span{font-size:11px}.intake-total .intake-percent{font-size:15px}.nutrition-intake .nutrition-macro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nutrition-intake .nutrition-macro{padding:12px}.nutrition-intake .nutrition-macro strong{font-size:21px}.nutrition-balance-fold>summary{padding:15px;gap:10px;align-items:flex-start}.nutrition-balance-fold>summary b{font-size:20px}.nutrition-balance-fold>summary span{font-size:10px}.nutrition-balance-aside{max-width:43%}.intake-caption{gap:8px;font-size:11px}}

.macro-progress{display:block;width:100%;height:5px;margin:12px 0 7px}.macro-fill{fill:#3bd0dd}.carbs .macro-fill{fill:#708ef7}.fat .macro-fill{fill:#e6b460}.macro-fill.macro-over{fill:#ed9574}.macro-target-source{font-size:10px;color:#8496a7;line-height:1.8;display:flex;align-items:center;gap:8px 18px;justify-content:space-between;flex-wrap:wrap;margin:12px 0 0}.macro-target-source button{font-size:11px}.nutrition-macro{min-width:0}.nutrition-macro>small{display:block;line-height:1.7}.today-stack .nutrition-macro-grid{margin-top:18px}.today-stack .nutrition-macro>strong{font-size:22px}

.energy-bar-provisional{fill-opacity:.35;stroke:currentColor;stroke-width:1;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}

/* Supplements, dated daily review and activity-focused training. */
.diet-notes{margin:0 0 18px}.diet-notes>small{display:block;color:#839baa;font-size:11px;line-height:1.8}.diet-note-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-top:1px solid #253642;padding:13px 0}.diet-note-row p{margin:0;white-space:normal;overflow-wrap:anywhere;color:#c5dce6;line-height:1.9;font-size:13px}.diet-note-row button{flex-shrink:0;min-height:32px}.diet-note-form label{display:grid;gap:12px;color:#9fb8c6;font-size:13px}.diet-note-form textarea{box-sizing:border-box;width:100%;min-height:140px;resize:vertical;background:#0c1821;color:#d8edf4;border:1px solid #355263;border-radius:10px;padding:13px;font-family:inherit;font-size:14px;line-height:1.9}.diet-note-form textarea:focus-visible{outline:2px solid #4cc4d4}.diet-note-result{color:#efad85;font-size:12px;line-height:1.8}.activity-meter{margin-bottom:18px;min-width:0}.activity-meter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-meter-heading h2{margin:0;font-size:15px;color:#c5dce6}.activity-meter-heading>span{font:12px ui-monospace,Consolas,monospace;color:#61d8e5}.activity-meter-value{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:20px 0 14px}.activity-meter-value strong{font:600 37px ui-monospace,Consolas,monospace;color:#e4f4fb;letter-spacing:-1px}.activity-meter-value>span{font-size:12px;color:#91afbe}.activity-progress{display:block;width:100%;height:9px}.activity-meter .source-note{font-size:11px;margin:12px 0 0;line-height:1.8;color:#8da8b9}.training-week-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 15px}.training-week-heading h2{margin:0;font-size:16px;color:#c6e0e9}.training-week-heading>span{font:11px ui-monospace,Consolas,monospace;color:#8aa6b6}.training-plan{margin-bottom:18px}.training-plan .panel-heading{gap:15px}.training-plan .panel-heading button{font-size:12px}.day-review{margin-bottom:22px}.day-review>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.day-review>summary::-webkit-details-marker{display:none}.day-review>summary strong{font-size:15px;color:#c4dce7}.day-review>summary span{font-size:12px;color:#7dbbc9}.day-review[open]>summary{margin-bottom:22px}.day-review-toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:24px}.day-review-toolbar label{display:grid;gap:8px;font-size:11px;color:#9cb7c6}.day-review-toolbar input{color-scheme:dark;min-height:40px;box-sizing:border-box;padding:9px 12px;background:#0d1922;border:1px solid #355364;border-radius:8px;color:#c7e5f0;font:13px ui-monospace,Consolas,monospace}.day-review-toolbar button{min-height:40px}.day-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.day-review-grid>section{min-width:0}.day-review-grid h3{font-size:14px;color:#87c8d6;margin:0 0 15px}.day-review-grid .activity-meter,.day-review-grid .diet-notes{padding:16px}.day-review-grid .activity-meter-value strong{font-size:29px}.day-review-grid .fact-row{gap:16px;overflow-wrap:anywhere}.day-review-grid .fact-row>span{font-size:11px;color:#93acbb;flex-shrink:0}.day-review-grid .fact-row>strong{font-size:12px}.day-review-nutrients{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0;font-size:11px;color:#8aa9b9}.day-review-nutrients b{font-weight:500;color:#c2dce7}.day-review-grid .diet-notes{margin-top:18px}
@media(max-width:700px){.day-review-grid{grid-template-columns:1fr}.day-review>summary{align-items:flex-start}.day-review>summary span{font-size:10px;text-align:right}.training-week-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.activity-meter-value strong{font-size:31px}.diet-note-row{gap:10px}.day-review-grid .fact-row{flex-wrap:wrap;gap:6px}.day-review-grid .fact-row>span{flex-shrink:1}}