:root{color:#1d2623;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{min-height:42px;border:0;border-radius:8px;background:#22614d;color:#fff;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}button.ghost{background:#e5ece8;color:#1d4034}button.danger-button{background:#a03434;color:#fff}button:disabled{opacity:.65;cursor:not-allowed}input,select{min-height:42px;border:1px solid #cbd6d1;border-radius:8px;background:#fff;padding:0 12px;width:100%}.fixed-value{min-height:42px;border:1px solid #cbd6d1;border-radius:8px;background:#eef3f0;padding:0 12px;display:flex;align-items:center;color:#40504a;font-weight:700}form{display:grid;gap:10px}.field{display:grid;gap:6px;font-size:13px;color:#40504a}.field span{font-weight:700}.inline-field{gap:3px}.inline-field input{min-height:24px}.checkbox-field{grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.checkbox-field input[type=checkbox]{width:auto;min-height:auto}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.mobile-topbar{display:none}.icon-button{width:42px;padding:0}.nav{background:#183d33;color:#fff;padding:18px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.nav button{justify-content:flex-start;background:transparent;color:#dce9e4}.nav button.active,.nav button:hover{background:#2d705b;color:#fff}.brand{display:flex;gap:10px;align-items:center;font-weight:800;margin-bottom:12px}.signed-in{font-size:12px;color:#b7ccc3;margin-top:auto;overflow-wrap:anywhere}main{padding:28px;max-width:1180px;width:100%}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef5ef,#f7f1e8);max-width:none}.login-panel{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #dde4df;border-radius:8px;padding:26px;box-shadow:0 18px 60px #183d3324}.login-panel h1,.page-header h1{margin:0}.login-panel p{color:#5c6a65}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.page-header span{color:#22614d;display:grid;place-items:center}.toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:nowrap}.toolbar input[type=date]{width:160px;max-width:calc(100vw - 120px);flex:0 1 160px}.toolbar button{flex:0 0 auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.today-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel,.notice{background:#fff;border:1px solid #dde4df;border-radius:8px}.metric{padding:14px;display:grid;gap:6px}.metric span{font-size:12px;color:#5e6b66}.metric strong{font-size:24px;line-height:1.1}.macro-metric small{color:#5e6b66;font-size:13px;font-weight:700}.macro-goal{width:fit-content;margin-top:.1rem;padding:.2rem .55rem;border-radius:999px;font-weight:700;font-size:.85rem}.macro-goal.remaining,.macro-goal.met{color:#166534;background:#dcfce7}.macro-goal.neutral{color:#5e6b66;background:#eef3f0}.calorie-goal{width:fit-content;margin-top:.35rem;padding:.2rem .55rem;border-radius:999px;font-weight:700;font-size:.85rem}.calorie-goal.remaining{color:#166534;background:#dcfce7}.calorie-goal.over{color:#991b1b;background:#fee2e2}.calorie-goal.neutral{color:#5e6b66;background:#eef3f0}.panel{padding:16px;margin-bottom:16px}.panel h2{margin:0 0 12px;font-size:16px}.notice{padding:12px 14px;margin-bottom:16px;border-left:4px solid #c77f2f}.notice.success{border-left-color:#22614d}.notice.calories{border-left-color:#2563a0}.notice.calories.success{border-left-color:#1e4fa5}.goal-summary{display:grid;gap:4px}.calculation-work{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid #dde4df;border-radius:8px;background:#fbfcfb;color:#40504a}.warning-box{border:1px solid #d7a74f;border-left:4px solid #c77f2f;border-radius:8px;background:#fff8ea;color:#60440f;padding:12px;display:grid;gap:8px}.toast{position:fixed;right:16px;top:16px;z-index:30;max-width:min(360px,calc(100vw - 32px));border:1px solid #cbd6d1;border-left:4px solid #22614d;border-radius:8px;background:#fff;box-shadow:0 12px 38px #183d3329;padding:10px 10px 10px 14px;display:flex;align-items:center;gap:10px}.toast span{flex:1}.viewing-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 12px;border:1px solid #b8d8c8;border-radius:8px;background:#ecfdf5;color:#14532d}.help-bubbles{display:grid;gap:10px;margin-bottom:16px}.help-bubble{position:relative;padding:12px 48px 12px 14px;border:1px solid #c7d2fe;border-left:4px solid #4f46e5;border-radius:8px;background:#eef2ff;color:#242f5c;box-shadow:0 10px 28px #4f46e51a}.help-bubble strong{display:block;margin-bottom:4px}.help-bubble p{margin:0;color:#36436f}.help-bubble .icon-button{position:absolute;top:8px;right:8px;min-height:32px;width:32px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-save-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.settings-save-row button:disabled{background:#e5ece8;color:#63716b;opacity:1}.success-text{color:#22614d;font-weight:700}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row{display:grid;grid-template-columns:1fr 120px;gap:10px}.food-search{display:grid;gap:8px}.food-results{display:grid;gap:6px;max-height:280px;overflow:auto;border:1px solid #dde4df;border-radius:8px;padding:6px;background:#fbfcfb}.food-results button{min-height:58px;justify-content:flex-start;display:grid;align-content:center;grid-template-columns:minmax(0,1fr);gap:4px;padding:8px 10px;text-align:left}.food-results button span,.food-results button small{width:100%;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.food-results button span{white-space:nowrap}.food-results button small{margin:0}.selected-food{min-height:34px;display:flex;align-items:center;color:#40504a;font-size:13px}.compact-form{display:grid;grid-template-columns:minmax(90px,130px) 80px auto;gap:8px;align-items:center}.segmented{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.segmented+.list{margin-top:12px}.segmented button{min-height:34px;padding:0 8px;font-size:13px}.segmented button.active{background:#22614d;color:#fff}.serving-row{display:grid;grid-template-columns:minmax(110px,150px) minmax(140px,180px);gap:10px;align-items:end}.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.form-actions,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-actions{justify-content:flex-end}.meal-items{display:grid;gap:10px}.meal-item{display:grid;grid-template-columns:minmax(220px,1fr) 90px 90px auto;gap:10px;align-items:start}.meal-item-info{grid-column:1 / -1;margin:0}.meal-food-search .food-results{max-height:220px}.meal-food-list{display:grid;gap:3px;margin-top:6px}.meal-food-detail{color:#40504a}.list{display:grid;gap:8px}.list.compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.list.compact button{min-height:58px;display:grid;align-content:center;justify-items:start;gap:2px;text-align:left}.list.compact button small{color:#ffffffd1;margin:0}.list-row,.table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px;border:1px solid #edf1ee;border-radius:8px;background:#fbfcfb}.list-row.other-food{border-color:#d8e3d9;background:#eef6ec;color:#2d5f3f}.list-row.other-food small{color:#5d7f6b}.diary-weight{grid-template-columns:minmax(0,1fr) auto}.diary-goals-block{display:grid;gap:8px;padding:10px;border:1px solid #d8e3d9;border-radius:8px;background:#eef6ec}.diary-goals-block>strong{color:#2d5f3f;font-size:.9rem}.daily-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.daily-goal,.daily-goal-setting label{display:flex;align-items:center;gap:6px;color:#40504a;font-weight:700;font-size:.8rem}.daily-goal input,.daily-goal-setting input[type=checkbox]{width:auto;min-height:auto}.daily-goal{min-height:38px;padding:7px 9px;border:1px solid #d8e3d9;border-radius:8px;background:#fff}.daily-goal:has(input:checked){border-color:#22614d;color:#1d4034;background:#f5fbf8}.daily-goal-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.daily-goal-setting{display:flex;flex-direction:column;gap:6px}.daily-goal-setting label{display:flex;align-items:center;gap:8px;font-weight:600}.daily-goal-setting input:not([type=checkbox]){width:100%}.highlight-stat{display:block;background:#fef9c3;color:#713f12;padding:6px 10px;border-radius:6px;font-size:1rem}.list-row span:first-child{min-width:0}small{display:block;color:#63716b;margin-top:4px}.table{display:grid;gap:6px}.table-row{grid-template-columns:1fr repeat(4,auto)}.summary{display:flex;flex-direction:column;gap:.6em}.summary-table{border-collapse:collapse;width:100%;max-width:460px}.summary-table th,.summary-table td{border:1px solid #edf1ee;padding:8px 10px;text-align:right;font-variant-numeric:tabular-nums}.summary-table thead th{background:#f5fbf8;color:#40504a;font-size:.85rem}.summary-table tbody th{text-align:left;font-weight:700;color:#40504a}.summary-table thead th:first-child{border:none;background:transparent}.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 70px;gap:10px;align-items:center}.bar-row div{height:12px;background:#e4ebe7;border-radius:99px;overflow:hidden}.bar-row i{display:block;height:100%;background:#22614d}.bar-row i.weight-bar{background:#2563a0}.error-text{color:#a03434}@media(max-width:820px){.shell{display:block}.daily-goals,.daily-goal-settings{grid-template-columns:1fr}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:8px 12px;background:#183d33;color:#fff;position:sticky;top:0;z-index:10}.mobile-topbar .brand{margin:0}.nav{display:none;position:sticky;top:54px;z-index:9;height:auto;grid-template-columns:repeat(3,1fr);padding:10px}.nav.open{display:grid}.nav>.brand{display:none}.signed-in{grid-column:1 / -1}.nav button{font-size:13px;padding:0 8px;justify-content:center}main{padding:18px}.metric-grid,.quad{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.meal-item{grid-template-columns:1fr 1fr}.meal-food-search{grid-column:1 / -1}.toolbar{flex-wrap:nowrap}.list-row,.diary-weight{grid-template-columns:1fr}.settings-row{grid-template-columns:1fr 1fr}}@media(max-width:520px){main{padding:14px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.today-metrics .metric:last-child{grid-column:1 / -1}.metric{padding:10px;min-height:74px}.metric strong{font-size:22px}.quad,.row,.serving-row,.meal-item{grid-template-columns:1fr 1fr}.meal-food-search{grid-column:1 / -1}.two-col{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr 80px}.compact-form button{grid-column:1 / -1}.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.nav{grid-template-columns:repeat(3,1fr)}.nav button{min-height:36px;font-size:12px}.settings-row,.table-row{grid-template-columns:1fr 1fr}}.macro-percent{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-top:.35rem;padding:.2rem .55rem;border-radius:999px;font-weight:700;font-size:.85rem}.macro-percent.protein{color:#2563eb;background:#dbeafe}.macro-percent.fat{color:#b45309;background:#fef3c7}.macro-percent.carbs{color:#15803d;background:#dcfce7}