:root{--bg:#f3f7f4;--surface:#fff;--surface-2:#eef4f0;--text:#17332c;--muted:#6a7d77;--line:#dbe6e0;--accent:#147d69;--accent-2:#d9f1e8;--protein:#4577c8;--carbs:#df9c3f;--fat:#b56ca6;--fiber:#258b73;--meal1:#2e8b73;--meal2:#e3a647;--meal3:#7a7fcb;--meal4:#a96779;--danger:#8b4d52;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r1:10px;--r2:16px;--r3:24px;--shadow:0 1px 2px #163c2b0a,0 12px 30px #163c2b0d;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0;font-size:15px}body:before{content:"";z-index:-1;background:radial-gradient(circle at 90% 0,#d8eee5 0,#0000 28%),linear-gradient(135deg,#0000,#eef4ef);position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.shell>aside{border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 86%,transparent);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand .logo{background:var(--accent);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:19px}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.shell nav{gap:6px;margin-top:40px;display:grid}.shell nav button,.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:12px 14px;display:flex}.shell nav button.active,.shell nav button:hover{background:var(--accent-2);color:var(--accent);font-weight:700}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.profile b,.profile small{display:block}.profile small{color:var(--muted);font-size:11px}.avatar{background:var(--accent-2);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;font-weight:800;display:grid}main{width:min(100%,1240px);margin:auto;padding:32px 42px 100px}header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:0;font-size:30px}h2{letter-spacing:-.025em;margin-bottom:7px;font-size:23px}h3{margin-bottom:4px;font-size:17px}p{color:var(--muted);line-height:1.6}.eyebrow,.card-label{letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:800}.hero-row,.section-head,.card-head,.review-head,.item-title{justify-content:space-between;align-items:center;display:flex}.primary,.secondary{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-weight:750;display:inline-flex}.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #147d6926}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:var(--surface-2);color:var(--accent);border:1px solid var(--line)}.full{width:100%}.icon-button,.text-button{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px}.text-button{color:var(--accent);font-weight:700}.grid{gap:18px;display:grid}.dashboard{grid-template-columns:1.6fr 1.15fr 1fr}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);min-width:0;padding:22px}.wide{grid-column:span 2}.calorie-card{justify-content:space-between;align-items:center;display:flex}.calorie-card p{max-width:300px}.legend-row{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.green{background:var(--accent)}.muted{background:var(--line)}.ring{width:170px}.ring-bg,.ring-value{fill:none;stroke-width:14px}.ring-bg{stroke:var(--surface-2)}.ring-value{stroke:var(--accent);stroke-linecap:round}.chart-value{font:800 23px var(--font);fill:var(--text);stroke:none}.chart-sub{font:12px var(--font);fill:var(--muted);stroke:none}.meter{margin-top:17px}.meter>div{justify-content:space-between;display:flex}.meter span{font-variant-numeric:tabular-nums}.meter small{color:var(--muted)}.meter>i{background:var(--surface-2);border-radius:20px;height:7px;margin-top:8px;display:block;overflow:hidden}.meter em{border-radius:20px;height:100%;display:block}.chart{width:100%;height:auto;max-height:300px;margin-top:12px}.grid line{stroke:var(--line);stroke-width:1px}.grid text,.x-label{fill:var(--muted);font:11px var(--font);stroke:none}.bar{fill:var(--accent)}.target{stroke:var(--muted);stroke-dasharray:6 5}.donut-wrap{align-items:center;gap:20px;display:flex}.donut{width:min(55%,180px);height:auto}.donut circle{stroke-linecap:butt}.chart-legend{flex:1;gap:10px;font-size:12px;display:grid}.chart-legend span{color:var(--muted);grid-template-columns:8px 1fr auto;align-items:center;gap:7px;display:grid}.chart-legend i{border-radius:50%;width:8px;height:8px}.chart-legend b{color:var(--text);font-variant-numeric:tabular-nums}.section-head{margin:34px 0 14px}.section-head h2{margin-bottom:3px}.section-head p{margin-bottom:0}.meal-list{gap:12px;display:grid}.meal-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.meal-icon{background:var(--accent-2);width:46px;height:46px;color:var(--accent);border-radius:13px;place-items:center;display:grid}.meal-main h3{margin:4px 0}.meal-main small{color:var(--muted)}.meal-kcal{text-align:right;font-variant-numeric:tabular-nums}.meal-kcal strong,.meal-kcal small{display:block}.meal-kcal strong{font-size:20px}.meal-kcal small{color:var(--muted)}.macro-strip{border-radius:10px;gap:2px;max-width:240px;height:4px;margin-top:12px;display:flex;overflow:hidden}.macro-strip i{height:100%}.fab,.bottom-nav{display:none}.narrow{max-width:760px;margin:auto}.tabs{background:var(--surface-2);border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:5px;display:grid}.tabs button{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.tabs .active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.form-card label,.item-editor label,.summary label{color:var(--muted);gap:7px;margin:16px 0;font-size:12px;font-weight:750;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:none;width:100%;min-height:44px;padding:11px 12px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-2)}textarea{resize:vertical}.drop{cursor:pointer;background:var(--surface-2);border-radius:14px;place-items:center;border:2px dashed var(--line)!important;padding:34px!important}.drop input{opacity:0;pointer-events:none;position:absolute}.drop svg{width:36px;height:36px;color:var(--accent)}.hint,.notice{background:var(--accent-2);color:var(--text);border-radius:12px;align-items:flex-start;gap:12px;margin:18px 0;padding:14px;font-size:13px;line-height:1.5;display:flex}.hint b,.hint small{display:block}.hint small{color:var(--muted)}.review-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px;display:grid}.summary{position:sticky;top:20px}.pill{color:var(--accent);background:var(--accent-2);border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.pill svg{width:14px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row.three{grid-template-columns:repeat(3,1fr)}.form-row.five{grid-template-columns:repeat(5,1fr)}.item-editor{margin-top:15px}.item-editor input{font-variant-numeric:tabular-nums}.assumption{color:var(--muted)}.summary-values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding:16px 0;display:grid}.summary-values span{color:var(--muted);font-size:11px}.summary-values b{color:var(--text);font-size:16px;display:block}.toolbar{grid-template-columns:1fr auto auto;gap:12px;margin-bottom:18px;display:grid}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.stat strong,.stat small{display:block}.stat strong{font-variant-numeric:tabular-nums;margin-top:12px;font-size:30px}.stat small{color:var(--muted)}.progress-grid{grid-template-columns:2fr 1fr}.heatmap{grid-template-columns:repeat(7,1fr);gap:5px;max-width:320px;margin:24px auto;display:grid}.heatmap i{aspect-ratio:1;background:var(--accent);border-radius:4px}.chart-empty{text-align:center;color:var(--muted);padding:50px 10px}.settings{gap:18px;display:grid}.settings h3{margin-top:30px}.disclaimer{color:var(--muted);padding:0 12px;font-size:12px;line-height:1.6}.login{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login>section{background:linear-gradient(145deg,#e6f3ec,var(--bg));flex-direction:column;padding:48px 7vw;display:flex}.login-copy{max-width:620px;margin:auto 0}.login-copy h1{margin:16px 0 24px;font-size:clamp(38px,5vw,68px);line-height:1.04}.login-copy p{max-width:560px;font-size:18px}.feature{align-items:center;gap:12px;margin-top:38px;display:flex}.feature>svg{color:var(--accent);width:30px}.feature b,.feature small{display:block}.feature small{color:var(--muted);margin-top:3px}.login>form{width:min(420px,80%);margin:auto}.login>form h2{font-size:30px}.login>form label{gap:8px;margin:28px 0 18px;font-size:13px;font-weight:700;display:grid}.center{text-align:center;color:var(--muted);margin-top:16px;display:block}.error{color:var(--danger);background:#f4e8e8;border-radius:9px;padding:10px}@media (width<=1100px){.dashboard{grid-template-columns:1fr 1fr}.dashboard .wide{grid-column:span 2}.progress-grid{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr}.summary{position:static}.stats{grid-template-columns:1fr 1fr}}@media (width<=780px){.shell{display:block}.shell>aside{display:none}main{padding:22px 16px 100px}header{margin-bottom:24px}.bottom-nav{z-index:10;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;margin:0!important;display:grid!important}.bottom-nav button{place-items:center;gap:2px;min-height:54px;padding:5px 2px;font-size:10px;display:grid}.bottom-nav button.active{color:var(--accent)}.bottom-nav svg{width:20px}.login{display:block}.login>section{min-height:42vh;padding:28px 24px}.login-copy h1{font-size:36px}.login-copy p,.feature{display:none}.login>form{width:auto;margin:0;padding:34px 24px}.dashboard,.progress-grid{grid-template-columns:1fr}.dashboard .wide,.progress-grid .wide{grid-column:auto}.calorie-card{flex-direction:column;align-items:flex-start}.ring{align-self:center}.hero-row .primary{display:none}.fab{z-index:9;background:var(--accent);color:#fff;border:0;border-radius:30px;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-weight:800;display:flex;position:fixed;bottom:82px;right:16px;box-shadow:0 10px 30px #174a3c44}.toolbar{grid-template-columns:1fr 1fr}.toolbar input:first-child{grid-column:span 2}.form-row.five{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr 1fr}.donut-wrap{justify-content:center}.review-head{align-items:flex-start;gap:10px}.meal-card{grid-template-columns:auto 1fr auto}.meal-card>.icon-button{display:none}}@media (width<=430px){h1{font-size:26px}.card{padding:17px}.form-row,.form-row.three{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:24px}.meal-icon{width:40px;height:40px}.meal-card{gap:10px;padding:14px 12px}.meal-main h3{font-size:15px}.donut-wrap{display:block}.donut{width:170px;margin:auto;display:block}.form-row.five{grid-template-columns:1fr 1fr}.form-row.five label:first-child{grid-column:span 2}}@media (prefers-color-scheme:dark){:root{--bg:#0f1916;--surface:#17231f;--surface-2:#21302b;--text:#e5f0eb;--muted:#9cada6;--line:#30423b;--accent:#54b99e;--accent-2:#203d35;--shadow:0 12px 30px #0003}.login>section{background:linear-gradient(145deg,#17352d,var(--bg))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}