.nutrition-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.nutrition-heading h1{font-size:27px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;color:var(--accent)}.nutrition-heading button{font-size:12px;padding:8px}.nutrition-date{margin-top:20px}.nutrition-date input{width:auto;max-width:70%;background:transparent;border:0;text-align:center;font-weight:600}.nutrition-date button{border:0;background:transparent;font-size:24px}.nutrition-week{margin:8px 0 18px;gap:5px}.nutrition-week button{border:0;background:transparent;border-radius:13px;padding:8px 4px}.nutrition-week button.active{background:var(--soft);color:var(--accent)}.nutrition-week strong{display:block;font-size:17px;margin:2px 0 9px}.day-status{display:block;height:3px;border-radius:3px;background:#e1e3df;width:70%;margin:auto}.day-status.logged{background:#4c9475}.day-status.over{background:#da7965}.nutrition-budget{padding:16px 20px 18px;border:0;box-shadow:0 4px 24px #243d3005}.calorie-gauge{position:relative;max-width:340px;margin:0 auto}.calorie-gauge svg{display:block;width:100%;overflow:visible}.calorie-gauge path{fill:none;stroke-width:10;stroke-linecap:round}.gauge-base{stroke:#e9ece8}.gauge-fill{stroke:#527d64}.gauge-fill.over{stroke:#d37560}.gauge-number{position:absolute;inset:30% 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-number strong{font-size:48px;line-height:1.1;letter-spacing:-2px;color:#23392e}.gauge-number span{font-size:15px;margin-top:10px;color:#626e66}.nutrition-totals{display:flex;justify-content:space-between;font-size:12px;margin-top:8px;gap:8px}.budget-detail{text-align:center;font-size:11px;color:#748078;margin-top:8px}.nutrition-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center;margin:22px 0 0}.nutrition-macros strong{font-size:15px}.nutrition-macros>div>span{font-size:12px;color:#626e66}.macro-track{height:6px;background:#edefec;border-radius:6px;overflow:hidden;margin:6px 0}.macro-track span{height:100%;display:block;border-radius:6px}.macro-protein .macro-track span{background:#df7890}.macro-carbs .macro-track span{background:#4bb9bf}.macro-fat .macro-track span{background:#eabf63}.macro-caption{font-size:10px;text-align:center;color:#748078;margin-top:12px}.nutrition-add{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:650;padding:12px}.nutrition-add>span{font-size:25px;line-height:1}.nutrition-list-heading{margin:26px 0 12px}.nutrition-list-heading h2{margin:0;font-size:17px}.nutrition-list-heading button{font-size:12px;padding:8px 10px;background:transparent;border:0;text-decoration:underline}.nutrition-entry{width:100%;text-align:left;align-items:center;padding:0;overflow:hidden;background:white;border:0;border-radius:18px;margin:12px 0;gap:12px;min-height:106px}.nutrition-entry .meal-thumbnail,.meal-placeholder{width:96px;height:96px;object-fit:cover;flex:0 0 96px;border-radius:0}.meal-placeholder{display:grid;place-items:center;background:#e9eee7;color:#76917b;font-size:38px}.nutrition-entry .meal-entry-text{min-width:0;flex:1;padding:10px 0;display:block}.nutrition-entry .meal-entry-text>strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.meal-energy{display:block;font-size:14px;margin:8px 0 5px}.meal-macro-line{display:flex;flex-wrap:wrap;gap:3px 9px;font-size:10px}.protein-text{color:#a73e59}.carbs-text{color:#287c80}.fat-text{color:#946712}.entry-chevron{padding-right:10px;color:#8b958e}.nutrition-empty{text-align:center;padding:28px 20px;background:#eef1eb;border-radius:18px;font-size:14px;color:#627565}.nutrition-legend{font-size:10px;color:#748078;text-align:center;margin:24px 0}.nutrition-legend>span:first-child{color:#427a5f}.nutrition-legend>span:nth-child(2){color:#b85b49}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:360px){.nutrition-heading h1{font-size:23px}.nutrition-entry .meal-thumbnail,.meal-placeholder{width:76px;flex-basis:76px}.nutrition-macros{gap:10px}.nutrition-totals{font-size:11px}}

body:has(.nutrition-view) header{margin-bottom:18px}.nutrition-date{margin-top:8px}.nutrition-week{margin-top:2px;margin-bottom:12px}.calorie-gauge{max-width:280px}.nutrition-budget{padding:12px 20px}.nutrition-macros{margin-top:16px}.nutrition-list-heading{margin-top:20px}.nutrition-heading h1{margin-top:2px}.nutrition-entry .meal-thumbnail{border-radius:0}