:root{--bg:#f5f6f3;--ink:#171a1b;--muted:#858b87;--line:#e5e8e1;--lime:#c9f265;--dark:#17191a;--surface:#fff;--deep:#252829;--orange:#ffc0a8;--sidebar:#121515}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Inter,system-ui,-apple-system,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8ab82f;outline-offset:2px}.shell{min-height:100vh;display:flex}.sidebar{width:258px;background:var(--sidebar);color:#fff;padding:32px 19px 24px;position:sticky;top:0;height:100vh;flex-shrink:0;display:flex;flex-direction:column}.brand{font-size:22px;letter-spacing:-1.5px;font-weight:800;display:flex;align-items:center;gap:12px;padding:0 11px 45px}.brand-dot{color:var(--lime)}.brand-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#181b16;background:var(--lime);font-size:26px;border-radius:11px;font-weight:900;letter-spacing:-3px;padding-right:3px}.brand-icon span{color:#181b16}.sidebar-caption{font-size:10px;letter-spacing:2px;font-weight:700;color:#676f6e;padding:0 16px 16px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.navitem{width:100%;border:0;background:transparent;color:#a3aaa7;border-radius:12px;display:flex;align-items:center;gap:14px;text-align:left;padding:13px 15px;font-weight:700;transition:.18s}.navitem svg{width:19px;height:19px}.navitem.active,.navitem:hover{background:#2b302d;color:#e8ffbb}.navitem.active:before{content:'';position:absolute;left:0;width:3px;height:25px;background:var(--lime);border-radius:0 5px 5px 0}.sidebottom{margin-top:auto;padding:15px}.side-quote{color:#929d96;line-height:1.8;font-size:12px}.side-quote strong{color:#e6ede2;font-size:14px}.side-foot{font-size:11px;color:#757f77;border-top:1px solid #303532;margin-top:24px;padding-top:19px}.bodywrap{flex:1;min-width:0;max-width:1760px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #e7e9e3;background:rgba(255,255,255,.45)}.breadcrumb{font-size:13px;font-weight:800}.breadcrumb span{padding:0 12px;color:#b6bbb5}.top-actions{display:flex;align-items:center;gap:20px}.networkChip{color:#668b30;font-size:12px;font-weight:800}.networkChip.offline{color:#d3885a}.useravatar{border:0;background:#dfe5d7;border-radius:100px;color:#59634d;width:36px;height:36px;font-size:13px;font-weight:800}.main{padding:35px 44px 50px;max-width:1460px;margin:auto;min-height:calc(100vh - 135px)}.tinyfooter{padding:0 44px 25px;font-size:11px;color:#a0a6a0}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:27px}.eyebrow{font-size:11px;color:#7b8770;letter-spacing:1.75px;font-weight:800;text-transform:uppercase;margin:0 0 9px}.pagehead h1,h1{font-weight:800;font-size:clamp(28px,3vw,39px);letter-spacing:-2px;line-height:1.14;margin:0}.pagehead p{margin:9px 0 0;color:#858c87}.btn{border:1px solid var(--line);border-radius:13px;padding:11px 16px;background:#fff;color:#252a25;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.15s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000000d}.btn.primary{background:var(--lime);border-color:var(--lime);color:#1d2912}.btn.dark{background:#1d211e;color:#fff;border-color:#1d211e}.btn.small{font-size:12px;padding:8px 12px;border-radius:10px}.btn.ghost{background:transparent}.btn.warning{background:#ffe6dc;border-color:#ffe6dc}.mainGrid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.surface{background:#fff;border:1px solid #e8eae5;border-radius:22px;padding:23px;min-width:0}.surface h2{font-weight:800;font-size:18px;letter-spacing:-.6px;margin:0 0 17px}.hero{background:#191d1b;border-radius:26px;padding:29px 32px 28px;color:white;position:relative;overflow:hidden;min-height:327px;display:flex;flex-direction:column;align-items:flex-start}.hero:before{content:'';width:370px;height:370px;position:absolute;right:-60px;top:-115px;border:1px solid #465345;border-radius:100%;box-shadow:0 0 0 47px #ffffff04,0 0 0 93px #ffffff05,0 0 0 140px #ffffff04}.hero>*{position:relative;z-index:1}.herotag{display:inline-block;padding:7px 12px;background:#374037;border-radius:8px;font-size:10px;letter-spacing:1px;color:var(--lime);font-weight:900}.hero h2{font-size:clamp(29px,3.3vw,49px);letter-spacing:-2.6px;line-height:1.14;font-weight:800;margin:18px 0 10px;max-width:420px}.hero p{color:#b8bfb7;margin:0 0 28px;max-width:460px}.hero .btn{margin-top:auto}.hero-accent{color:var(--lime)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{min-width:0;border-radius:20px;background:#fff;border:1px solid #e9ece7;padding:20px 18px;min-height:137px}.stat .statcap{font-size:12px;color:#879087;font-weight:700}.stat .statnum{font-size:clamp(23px,2.5vw,34px);font-weight:800;letter-spacing:-1.7px;margin:16px 0 1px}.stat .statnum span{font-size:12px;color:#98a097;letter-spacing:0}.stat .statfoot{font-size:11px;color:#a3aaa3}.sectiontop{display:flex;align-items:center;justify-content:space-between;margin:23px 0 15px}.sectiontop h2{margin:0;font-size:18px;letter-spacing:-.5px}.muted{color:#8b938d}.smalltext{font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.wrap{flex-wrap:wrap}.gap8{gap:8px}.stack{display:flex;flex-direction:column;gap:13px}.goalcard{display:flex;flex-direction:column;height:100%}.goalring{--pct:35;display:flex;margin:12px auto;width:162px;height:162px;border-radius:100%;background:conic-gradient(var(--lime) calc(var(--pct)*1%),#343836 0);padding:14px}.goalinner{width:100%;height:100%;border-radius:100%;background:#1e2220;display:flex;align-items:center;justify-content:center;flex-direction:column}.goalinner strong{font-size:32px;font-weight:800;letter-spacing:-1px}.goalinner span{font-size:11px;color:#c1c6bb}.darkpanel{background:#1d2220;color:white;border-radius:22px;padding:23px}.darkpanel h2{margin-bottom:10px}.darkpanel p{color:#9fa9a0}.scorebig{font-size:28px;font-weight:800}.daystrip{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.daypill{border-radius:13px;padding:11px 5px;text-align:center;background:#f6f7f4;color:#979e95}.daypill b{display:block;font-size:14px;margin-top:6px;color:#343a35}.daypill.today{background:var(--lime);color:#385319}.daypill.done{background:#e1f2ca}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.planTabs{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 20px}.pill{border-radius:11px;border:1px solid #e7e9e3;padding:10px 15px;background:white;color:#828982;font-weight:800}.pill.active{background:#1d231f;color:var(--lime);border-color:#1d231f}.exrow{padding:17px 0;border-bottom:1px solid #edf0eb;display:flex;align-items:center;gap:16px}.exrow:last-child{border:0}.exn{width:42px;height:42px;background:#f0f4ea;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#6a8e31;flex-shrink:0}.exinfo{flex:1;min-width:0}.exinfo h3{font-size:14px;letter-spacing:-.3px;margin:0 0 5px}.exinfo p{font-size:11px;color:#9fa59d;margin:0}.exright{text-align:right;font-weight:800;font-size:13px;white-space:nowrap}.exerciseEdit{display:grid;grid-template-columns:1fr 1fr 1fr 48px;gap:10px;align-items:end}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.field label,.field>span{font-size:11px;color:#7f8a80;font-weight:800}.field input,.field textarea,.field select,.simpleinput{min-width:0;width:100%;padding:12px 13px;border:1px solid #e2e7de;border-radius:12px;background:#f9faf7;color:#222d25;outline:0}.field textarea{resize:vertical;min-height:75px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a6c866;background:white}.fields2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fields3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.dot{width:7px;height:7px;border-radius:50%;background:#a8cc54;display:inline-block;margin-right:4px}.progressbar{height:8px;border-radius:99px;background:#edf0e8;overflow:hidden;margin-top:10px}.progressbar span{display:block;background:#b5df64;height:100%;border-radius:99px}.foodstats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0 26px}.foodstat{padding:16px;background:#f4f6f1;border-radius:15px}.foodstat strong{display:block;font-size:20px;letter-spacing:-.7px}.foodstat span{font-size:11px;color:#8a928a}.meallist{display:flex;flex-direction:column}.mealitem{padding:15px 0;border-bottom:1px solid #edf0e9;display:flex;gap:13px;align-items:center}.mealicon{background:#eef5de;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:20px}.mealtext{flex:1}.mealtext strong{font-size:14px}.mealtext small{display:block;color:#9aa299;margin-top:4px}.chart{width:100%;height:180px;display:block}.note{background:#f4f7ef;border:1px solid #e8efdc;padding:14px 16px;border-radius:14px;color:#697961;font-size:12px;line-height:1.7}.notice{color:#8a9485;font-size:12px;line-height:1.7}.warningnote{background:#fff2e9;border:1px solid #f1d7c8;color:#9a5f47;border-radius:13px;padding:13px 15px;font-size:12px;line-height:1.65}.goodnote{background:#f0f8e4;color:#537327;border-radius:13px;padding:12px;font-size:12px}.checkrow{display:flex;align-items:flex-start;gap:9px;color:#626c65;font-size:12px;margin:12px 0;line-height:1.7}.checkrow input{margin-top:4px;accent-color:#93bd43}.toggleGroup{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.metricRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.aiBubble{background:#1e2320;color:#f1f8e9;border-radius:19px 19px 19px 3px;padding:21px;line-height:1.85;white-space:pre-wrap}.aiBubble p{margin:0 0 12px}.aiHead{display:flex;gap:10px;align-items:center;margin-bottom:18px}.aiFace{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--lime);font-weight:900;font-size:21px}.setTable{display:grid;grid-template-columns:36px 1fr 1fr 54px;align-items:center;gap:8px;margin:12px 0}.setTable .simpleinput{text-align:center;padding:9px 7px;font-weight:800}.roundcheck{appearance:none;width:29px;height:29px;background:#f1f4ed;border:2px solid #d7e0cf;border-radius:10px;cursor:pointer;margin:auto}.roundcheck:checked{background:var(--lime);border-color:var(--lime)}.roundcheck:checked:after{content:'✓';font-weight:900;display:grid;place-items:center;color:#213a0c}.timerchip{font-size:13px;font-weight:800;background:#f3f5ef;border-radius:12px;padding:11px 14px}.divider{height:1px;background:#e8ece5;margin:20px 0}.filegrid{display:grid;grid-template-columns:1fr;gap:9px}.fileitem{background:#f5f7f3;padding:12px;border-radius:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.fileitem span{overflow-wrap:anywhere}.question{font-weight:800}.subnav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.tag{display:inline-block;padding:6px 9px;border-radius:7px;background:#eaf2da;font-size:10px;font-weight:800;color:#769342}.tag.off{background:#fff0e9;color:#ba7953}.fullscreenmodal{position:fixed;inset:0;z-index:25;background:#101412af;display:grid;place-items:center;padding:15px}.modalpanel{background:white;border-radius:23px;padding:27px;width:min(560px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 70px #0003}.modalpanel h2{margin:0 0 20px;letter-spacing:-.6px}.modalpanel .row{margin-top:8px}.empty{padding:28px;text-align:center;border:1px dashed #d4dbd0;color:#939c91;border-radius:17px}.mobileNav{display:none}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%) translateY(150px);background:#202922;color:white;border-radius:13px;padding:13px 19px;z-index:50;box-shadow:0 10px 40px #0004;transition:.3s;max-width:calc(100vw - 20px);font-size:12px}#toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:1150px){.sidebar{width:215px}.main{padding:26px 24px}.topbar{padding:0 24px}.mainGrid{grid-template-columns:1.45fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none}.topbar{height:61px;padding:0 20px}.main{padding:27px 16px 90px}.tinyfooter{display:none}.mainGrid,.cols2{grid-template-columns:1fr}.pagehead h1{font-size:31px}.pagehead{margin-bottom:18px}.hero{padding:24px;min-height:310px}.hero h2{font-size:36px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{min-height:120px;padding:16px}.stat .statnum{font-size:26px}.surface{padding:18px;border-radius:19px}.fields2,.fields3{grid-template-columns:1fr 1fr}.foodstats{grid-template-columns:1fr 1fr}.mobileNav{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;background:#171b18;justify-content:space-around;min-height:72px;padding:9px 4px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 27px #0001}.mnav{border:0;background:transparent;color:#818b80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:800;min-width:55px}.mnav svg{height:20px;width:20px}.mnav.active{color:var(--lime)}.networkChip{font-size:10px}.exerciseEdit{grid-template-columns:1fr 1fr 1fr 42px}.metricRow{grid-template-columns:1fr}.setTable{gap:5px}}
@media(max-width:390px){.fields2{grid-template-columns:1fr 1fr}.pagehead h1{font-size:29px}.foodstats{gap:6px}.foodstat{padding:12px}.hero h2{font-size:31px}}

/* FORMA 0.6 · calmer premium design, mobile-first food flow */
:root{--bg:#f7f9f6;--ink:#17211c;--muted:#718077;--line:#e4eae4;--lime:#c7f96b;--dark:#17221e;--sidebar:#121a16}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,system-ui,sans-serif;font-size:14px;letter-spacing:-.16px;-webkit-font-smoothing:antialiased}
.sidebar{padding-top:38px;background:linear-gradient(156deg,#18231c,#101713 66%)}
.navitem{font-weight:650;border-radius:15px;padding:14px 16px}
.navitem.active{background:#27362b;color:#d7ffb5}
.topbar{height:80px;background:#ffffffdf;backdrop-filter:blur(18px)}
.useravatar{width:38px;height:38px;background:#e8f6d5;color:#28461d}
.main{max-width:1540px;padding-top:39px}
.pagehead{margin-bottom:28px;align-items:center}
.pagehead h1{font-size:clamp(31px,3.5vw,46px);font-weight:760;letter-spacing:-2.25px}
.pagehead p{font-size:14px;line-height:1.6;color:#748078}
.eyebrow{color:#687f64;font-weight:750}
.btn{min-height:45px;border-radius:14px;font-weight:730;padding:12px 18px;box-shadow:none}
.btn.primary{background:#caff76;border-color:#caff76;box-shadow:0 5px 17px #c6fa774a;color:#1d2b17}
.btn.primary:hover{background:#bff16b}
.action-light{background:#ecf8dd;border:1px solid #def1cd}
.surface,.stat{border-color:#e6ece4;box-shadow:0 5px 36px #10261a08}
.surface{border-radius:26px;padding:25px}
.hero{background:radial-gradient(circle at 92% 6%,#33443a 0,#192620 52%,#15211c 100%);border-radius:28px;min-height:333px;padding:32px}
.hero:before{width:420px;height:420px;border-color:#546e4d60;opacity:.8}
.hero h2{font-weight:770;letter-spacing:-2.4px}
.hero-accent{color:#caff76}
.herotag{border-radius:100px;color:#cffd8c;background:#2f4938;padding:10px 15px}
.stat{border-radius:22px}
.tag{border-radius:100px;padding:8px 12px;letter-spacing:.2px}
.subnav{padding:5px;background:#eef2ed;border-radius:17px;display:inline-flex;gap:4px;margin-bottom:22px}
.subnav .pill{background:transparent;border:0;border-radius:12px}
.subnav .pill.active{background:white;box-shadow:0 4px 10px #17291c12;color:#253721}
.field input,.field select,.field textarea{background:#fbfcf9;border-color:#e4ebe3;border-radius:13px}
.field label{color:#5d6e64}
.networkChip{font-size:11px;color:#6c806a;font-weight:670}

.food-hero{background:#18251f;border:1px solid #304234;border-radius:29px;color:white;padding:32px 34px;margin-bottom:20px;display:flex;align-items:stretch;justify-content:space-between;gap:30px;min-height:215px;box-shadow:0 20px 50px #193b2812}
.food-hero-main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:620px}
.overline{font-size:11px;letter-spacing:2px;color:#b9d5ad;font-weight:800}
.food-big-number{font-size:clamp(32px,4vw,53px);font-weight:780;letter-spacing:-2.6px;margin:14px 0;line-height:1.1;white-space:nowrap}
.food-big-number span{font-size:16px;color:#99ac9d;font-weight:500;letter-spacing:-.3px}
.food-hero .progressbar{background:#455247;max-width:490px;height:8px;border-radius:100px;overflow:hidden}
.food-hero .progressbar span{background:#caff76;border-radius:100px}
.food-hero p{color:#aebfb1;margin:11px 0 0;font-size:12px}
.food-macro-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center;min-width:min(330px,100%)}
.food-macro-tiles>div{display:flex;flex-direction:column;padding:18px 12px;border:1px solid #405348;background:#25362b;border-radius:16px;gap:13px}
.food-macro-tiles span{font-size:12px;color:#b0c4b4}.food-macro-tiles b{font-size:21px;letter-spacing:-.6px}
.food-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(295px,1fr);gap:18px;align-items:start}
.food-diary{padding:28px}.food-diary>.row{margin-bottom:22px}.meal-section{margin-top:10px;border-top:1px solid #eef1ed;padding-top:13px;padding-bottom:8px}
.meal-section-head{display:flex;align-items:center;justify-content:space-between;min-height:38px}.meal-name{font-size:17px;font-weight:730;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.meal-name span{font-size:20px}
.meal-quick{border:0;background:#eef8e5;color:#476b30;border-radius:50px;padding:8px 12px;font-size:12px;font-weight:700}
.meal-empty{font-size:12px;color:#adb7ad;margin:4px 0 10px 31px}
.mealitem{padding:12px 0;border:0;border-bottom:1px solid #edf1ec;gap:10px}.mealitem .mealicon{border-radius:13px;background:#f5f7ef;font-size:23px;width:43px;height:43px;display:grid;place-items:center}.mealitem .mealtext strong{font-size:13px}.mealitem .mealtext small{display:block;color:#929f94;font-size:11px;margin-top:3px}.mealitem b small{font-size:10px;font-weight:500;color:#9aa39b}
.food-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}
.food-mini{border:1px solid #ebf0e9;background:#f8faf7;border-radius:15px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:14px 7px;gap:8px;min-height:104px}
.food-mini span{font-size:28px;line-height:1.3}.food-mini b{font-size:10px;color:#526053;font-weight:650;line-height:1.3;text-align:center}
.smallside p{color:#7b887e;line-height:1.65;margin-top:0}
.subscription-preview{border-radius:17px;background:linear-gradient(135deg,#172720,#36513a);color:white;padding:23px 18px;display:flex;align-items:center;gap:15px}
.subscription-crown{font-size:33px;color:#d5fc96}.subscription-preview b{font-size:18px}.subscription-preview p{font-size:11px;color:#bdd1bc;margin:5px 0 0}.subscription-state{margin-left:auto;background:#eaffcd;border-radius:15px;font-weight:750;font-size:10px;color:#2f6128;padding:7px}
.advanced{border-top:1px solid #e9efe9;padding:15px 0 0;margin-top:19px}.advanced summary{font-size:12px;color:#879589;cursor:pointer}.advanced .stack{margin-top:16px}

/* Food logging bottom-sheet / modal */
.foodlogger{display:flex;flex-direction:column;gap:15px}
.foodlogger-meals,.food-tabs{display:flex;gap:5px;background:#f2f5ef;border-radius:14px;padding:5px;overflow-x:auto}
.foodlogger-meal,.food-tab{white-space:nowrap;flex:1;border:0;border-radius:10px;font-weight:690;font-size:12px;background:transparent;padding:12px 9px;color:#839085}
.foodlogger-meal.active,.food-tab.active{background:white;color:#1a2e21;box-shadow:0 3px 12px #10251a12}
.food-search-wrap{display:flex;align-items:center;gap:10px;background:#f7faf6;border:1px solid #e3ebe1;padding:0 15px;border-radius:15px;height:54px}
.food-search-wrap svg{width:20px;height:20px;color:#9caa99}
.food-search-wrap input{font-size:15px;border:0;outline:0;background:transparent;height:100%;width:100%;min-width:0}
.food-results{max-height:46vh;min-height:120px;overflow-y:auto;border-top:1px solid #edf1ec;overscroll-behavior:contain}
.food-hit{display:flex;align-items:center;gap:6px;border-bottom:1px solid #edf1ed;padding:6px 0}
.food-hit-main{display:flex;align-items:center;gap:11px;padding:7px 0;min-width:0;flex:1;background:transparent;border:0;text-align:left}
.food-hit-emoji{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background:#f5f8f1;border-radius:15px;font-size:25px}
.food-hit-title{min-width:0}.food-hit-title b{display:block;font-size:13px;line-height:1.4;color:#1f2b23;font-weight:680}.food-hit-title small{display:block;color:#91a092;font-size:11px;margin-top:4px}
.food-star{background:transparent;border:0;color:#a3b49a;font-size:25px;width:31px;height:38px}.food-add-one{background:#e6f9d0;border:0;border-radius:50%;height:32px;width:32px;color:#2d682e;font-size:23px;display:grid;place-items:center;line-height:1}
.foodlogger-foot{padding:7px 0 2px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:12px;color:#89968b}.food-create{border:0;background:transparent;color:#3f7829;font-size:12px;font-weight:730;text-decoration:underline;text-underline-offset:3px}
.portion-layout{text-align:center}.food-back{display:block;background:transparent;color:#728273;border:0;font-size:13px;margin-bottom:12px;text-align:left;padding:6px 0}.portion-emoji{font-size:62px;background:#eff8e7;border-radius:24px;width:100px;height:100px;display:grid;place-items:center;margin:0 auto 15px}.portion-layout h2{margin:10px 0 7px!important;font-size:26px;letter-spacing:-.8px}.portion-caption{display:block;margin-top:23px;font-weight:800;font-size:13px}.portion-input{margin:12px auto;display:flex;align-items:center;justify-content:center;gap:7px}.portion-input input{font-size:40px;font-weight:750;text-align:right;border:0;border-bottom:2px solid #cae2bd;width:130px;outline:0}.portion-input strong{font-size:16px;color:#657b64}.portion-chips{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:18px 0}.portion-chips button{border:1px solid #e0e9dc;background:#fafcf8;border-radius:11px;padding:11px 13px;font-size:12px;font-weight:650}.portion-chips button.active{background:#cafd79;border-color:#cafd79}.food-computed{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:21px 0 10px}.food-computed>div{background:#f4f8f0;padding:15px 7px;border-radius:15px;display:flex;flex-direction:column;gap:5px}.food-computed b{font-size:18px;letter-spacing:-.4px}.food-computed span{font-size:10px;color:#8a9889}.wide{width:100%;min-height:52px;margin-top:12px}
.fullscreenmodal{padding:12px;background:#142217a1;backdrop-filter:blur(10px)}
.modalpanel{border-radius:25px;box-shadow:0 35px 120px #05110b50;width:min(610px,100%);padding:25px;max-height:min(94vh,870px)}
.modalpanel>.row h2{font-size:21px;letter-spacing:-.6px;margin-bottom:0}.modalpanel>.row{margin-bottom:15px}
@media(max-width:1060px){.food-hero{flex-direction:column;min-height:unset}.food-macro-tiles{min-width:0}.food-layout{grid-template-columns:1fr}.food-quick-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:760px){
body{font-size:13px}.main{padding:22px 15px 105px}.topbar{height:60px;padding:0 17px}.pagehead{display:flex;align-items:flex-start;margin-bottom:21px;flex-wrap:wrap}.pagehead h1{font-size:31px;letter-spacing:-1.55px}.pagehead>.btn{width:100%;min-height:47px}.pagehead p{font-size:12px}
.networkChip{font-size:9px;max-width:185px;text-align:right}.hero{min-height:280px;padding:27px;border-radius:23px}.hero h2{font-size:32px}.surface{border-radius:20px;padding:20px}.stats{gap:9px}.stat{padding:15px;min-height:112px}.stat .statnum{font-size:27px}.subnav{display:flex;width:100%;overflow-x:auto}.subnav .pill{white-space:nowrap;flex:1;font-size:11px}
.food-hero{padding:22px 20px;border-radius:21px;gap:19px}.food-big-number{font-size:36px}.food-big-number span{font-size:13px}.food-macro-tiles{grid-template-columns:repeat(3,1fr)}.food-macro-tiles>div{padding:11px 9px;gap:5px}.food-macro-tiles b{font-size:15px}.food-diary{padding:20px}.food-mini{min-height:89px;padding:10px 5px}.food-mini span{font-size:22px}.food-quick-grid{grid-template-columns:repeat(3,1fr)}
.fullscreenmodal{padding:0;display:flex;align-items:flex-end}.modalpanel{border-radius:25px 25px 0 0;max-height:92dvh;height:auto;width:100%;padding:24px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -15px 80px #0003}.food-results{max-height:40dvh}.food-hit-emoji{width:44px;height:44px}.mobileNav{background:#16211a;border-radius:19px 19px 0 0;box-shadow:0 -9px 40px #172c171e}.mnav{min-width:47px;gap:4px;font-size:9px}.mnav.active{color:#caff76}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Keep inline icons compact on every button, including when the page wraps. */
.btn svg,.food-search-wrap svg{width:18px;height:18px;flex:none}

.meal-delete{border:0;background:#f5f7f2;color:#95a394;border-radius:50%;height:27px;width:27px;font-size:18px;line-height:1;flex:none}.meal-delete:hover{background:#ffefe8;color:#ab6a50}
#toast:not(.show){visibility:hidden}