@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Space+Mono&display=swap";:root{--bg-primary:#070a0b;--bg-secondary:#0d1214;--bg-panel:#141b1d;--bg-panel-elevated:#1a2426;--border-subtle:#293638;--border-strong:#45605f;--text-primary:#edf4ef;--text-secondary:#a5b5af;--text-muted:#6c7d78;--accent-green:#8eea3d;--accent-teal:#20d8cc;--accent-gold:#ffbd45;--accent-orange:#ff873c;--positive:#8eea3d;--negative:#ff6b61;--warning:#ffbd45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-primary);font-family:Barlow Condensed,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -10%,#173331 0,#070a0b 38rem),var(--bg-primary);min-width:0;margin:0}button,input{font:inherit}button{border:1px solid var(--border-subtle);color:var(--text-secondary);letter-spacing:.04em;cursor:pointer;background:#101718;border-radius:5px;min-height:44px;margin-top:8px;padding:11px 16px;font-weight:600;transition:all .18s}button:hover,button:focus-visible{border-color:var(--accent-teal);color:var(--text-primary);outline:none;box-shadow:0 0 16px #20d8cc33}.active{border-color:var(--accent-green);color:var(--accent-green);box-shadow:0 0 16px #8eea3d2b}nav{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;max-width:1120px;margin:auto;padding:14px 24px;display:flex}nav b{letter-spacing:-1px;color:var(--text-primary);align-items:center;gap:10px;margin-right:auto;font:600 17px Space Mono;display:flex}nav b:before{content:"";background:url(/logo_healthdashboard.png) 50%/cover;border-radius:50%;width:34px;height:34px;display:block;box-shadow:0 0 13px #20d8cc55}nav b span{color:var(--accent-teal)}main{max-width:1120px;margin:auto;padding:38px 24px 70px}header{border-bottom:1px solid var(--border-subtle);padding-bottom:24px}header small{color:var(--accent-teal);letter-spacing:1.5px;font:11px Space Mono}h1{letter-spacing:.02em;margin:16px 0 8px;font-size:clamp(44px,8vw,82px);line-height:.84}h2{letter-spacing:.04em;margin:0 0 20px;font-size:24px}article{background:linear-gradient(145deg,var(--bg-panel-elevated),var(--bg-panel));border:1px solid var(--border-subtle);border-radius:7px;margin-bottom:18px;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 35px #0005}article:before{content:"";background:var(--accent-teal);width:42px;height:2px;box-shadow:0 0 12px var(--accent-teal);position:absolute;top:0;left:0}.hero{background:var(--border-subtle);grid-template-columns:repeat(5,1fr);gap:1px;margin:28px 0;display:grid}.hero div{background:var(--bg-panel);padding:22px}.hero span,.metric span,small,.muted,.compare{color:var(--text-muted);letter-spacing:.03em;font-size:14px;display:block}.hero strong{color:var(--accent-gold);text-shadow:0 0 15px #ffbd4533;margin-top:15px;font:700 clamp(23px,3vw,36px) Space Mono;display:block}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.metric{border-top:1px solid #293638;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.metric strong{color:var(--text-primary);font:16px Space Mono}input{width:100%;color:var(--text-primary);border:1px solid var(--border-strong);background:#080d0e;border-radius:4px;margin:8px 0 14px;padding:13px;font:18px Space Mono;display:block}input:focus{outline:2px solid var(--accent-teal);border-color:var(--accent-teal)}.secondary{background:0 0}.daynav,.periods{flex-wrap:wrap;gap:8px;display:flex}.linechart{width:100%;height:220px;color:var(--accent-teal);background:linear-gradient(#0000 49%,#45605f 50%,#0000 51%);display:block}.trend-list{gap:8px;margin-top:18px;display:grid}.trend-list div{border-top:1px solid #293638;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.trend-list span{text-align:right;color:var(--text-secondary)}.legend{color:var(--text-muted);margin-top:8px;font-size:12px}.legend span{color:var(--accent-teal);margin:0 8px}.legend i{color:var(--accent-gold);margin-left:8px}.error{border:1px solid var(--negative);color:#ffb1a9;background:#2a1718;margin-bottom:16px;padding:12px}.error button{color:var(--negative);background:0 0;padding:2px}.chart{overflow:hidden}.muted{color:var(--text-muted)}@media (width<=780px){main{padding:24px 16px 60px}nav{flex-wrap:wrap;padding:12px 16px}nav b{width:100%;margin-bottom:4px}.hero,.grid{grid-template-columns:1fr}.hero{background:0 0;gap:8px}.hero div{border:1px solid var(--border-subtle);border-radius:5px}.daynav button,.periods button{flex:1}.linechart{height:180px}.trend-list div{display:block}.trend-list span{text-align:left;margin-top:4px;display:block}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=767px){nav:not(.mobile-bottom-nav) button,nav:not(.mobile-bottom-nav) b,nav:not(.mobile-bottom-nav) .user-nav{display:none}.mobile-action-bar{padding:calc(8px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:space-between;gap:10px;display:flex}.mobile-action{flex:1;min-height:44px;margin:0;padding:8px 10px}.mobile-action:first-child{color:var(--accent-teal);border-color:var(--accent-teal)}.mobile-action span{vertical-align:-2px;font-size:20px;line-height:0;display:inline-block}.mobile-action:first-child:disabled span{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}}:root{--chart-axis:#314345}.weight-chart{width:100%;height:280px;margin-top:12px;overflow:visible}.axis line{stroke:var(--chart-axis);stroke-width:.25px}.axis text,.x-labels text{fill:var(--text-muted);font:3px Space Mono}.x-labels text{text-anchor:middle}.actual-line{fill:none;stroke:var(--accent-teal);stroke-width:1px;vector-effect:non-scaling-stroke}.forecast-line{fill:none;stroke:var(--accent-gold);stroke-width:1px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.target-line{stroke:var(--accent-orange);stroke-width:.5px;stroke-dasharray:1 2}.point{fill:var(--accent-teal);stroke:var(--bg-primary);stroke-width:.4px}.chart-legend{color:var(--text-secondary);flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.chart-legend span:before{content:"-";color:var(--accent-teal);margin-right:6px}.chart-legend .forecast-key:before{content:"- -";color:var(--accent-gold)}.chart-legend .target-key:before{content:"··";color:var(--accent-orange)}.page-head{justify-content:space-between;align-items:center;gap:24px;display:flex}.hero-side{align-items:center;gap:18px;display:flex}.hero-logo{object-fit:contain;width:clamp(100px,14vw,200px);height:auto}.projection-summary,.projection-grid,.settings-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.projection-grid{margin-top:20px}.projection-grid div{background:var(--bg-panel-elevated);border-radius:12px;padding:14px}.projection-grid small,.projection-grid strong{display:block}.projection-grid strong{margin-top:5px;font-size:1.25rem}.weight-chart svg{width:100%;height:auto;min-height:380px;display:block}.weight-chart text{fill:var(--text-muted);font-size:13px}.settings-grid{grid-template-columns:repeat(2,1fr)}@media (width<=780px){.page-head{align-items:flex-start}.hero-side{align-items:center}.hero-logo{width:110px}.projection-summary,.projection-grid,.settings-grid{grid-template-columns:repeat(2,1fr)}.weight-chart{min-height:340px}.weight-chart svg{min-height:280px}}.sync-nav{border-color:var(--accent-teal);color:var(--accent-teal);white-space:nowrap}.page-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.hero-side{grid-area:1/2}.hero-logo{object-fit:contain;content:url(/logo_healthdashboard.png?v=20260827-1);width:clamp(180px,18vw,220px);height:auto}.sync-control{display:none}.weight-chart{height:auto;min-height:460px;overflow:visible}.weight-chart svg{min-height:380px}.grid-line{stroke:var(--border-subtle);stroke-width:1px}@media (width<=780px){nav .sync-nav{flex-basis:100%;margin-left:auto;margin-right:auto}.page-head{flex-direction:column;align-items:stretch;display:flex}.hero-side{text-align:center;order:2}.hero-logo{width:120px;margin:0 auto}.weight-chart{min-height:350px}.weight-chart svg{min-height:290px}}nav b:before{background-image:url(/logo_healthdashboard.png?v=20260827-1)!important}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:linear-gradient(145deg,var(--bg-panel-elevated),var(--bg-panel));border:1px solid var(--border-strong);border-radius:8px;width:min(100%,420px);padding:32px;box-shadow:0 20px 60px #0008}.auth-card label{color:var(--text-secondary);margin-top:18px;display:block}.auth-card button{width:100%;margin-top:18px}.auth-logo{letter-spacing:-1px;font:600 25px Space Mono}.auth-logo span{color:var(--accent-teal)}.auth-error{color:var(--negative);border-left:2px solid var(--negative);padding-left:10px}.auth-loading{min-height:100vh;color:var(--accent-teal);place-items:center;display:grid}.user-nav{color:var(--text-muted);white-space:nowrap;font-size:13px}@media (width<=780px){.user-nav{text-align:center;order:5;width:100%}.auth-card{padding:24px}}.mobile-bottom-nav{display:none}.nav-icon{border:2px solid;border-radius:4px;width:18px;height:18px;margin:auto auto 3px;display:block}.nav-history{border-radius:50%}.nav-trends{border-width:0 0 2px 2px;transform:skewY(-25deg)}.nav-settings{border-radius:50%}.mobile-action-bar{display:none}@media (width<=767px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-bottom-nav{z-index:10;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1214ee;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav button{min-height:52px;color:var(--text-muted);background:0 0;border:0;margin:0;padding:5px 2px;font-size:11px}.mobile-bottom-nav button.active{color:var(--accent-teal);box-shadow:none}.mobile-bottom-nav button:hover{box-shadow:none}.mobile-bottom-nav .nav-icon{color:inherit}}.energy-line{fill:none;stroke:var(--accent-green);stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.energy-key:before{content:"· ·";color:var(--accent-green);margin-right:6px}.actual-key:before{content:"━";color:var(--accent-teal);margin-right:6px}.projection-details{margin-top:18px}.model-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.model-summary>div,.projection-detail-grid>div{background:var(--bg-panel-elevated);border-radius:8px;padding:14px}.model-summary b,.model-summary strong,.model-summary small{display:block}.model-summary b{color:var(--text-muted);font:12px Space Mono}.model-summary strong{color:var(--text-primary);margin-top:8px;font:18px Space Mono}.projection-detail-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.projection-detail-grid b,.projection-detail-grid span{display:block}.projection-detail-grid b{color:var(--accent-teal);margin-bottom:8px}.projection-detail-grid span{color:var(--text-secondary);font-size:13px;line-height:1.7}@media (width<=780px){.model-summary,.projection-detail-grid{grid-template-columns:1fr 1fr}.chart-legend{gap:8px}}.projection-accuracy{margin-top:18px}.accuracy-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.accuracy-grid>div{background:var(--bg-panel-elevated);border-radius:8px;padding:14px}.accuracy-grid b,.accuracy-grid span,.latest-accuracy span{display:block}.accuracy-grid b{color:var(--accent-teal)}.accuracy-grid span{color:var(--text-secondary);font-size:13px;line-height:1.7}.latest-accuracy{border-left:2px solid var(--accent-gold);background:var(--bg-panel-elevated);gap:6px;margin-top:14px;padding:14px;display:grid}.latest-accuracy span{color:var(--text-secondary);font-size:13px}@media (width<=780px){.accuracy-grid{grid-template-columns:1fr}}@media (width<=767px){html,body,#root{width:100%;min-width:0}nav{align-items:stretch;gap:6px;width:100%;padding:12px 12px 10px}nav b{flex:0 0 100%;align-items:center;width:auto;min-height:40px;margin:0;display:flex}nav button{flex:calc(50% - 6px);min-width:0;min-height:46px;padding:10px 8px;font-size:14px;line-height:1.1}nav .sync-nav{flex-basis:100%;margin-left:0}main{width:100%;padding:24px 16px calc(56px + env(safe-area-inset-bottom))}main>*{min-width:0;max-width:100%}.page-head{gap:10px}.page-head h1{overflow-wrap:anywhere;font-size:clamp(38px,14vw,58px);line-height:.98}.hero-side{width:100%;padding:0}.hero-logo{width:112px;margin:0 auto}.hero{grid-template-columns:1fr;gap:8px;margin:18px 0}.hero div{min-width:0;padding:16px 14px}.hero strong{white-space:nowrap;font-size:26px}.grid{grid-template-columns:1fr;gap:14px}article{border-radius:14px;width:100%;padding:18px 16px}article h2{font-size:21px;line-height:1.1}.metric{min-width:0}.metric strong{white-space:nowrap}.daynav,.periods{gap:6px;width:100%}.daynav button,.periods button{flex:1;min-width:0;min-height:44px;padding:9px 8px}input{width:100%;min-height:48px}.projection-summary,.projection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.projection-grid .metric,.projection-summary .metric{padding:12px 10px}.model-summary{grid-template-columns:1fr;gap:10px}.projection-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.accuracy-grid{grid-template-columns:1fr;gap:10px}.weight-chart{width:100%;min-width:0;padding:14px 10px;overflow:hidden}.weight-chart svg{width:100%;max-width:100%;height:auto;min-height:260px}.chart-legend{flex-wrap:wrap;gap:8px 14px;font-size:12px}.trend-list div{padding:12px 0;display:block}.trend-list span{text-align:left;margin-top:4px;display:block}.settings-grid{grid-template-columns:1fr;gap:14px}.settings-grid article{min-width:0}.muted{overflow-wrap:anywhere}.page-head .hero-side{order:-1;justify-content:center;margin-bottom:2px}.page-head .hero-logo{width:clamp(140px,42vw,170px);max-width:100%;height:auto;margin:0 auto;display:block}.page-head>div:first-child{text-align:left}}@media (width<=479px){nav{padding-left:8px;padding-right:8px}nav button{letter-spacing:.01em;padding-left:5px;padding-right:5px;font-size:12px}main{padding-left:12px;padding-right:12px}.projection-summary,.projection-grid,.projection-detail-grid{grid-template-columns:1fr}.hero div{padding:14px 12px}.weight-chart svg{min-height:230px}article{padding-left:14px;padding-right:14px}}@media (width>=768px) and (width<=1024px){nav,main{padding-left:24px;padding-right:24px}.hero{grid-template-columns:repeat(3,minmax(0,1fr))}.grid,.projection-summary,.projection-grid,.projection-detail-grid,.accuracy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weight-chart{min-width:0;overflow:hidden}.weight-chart svg{width:100%;max-width:100%}}.hero .metric{align-items:center;min-height:68px}.intake-metric{align-items:center}.intake-value{color:var(--text-primary);white-space:nowrap;cursor:pointer;background:0 0;border-color:#0000 #0000 #20d8cc88;margin:0;padding:6px 8px;font:400 16px/1.1 Space Mono}.intake-value:hover,.intake-value:focus-visible{border-color:var(--accent-teal);color:var(--accent-teal);box-shadow:0 0 12px #20d8cc33}.intake-edit{text-align:right;flex:1;min-width:0}.intake-edit input{width:100%;max-width:180px;margin:0 0 6px auto;padding:8px;font-size:16px}.intake-edit button{min-height:42px;margin:0 0 0 6px;padding:8px 10px;font-size:13px}.hero .intake-edit>div{background:0 0;padding:0}@media (width>=1025px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=479px){.intake-metric{align-items:flex-start;display:block}.intake-value{margin-top:5px;margin-left:-8px}.intake-edit{text-align:left}.intake-edit input{max-width:none;margin:8px 0}.intake-edit button{margin:0 6px 0 0}}.hero .intake-label{background:0 0;border:0;flex-direction:column;gap:3px;padding:0;display:flex}.intake-label small{color:var(--text-muted);letter-spacing:.04em;font-size:10px}.hero .intake-edit{background:0 0;border:0;padding:0}.balance-metric.deficit strong,.balance-inline.deficit{color:var(--positive)}.balance-metric.surplus strong,.balance-inline.surplus{color:var(--negative)}.balance-metric.neutral strong,.balance-inline.neutral{color:var(--text-secondary)}.balance-metric span{font-weight:600}.balance-inline{white-space:nowrap;font-weight:600}.today-scenario{border-left:2px solid var(--accent-gold);background:var(--bg-panel-elevated);gap:6px;margin:14px 0;padding:14px;display:grid}.today-scenario b{color:var(--accent-gold);font:12px Space Mono}.today-scenario span{color:var(--text-secondary)}@media (width<=767px){.hero .intake-label{padding:0}.trend-list .balance-inline{text-align:left;margin-top:0;display:inline}nav:not(.mobile-bottom-nav)>b,nav:not(.mobile-bottom-nav)>.user-nav{display:none}.mobile-action-bar{visibility:visible;z-index:2;box-sizing:border-box;width:100%;display:flex;position:relative}}