.energy{--energy-state:#48e0b1;position:relative;padding:clamp(64px,8vw,112px) clamp(20px,5vw,76px);border-block:1px solid rgba(205,246,255,.12);background:#070b11;color:#e8effb;font-family:Arial,sans-serif}.energy-inner{width:min(980px,100%);margin:auto}.energy-kicker{margin:0 0 22px;color:#91a3bd;font-size:11px;font-weight:700;letter-spacing:.18em}.energy h2{margin:0;font-size:clamp(36px,5.2vw,64px);line-height:.98}.energy-intro{margin:12px 0 28px;color:#91a3bd;font-size:clamp(15px,2vw,19px)}.energy-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border-radius:19px;background:#121b29}.energy button,.energy input,.energy select,.energy textarea{font:inherit}.energy-tabs button{min-height:52px;border:0;border-radius:14px;background:transparent;color:#93a3bd;font-weight:700;letter-spacing:.08em}.energy-tabs button[aria-selected=true]{background:#203a38;color:#55e8bb}.energy-period{display:flex;justify-content:center;align-items:center;gap:18px;margin:22px 0 0;color:#91a3bd}.energy-period button{width:40px;height:40px;border:1px solid #304056;border-radius:50%;background:#0d141f;color:#dce8fa}.energy-period button:disabled{opacity:.25}.energy-period-label{min-width:200px;text-align:center;font-size:13px}.energy-panel{padding-top:32px}.energy-battery-wrap{display:flex;align-items:center;width:min(670px,88%);margin:auto}.energy-battery{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;aspect-ratio:2.05/1;width:calc(100% - 34px);padding:16px;border:5px solid #61738a;border-radius:42px}.energy-segment{--fill:0%;border-radius:10px;background:linear-gradient(90deg,var(--energy-state) var(--fill),#243044 var(--fill));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.energy-cap{flex:0 0 27px;height:clamp(64px,11vw,110px);margin-left:8px;border-radius:0 10px 10px 0;background:#61738a}.energy-reading{text-align:center;margin-top:32px}.energy-percent{display:block;color:var(--energy-state);font-size:clamp(48px,8vw,72px);line-height:1}.energy-label{display:block;margin-top:12px;color:#9baccc;font-size:14px;font-weight:700;letter-spacing:.12em}.energy-coverage,.energy-average{margin:9px 0 0;color:#91a3bd}.energy-empty{margin:20px auto 0;max-width:580px;padding:15px;border:1px solid #27354a;border-radius:12px;color:#91a3bd;text-align:center}.energy-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;text-align:center}.energy-actions button,.energy-save{min-height:48px;padding:0 20px;border:1px solid #48e0b1;border-radius:10px;background:#48e0b1;color:#07100e;font-weight:800;cursor:pointer}.energy-actions .energy-export,.energy-actions .energy-import{background:transparent;color:#b9c8dd;border-color:#39485e}.energy-sync,.energy-note{flex-basis:100%;margin:6px 0;color:#91a3bd;font-size:13px}.energy-history,.energy-trends{margin-top:50px;border-top:1px solid #202c3d;padding-top:24px}.energy-history h3,.energy-trends h3{font-size:16px;letter-spacing:.08em}.energy-trends>p,.energy-history-count{color:#91a3bd;font-size:12px}.energy-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:15px}.energy-metrics article{display:grid;gap:7px;padding:14px;border:1px solid #27354a;border-radius:12px;background:#0c121c}.energy-metrics h4{margin:0;color:#91a3bd;font-size:12px}.energy-metrics strong{font-size:18px}.energy-metrics span{color:#8293ab;font-size:11px}.energy-history-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.energy-history-list button{display:grid;gap:6px;padding:15px;border:1px solid #27354a;border-radius:12px;background:#0c121c;color:#dfe9f8;text-align:left;cursor:pointer}.energy-history-list time,.energy-history-list span{color:#91a3bd;font-size:12px}.energy-dialog{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #304056;border-radius:20px;background:#0c121c;color:#e8effb}.energy-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.energy-form{padding:clamp(18px,4vw,34px)}.energy-form header{display:flex;justify-content:space-between;gap:20px;position:sticky;top:-34px;z-index:2;padding:10px 0;background:#0c121c}.energy-form h3{margin:0;font-size:28px}.energy-form header p{margin:5px 0;color:#91a3bd}.energy-close{border:0;background:transparent;color:#fff;font-size:30px}.energy-form fieldset{margin:22px 0;padding:18px;border:1px solid #28364a;border-radius:14px}.energy-form legend{padding:0 8px;font-weight:800}.energy-form legend small{color:#91a3bd;font-weight:400}.energy-date,.foundation-grid label{display:grid;gap:7px;color:#d7e1ef;font-size:13px;font-weight:700}.energy-form input[type=date],.foundation-grid input,.foundation-grid select,.foundation-grid textarea{min-height:42px;padding:8px 10px;border:1px solid #34445b;border-radius:8px;background:#111a27;color:#eef5ff}.foundation-grid textarea{min-height:72px;resize:vertical}.energy-fields{display:grid;gap:16px}.energy-field{display:grid;grid-template-columns:1fr auto;gap:8px}.energy-field input{grid-column:1/-1;width:100%;accent-color:var(--range-color)}.energy-field small,.foundation-grid small{color:#8293ab;font-weight:400}.foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.foundation-grid .wide{grid-column:1/-1}.energy-formula,.foundation-score,.energy-breakdown{color:#91a3bd;font-size:12px;line-height:1.5}.energy-breakdown{margin:18px 0;padding:12px;border-radius:8px;background:#111a27}.energy-save{width:100%}.energy-feedback{min-height:20px;text-align:center;color:#91a3bd}@media(max-width:600px){.energy{padding-inline:14px}.energy-battery-wrap{width:100%}.energy-battery{gap:4px;padding:9px;border-width:4px;border-radius:24px}.energy-cap{flex-basis:16px;margin-left:5px}.energy-tabs button{min-height:46px}.foundation-grid{grid-template-columns:1fr}.foundation-grid .wide{grid-column:auto}.energy-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);border-radius:14px}.energy-form{padding:16px}.energy-form header{top:-16px}.energy-form fieldset{padding:13px;margin:16px 0}.energy-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.energy-dialog::backdrop{backdrop-filter:none}}

/* Preserve the latest main health navigation and approved compact battery. */
.health-nav{display:flex;gap:14px}.health-nav a{color:#91a3a9;text-decoration:none;font:700 8px Arial;letter-spacing:.18em}.health-nav a:focus-visible{outline:1px solid #7beeff;outline-offset:4px}.energy-battery-wrap{width:min(268px,35.2%)}.energy-battery{width:calc(100% - 13.6px);gap:3.6px;padding:6.4px;border-width:2px;border-radius:16.8px;animation:energy-empty-breathe 3.2s ease-in-out infinite}.energy-segment{border-radius:4px}.energy-cap{flex:0 0 10.8px;height:clamp(25.6px,4.4vw,44px);margin-left:3.2px;border-radius:0 4px 4px 0;animation:energy-empty-cap-breathe 3.2s ease-in-out infinite}.energy.energy-populated .energy-battery{animation-name:energy-populated-breathe}.energy.energy-populated .energy-cap{animation-name:energy-populated-cap-breathe}@keyframes energy-empty-breathe{0%,100%{border-color:#61738a;box-shadow:0 0 0 rgba(255,255,255,0)}50%{border-color:#fff;box-shadow:0 0 15px rgba(255,255,255,.55)}}@keyframes energy-empty-cap-breathe{0%,100%{background:#61738a;box-shadow:0 0 0 rgba(255,255,255,0)}50%{background:#fff;box-shadow:0 0 11px rgba(255,255,255,.5)}}@keyframes energy-populated-breathe{0%,100%{border-color:#48e0b1;box-shadow:0 0 8px color-mix(in srgb,#48e0b1 42%,transparent)}50%{border-color:#fff;box-shadow:0 0 17px color-mix(in srgb,#48e0b1 70%,white 30%)}}@keyframes energy-populated-cap-breathe{0%,100%{background:#48e0b1;box-shadow:0 0 7px color-mix(in srgb,#48e0b1 46%,transparent)}50%{background:#fff;box-shadow:0 0 12px color-mix(in srgb,#48e0b1 70%,white 30%)}}@media(max-width:600px){.health-nav{gap:8px}.health-nav a{font-size:7px}.energy-battery-wrap{width:40%}.energy-battery{gap:2px;padding:4px;border-width:1.2px;border-radius:10.4px}.energy-cap{flex-basis:6.8px;width:6.8px;height:clamp(25.6px,4.4vw,44px);margin-left:2px;border-radius:0 2.8px 2.8px 0}}@media(prefers-reduced-motion:reduce){.energy-battery,.energy-cap{animation:none}.energy-battery{border-color:#fff;box-shadow:none}.energy.energy-populated .energy-battery{border-color:#48e0b1}.energy-cap{background:#fff;box-shadow:none}.energy.energy-populated .energy-cap{background:#48e0b1}}

/* Private dated history and compact check-in update control. */
.energy.energy-previewing .energy-battery{border-color:var(--energy-state);box-shadow:0 0 24px color-mix(in srgb,var(--energy-state) 38%,transparent)}.energy.energy-previewing .energy-cap{background:var(--energy-state);box-shadow:0 0 16px color-mix(in srgb,var(--energy-state) 42%,transparent)}.energy.energy-previewing .energy-label{color:#f1cf83}.energy.energy-previewing .energy-percent{text-shadow:0 0 24px color-mix(in srgb,var(--energy-state) 55%,transparent)}
.energy-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.energy-calendar-nav{display:flex;align-items:center;gap:10px}.energy-calendar-nav button{width:34px;height:34px;border:1px solid #304056;border-radius:50%;background:#0d141f;color:#dce8fa}.energy-calendar-nav button:disabled{opacity:.25}.energy-calendar-label{min-width:132px;text-align:center;color:#dce8fa;font-size:13px}.energy-calendar-weekdays,.energy-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.energy-calendar-weekdays{margin-top:24px;color:#708198;font-size:9px;font-weight:700;letter-spacing:.1em;text-align:center}.energy-calendar{margin-top:9px}.energy-calendar button,.energy-calendar-blank{aspect-ratio:1;border-radius:10px}.energy-calendar button{position:relative;border:1px solid #253348;background:#0c121b;color:#5f7088}.energy-calendar button:disabled{opacity:.42}.energy-calendar button.has-entry{border-color:color-mix(in srgb,var(--day-state) 55%,#253348);background:color-mix(in srgb,var(--day-state) 14%,#0c121b);color:#edf5ff;font-weight:700;cursor:pointer}.energy-calendar button.has-entry:after{content:"";position:absolute;right:7px;bottom:7px;width:5px;height:5px;border-radius:50%;background:var(--day-state)}.energy-calendar button[aria-selected=true]{outline:2px solid var(--day-state);outline-offset:2px}.energy-day-detail{margin-top:18px;padding:20px;border:1px solid #2b3b51;border-radius:15px;background:#0c121b}.energy-day-detail time,.energy-day-detail strong{display:block}.energy-day-detail time{color:#8fa1bb;font-size:12px}.energy-day-detail strong{margin-top:4px;color:#e8effb;font-size:24px}.energy-day-detail p{margin:8px 0 0;color:#9badc5;line-height:1.55}.energy-day-detail button{margin-top:14px;border:1px solid #4e6a72;border-radius:8px;background:transparent;color:#62e9c0;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.09em}.energy-consistency{margin-top:28px}.energy-consistency h4{margin:0 0 14px}.energy-consistency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.energy-consistency-grid article{min-height:112px;padding:15px;border:1px solid #26364a;border-radius:13px;background:#0b111a}.energy-consistency-grid span,.energy-consistency-grid strong,.energy-consistency-grid small{display:block}.energy-consistency-grid span{color:#8fa1bb;font-size:11px}.energy-consistency-grid strong{margin:10px 0 6px;color:#e8effb;font-size:20px}.energy-consistency-grid small,.energy-consistency-note{color:#71839d;line-height:1.4}.energy-consistency-note{font-size:12px}.energy-form-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:18px}.energy-form-footer .energy-feedback{margin-bottom:0}.energy-form-footer .energy-save{flex:0 0 auto;width:auto;min-width:96px;padding:11px 16px;font-size:11px;border-radius:9px}
@media(max-width:700px){.energy-history-heading{display:block}.energy-calendar-nav{justify-content:space-between;margin-top:18px}.energy-calendar-weekdays,.energy-calendar{gap:4px}.energy-calendar button,.energy-calendar-blank{border-radius:7px}.energy-consistency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-form-footer{align-items:flex-end}.energy-form-footer .energy-save{min-width:82px;padding:10px 13px}.energy-day-detail{padding:16px}}