:root{--ink:#17352f;--muted:#73817b;--canvas:#f4f1e9;--card:#fffefa;--line:#e6e4db;--lime:#b9dc6c;--lime-dark:#789d2f;--coral:#f5a487;--lavender:#cfc4ee;--yellow:#f1d778;--shadow:0 14px 40px #2739320f;--radius:24px;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 2%, #bcdb701c, transparent 25%), var(--canvas);min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #789d2f4d}.app-shell{min-height:100vh}.sidebar{color:#dfe9e4;z-index:20;background:#173b33;flex-direction:column;width:226px;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;margin:0 8px 38px;display:flex}.brand>span{background:var(--lime);color:#173b33;border-radius:12px 12px 12px 4px;place-items:center;width:36px;height:36px;font:800 24px/1 Manrope;display:grid}.brand strong{letter-spacing:.14em;font:800 20px/1 Manrope}.sidebar nav{gap:7px;display:grid}.sidebar nav button,.sidebar-bottom>button{color:#aebfb8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:13px;padding:13px 14px;font-weight:600;display:flex}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#d9f2a0;background:#bbdc6c26}.sidebar nav button.active:before{content:"";background:var(--lime);border-radius:0 5px 5px 0;width:4px;height:26px;position:absolute;left:0}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.streak{background:#ffffff12;border:1px solid #ffffff14;border-radius:15px;align-items:center;gap:10px;margin:0 5px;padding:13px;display:flex}.streak span{font-size:21px}.streak strong,.streak small{display:block}.streak strong{color:#fff;font-size:13px}.streak small{color:#9fb2aa;margin-top:2px;font-size:10px}main{max-width:1700px;margin-left:226px;padding:38px clamp(24px,4vw,66px) 70px}.topbar,.page-title{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em;font-family:Manrope,sans-serif}h1{margin-bottom:10px;font-size:clamp(30px,3.3vw,47px);line-height:1.08}h1 span{font-size:.72em}h2{margin-bottom:0;font-size:21px}.eyebrow{color:#89948f;letter-spacing:.16em;margin-bottom:7px;font-size:10px;font-weight:800}.subtle,.page-title p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.subtle strong{color:var(--ink)}.header-actions{align-items:center;gap:12px;display:flex}.sync{color:#65746e;align-items:center;gap:7px;font-size:12px;display:flex}.sync i{background:#91bd42;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #91bd4221}.icon-button,.dots{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.dots{color:#9aa39f;background:0 0;border:0;width:34px;height:34px}.avatar{background:#e5bfae;border:3px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font:800 12px Manrope;display:grid;box-shadow:0 3px 10px #0000000f}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fffefaf0;border:1px solid #e0e0d6e0}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-grid{grid-template-columns:1.55fr .9fr;gap:18px;display:grid}.daily-score,.weight-card{padding:25px}.score-content{align-items:center;gap:clamp(24px,4vw,64px);padding:25px 8px 21px;display:flex}.ring{--value:270deg;--ring:var(--lime);aspect-ratio:1;background:conic-gradient(var(--ring) var(--value), #edf0e7 0);border-radius:50%;flex:none;place-items:center;width:162px;display:grid;position:relative}.ring:before{content:"";background:var(--card);border-radius:50%;position:absolute;inset:13px}.ring>div{z-index:1;text-align:center}.ring strong{font:800 36px/1 Manrope;display:block}.ring sup{margin-left:2px;font-size:15px}.ring small{color:var(--muted);font-size:10px}.score-stats{flex:1;gap:16px;display:grid}.score-stats>div{grid-template-columns:42px 1fr;align-items:center;column-gap:12px;display:grid}.score-stats .stat-icon{grid-row:1/3}.score-stats p,.score-stats small{margin:0}.score-stats p{font-size:14px}.score-stats p strong{font:800 18px Manrope}.score-stats small{color:var(--muted);font-size:11px}.stat-icon,.focus-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.fire{color:#d16b47;background:#ffe5d8}.leaf{color:#688f29;background:#e2efc8}.bolt{color:#b38809;background:#fff1bc}.insight{color:#647069;background:#f1f4e9;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.insight svg{color:#82a63d;flex:none}.insight strong{color:var(--ink)}.trend{color:#6d922c;background:#ecf4db;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.weight-main{margin-top:31px}.weight-main strong{font:800 51px/1 Manrope}.weight-main>span{margin-left:5px;font:700 17px Manrope}.weight-main small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.weight-track{background:#e9ede3;border-radius:999px;height:7px;margin:27px 4px 8px;position:relative}.weight-track span{background:var(--lime);border-radius:inherit;height:100%;display:block}.weight-track i{background:var(--lime-dark);border:3px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 1px 5px #aebba2}.weight-labels{color:var(--muted);justify-content:space-between;margin-bottom:23px;font-size:10px;display:flex}.weight-labels small{color:#a6aea9;display:block}.secondary,.primary,.select-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#173b33;border-color:#173b33}.primary:disabled{opacity:.48;cursor:not-allowed}.wide{width:100%}.quick-section{margin:31px 0}.section-heading{margin-bottom:13px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-card{text-align:left;color:var(--ink);cursor:pointer;border:0;border-radius:19px;grid-template-columns:45px 1fr 18px;align-items:center;gap:13px;padding:18px;transition:transform .2s,box-shadow .2s;display:grid}.quick-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quick-card.coral{background:#f5c4b1}.quick-card.lime{background:#d6eaa7}.quick-card.lavender{background:#dcd4f1}.quick-card>span{background:#ffffff8c;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.quick-card strong,.quick-card small{display:block}.quick-card strong{font:700 13px Manrope}.quick-card small{color:#17352fab;margin-top:3px;font-size:10px}.content-grid{grid-template-columns:1.3fr .85fr;gap:18px;display:grid}.meals-card,.week-card,.nutrient-preview,.analytics-card{padding:25px}.text-button{color:var(--lime-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.timeline{margin-top:14px}.meal{border-bottom:1px solid #eeede7;grid-template-columns:42px 38px 1fr auto 28px;align-items:center;gap:11px;min-height:70px;display:grid}.meal:last-child{border-bottom:0}.meal time{color:#9aa39f;font-size:10px}.meal-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.meal-icon svg{width:16px}.peach{color:#c86e4d;background:#ffe1d3}.green{color:#678b2d;background:#e4f0cf}.yellow{color:#a57d00;background:#fff0bb}.blue{color:#4b7e7f;background:#dbe9ea}.meal strong,.meal small{display:block}.meal strong{font-size:12px}.meal small{color:var(--muted);margin-top:3px;font-size:9px}.meal-numbers{text-align:right}.add-meal{color:#6d7d76;cursor:pointer;background:#fafaf6;border:1px dashed #cfd4ca;border-radius:11px;width:100%;margin-top:13px;padding:11px;font-size:11px;font-weight:700}.select-button{padding:7px 9px;font-size:10px}.bar-chart{align-items:flex-end;gap:8px;height:206px;padding-top:30px;display:flex}.bar-column{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;gap:8px;height:100%;display:flex}.bar-column span{background:#e2e5dc;border-radius:6px 6px 3px 3px;min-height:10px;position:relative}.bar-column span.good{background:var(--lime)}.bar-column i{font-size:9px;font-style:normal;display:none;position:absolute;top:-22px;left:50%;translate:-50%}.bar-column:hover i{display:block}.bar-column small{color:#8e9893;font-size:9px}.week-summary{border-top:1px solid #e8e8e0;grid-template-columns:repeat(3,1fr);margin-top:17px;padding-top:15px;display:grid}.week-summary div{border-left:1px solid #e8e8e0;padding-left:12px}.week-summary div:first-child{border:0;padding-left:0}.week-summary strong,.week-summary small{display:block}.week-summary strong{font:800 13px Manrope}.week-summary small{color:var(--muted);margin-top:3px;font-size:8px}.nutrient-preview{margin-top:18px}.focus-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.focus-item{background:#faf9f4;border:1px solid #eeede6;border-radius:15px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.focus-item strong,.focus-item small{display:block}.focus-item strong{font-size:12px}.focus-item small{color:var(--muted);margin:3px 0 8px;font-size:9px}.focus-item b{font-size:11px}.sun{color:#b48800;background:#fff0bb}.drop{color:#4a8582;background:#dbeceb}.seed{color:#668b2c;background:#e3efd0}.user{color:#4a8582;background:#dbeceb}.target{color:#c86e4d;background:#ffe1d3}.food{color:#668b2c;background:#e3efd0}.progress{background:#e9ece5;border-radius:99px;height:5px;overflow:hidden}.progress span{border-radius:inherit;background:#e0b84e;height:100%;display:block}.progress span.done{background:#8fba43}.data-note{color:#87918c;align-items:center;gap:7px;margin:15px 0 0;font-size:9px;display:flex}.page-block{max-width:1180px}.page-title h1{margin-bottom:7px}.page-title>div>p:last-child{font-size:13px}.diary-large{padding:20px 28px}.diary-row{grid-template-columns:60px 44px 1fr auto auto;min-height:90px}.diary-row .meal-icon{width:40px;height:40px}.diary-row strong{font-size:14px}.diary-row small{font-size:11px}.segmented{border:1px solid var(--line);background:#ebeae3;border-radius:12px;padding:4px;display:flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:700}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1e322812}.list-heading{color:#9aa29e;text-transform:uppercase;letter-spacing:.12em;grid-template-columns:1fr 1fr;padding:18px 28px 10px 80px;font-size:8px;font-weight:800;display:grid}.nutrient-row{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #efeee8;grid-template-columns:42px 1fr 1.2fr 18px;align-items:center;gap:14px;width:100%;padding:13px 24px;display:grid}.nutrient-row:hover{background:#fbfaf6}.nutrient-mark{color:#65842e;background:#edf3e1;border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.nutrient-name strong,.nutrient-name small{display:block}.nutrient-name strong{font-size:12px}.nutrient-name small{color:var(--muted);margin-top:3px;font-size:9px}.nutrient-progress{grid-template-columns:1fr 35px;align-items:center;gap:9px;display:grid}.nutrient-progress small{text-align:right;color:var(--muted);font-size:9px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:19px}.metric-card>span{color:var(--muted);font-size:11px}.metric-card strong{margin:8px 0 5px;font:800 28px Manrope;display:block}.metric-card strong small{color:var(--muted);font:600 11px DM Sans}.metric-card p{color:#789d2f;margin:0;font-size:9px}.legend{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.legend i{background:#b9dc6c40;border-radius:3px;width:10px;height:10px}.area-chart{margin-top:20px}.area-chart svg{width:100%;height:280px;overflow:visible}.range{fill:#b9dc6c1f}.line-fill{fill:url(#fill)}.chart-line{fill:none;stroke:#789d2f;stroke-width:4px;stroke-linecap:round}.chart-labels{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-card{padding:24px}.settings-card h2{margin-bottom:19px}.setting-row{border-top:1px solid #eeeae4;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;padding:15px 0;display:grid}.setting-row strong,.setting-row small,.integration strong,.integration small{display:block}.setting-row strong,.integration strong{font-size:12px}.setting-row small,.integration small{color:var(--muted);margin-top:3px;font-size:9px}.integration{grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:19px 0 27px;display:grid}.integration-logo{color:#fff;background:#173b33;border-radius:13px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.status{border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800}.status.pending{color:#8a7452;background:#f1ece0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11262173;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:24px;width:min(540px,100%);padding:26px;box-shadow:0 30px 90px #0f1f1b40}.modal-head{justify-content:space-between;display:flex}.modal label{gap:8px;margin-top:23px;font-size:11px;font-weight:700;display:grid}.modal textarea{resize:vertical;min-height:120px;color:var(--ink);background:#fbfaf6;border:1px solid #d8d9d1;border-radius:14px;padding:14px}.estimate-note{color:#66716b;background:#eff3e7;border-radius:12px;gap:9px;margin-top:12px;padding:12px;font-size:10px;line-height:1.5;display:flex}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.mobile-nav,.mobile-add{display:none}@media (max-width:1100px){.hero-grid,.content-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid .quick-card:last-child{grid-column:1/-1}.focus-grid,.metric-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){body{background:#f6f4ee}.sidebar{display:none}main{margin:0;padding:22px 16px 104px}.topbar,.page-title{align-items:center;margin-bottom:22px}.topbar h1{font-size:30px}.topbar .subtle{max-width:280px}.header-actions .sync,.header-actions .icon-button{display:none}.hero-grid{gap:12px}.daily-score,.weight-card,.meals-card,.week-card,.nutrient-preview,.analytics-card{padding:19px}.score-content{gap:20px;padding:22px 0}.ring{width:128px}.ring strong{font-size:29px}.score-stats{gap:11px}.score-stats>div{grid-template-columns:36px 1fr}.stat-icon{border-radius:11px;width:36px;height:36px}.quick-section{margin:25px 0}.quick-grid{grid-template-columns:1fr}.quick-grid .quick-card:last-child{grid-column:auto}.content-grid{gap:12px}.focus-grid{grid-template-columns:1fr}.meal{grid-template-columns:35px 34px 1fr auto}.meal .dots,.meal-numbers small{display:none}.metric-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.page-title{display:block}.page-title>.primary,.page-title>.secondary,.segmented{margin-top:16px}.list-heading{display:none}.nutrient-row{grid-template-columns:36px 1fr 1fr 12px;padding:12px}.nutrient-progress{grid-template-columns:1fr 30px}.diary-large{padding:12px}.diary-row{grid-template-columns:38px 34px 1fr auto}.diary-row>.secondary{display:none}.mobile-nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:9px 8px max(9px,env(safe-area-inset-bottom));background:#fffefaf5;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.mobile-nav button{color:#89958f;background:0 0;border:0;place-items:center;gap:3px;font-size:8px;font-weight:700;display:grid}.mobile-nav button.active{color:#537928}.mobile-nav svg{width:20px}.mobile-add{z-index:45;color:#fff;background:#173b33;border:4px solid #f6f4ee;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed;bottom:78px;right:18px;box-shadow:0 9px 24px #14322a40}.area-chart svg{height:190px}}@media (max-width:430px){.score-content{align-items:flex-start}.ring{width:112px}.score-stats p strong{font-size:15px}.header-actions{gap:6px}.avatar{width:38px;height:38px}.metric-grid{gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:23px}.nutrient-name small{max-width:110px}.nutrient-row{gap:8px}.nutrient-progress{grid-template-columns:1fr}.nutrient-progress small{display:none}}