:root{--bg: #f6f2ec;--bg-elev: #fffdf9;--bg-elev2: #efe7db;--border: #ece2d3;--text: #2c2925;--text-dim: #8b8173;--primary: #ec6a4e;--primary-dim: #db5a3f;--on-primary: #ffffff;--good: #2f9e6f;--warn: #e0a12e;--bad: #d9534f;--radius: 20px;--radius-sm: 13px;--shadow: 0 1px 2px rgba(90,60,40,.05), 0 4px 14px rgba(90,60,40,.07);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #191612;--bg-elev: #241f19;--bg-elev2: #332b22;--border: #3b3128;--text: #f1eae0;--text-dim: #b2a696;--primary: #f2856a;--primary-dim: #ec6a4e;--on-primary: #2a1109;--good: #34d399;--warn: #fbbf24;--bad: #f2837f;--shadow: 0 2px 10px rgba(0,0,0,.28);color-scheme:dark}}:root[data-theme=dark]{--bg: #191612;--bg-elev: #241f19;--bg-elev2: #332b22;--border: #3b3128;--text: #f1eae0;--text-dim: #b2a696;--primary: #f2856a;--primary-dim: #ec6a4e;--on-primary: #2a1109;--good: #34d399;--warn: #fbbf24;--bad: #f2837f;--shadow: 0 2px 10px rgba(0,0,0,.28);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{min-height:100%;display:flex;flex-direction:column;max-width:640px;margin:0 auto}.screen{flex:1;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 88px)}.screen h1{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:2px 0 16px}.screen h2{font-size:18px;font-weight:700;margin:22px 0 10px;color:var(--text)}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:color-mix(in srgb,var(--bg-elev) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);z-index:20}.tabbar .app-inner{display:flex;width:100%;max-width:640px;margin:0 auto}.tab{flex:1;background:none;border:none;color:var(--text-dim);padding:9px 0 7px;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color .15s}.tab.active{color:var(--primary)}.tab .ico{font-size:21px;line-height:1}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.card.tight{padding:12px 14px}.card.hero{background:linear-gradient(140deg,color-mix(in srgb,var(--primary) 16%,var(--bg-elev)),var(--bg-elev) 65%);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))}.muted{color:var(--text-dim)}.small{font-size:13px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric .big{font-size:28px;font-weight:800;letter-spacing:-.02em}.metric .label{font-size:12px;color:var(--text-dim)}.metric .unit{font-size:13px;color:var(--text-dim);margin-left:3px}.unit{color:var(--text-dim)}button,.btn{font-family:inherit;cursor:pointer}.btn{background:var(--bg-elev2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;font-weight:600;text-align:center;transition:filter .15s,background .15s}.btn:active{filter:brightness(.96)}.btn.primary{background:var(--primary-dim);border-color:var(--primary-dim);color:var(--on-primary);font-weight:700;box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 22%,transparent)}.btn.block{width:100%;display:block}.btn.ghost{background:transparent}.btn:disabled{opacity:.5}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,var(--border));background:transparent}.segmented{display:flex;gap:6px;flex-wrap:wrap}.seg{flex:1;min-width:56px;padding:10px 6px;border-radius:10px;background:var(--bg-elev2);border:1px solid var(--border);color:var(--text-dim);font-size:14px;font-weight:600;text-align:center;transition:background .15s,color .15s}.seg.on{background:var(--primary-dim);color:var(--on-primary);border-color:var(--primary-dim);font-weight:700}.stepper{display:flex;align-items:center;gap:0}.stepper button{width:42px;height:42px;font-size:20px;background:var(--bg-elev2);border:1px solid var(--border);color:var(--text)}.stepper button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.stepper button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.stepper .val{min-width:56px;text-align:center;font-size:17px;font-weight:700;border-top:1px solid var(--border);border-bottom:1px solid var(--border);height:42px;display:flex;align-items:center;justify-content:center}input[type=number],input[type=text],input[type=date],textarea,select{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:12px;font-size:16px;font-family:inherit}textarea{min-height:70px;resize:vertical}label.field{display:block;margin-bottom:12px}label.field .lbl{display:block;font-size:13px;color:var(--text-dim);margin-bottom:5px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-elev2);border:1px solid transparent;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;color:var(--text-dim)}.chip.on{background:var(--primary-dim);color:var(--on-primary)}.badge{border-radius:7px;padding:3px 8px;font-size:11px;font-weight:700}.badge.good{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}.badge.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.badge.bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.gauge{height:10px;border-radius:999px;background:var(--bg-elev2);overflow:hidden}.gauge>div{height:100%;border-radius:999px}.photo-thumb{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev2)}.photo-slot{display:flex;flex-direction:column;gap:6px;align-items:center}.photo-slot .cap{font-size:12px;color:var(--text-dim)}.meal-card{display:flex;flex-direction:column;gap:10px}.meal-main{display:flex;gap:12px;align-items:flex-start}.meal-thumb{width:84px;height:84px;border-radius:14px;object-fit:cover;background:var(--bg-elev2);flex-shrink:0}.meal-body{flex:1;min-width:0}.meal-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:700}.time-pill{flex-shrink:0;background:var(--bg-elev2);color:var(--text-dim);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.meal-cal{font-size:17px;font-weight:800;margin-top:6px}.meal-cal .unit{font-size:13px;font-weight:600}.macros{margin-top:5px;color:var(--text-dim);display:flex;gap:14px;font-size:13px}.macros b{color:var(--text);font-weight:700}.meal-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.day-head{margin:18px 2px 8px;font-weight:800;color:var(--text-dim);font-size:13px}hr{border:none;border-top:1px solid var(--border);margin:14px 0}.center{text-align:center}.mt{margin-top:12px}.spacer{height:8px}a,a.link{color:var(--primary)}.list-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}