:root{--bg:#080c09;--bg-2:#0d130f;--card:#111815;--card-2:#16201a;--border:#c6f53c1a;--border-strong:#c6f53c3d;--text:#f1f6ee;--muted:#8e9b92;--accent:#c6f53c;--on-accent:#0a1006;--protein:#c6f53c;--fat:#4aa8ff;--carbs:#ff9f43;--danger:#ff6b5e;--track:#1e2a22;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body{background-color:var(--bg);color:var(--text);margin:0}body{background-image:radial-gradient(520px 320px at 12% -4%,#78c82833,#0000 70%),radial-gradient(420px 300px at 100% 30%,#3c8c3c1f,#0000 70%);background-attachment:fixed;min-height:100vh}#root{max-width:520px;margin:0 auto}.app{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.screen{flex-direction:column;gap:14px;display:flex}h1,h2,p{margin:0}h2{font-size:17px;font-weight:700}.banner{background:var(--danger);color:#1a0603;border-radius:14px;margin-bottom:12px;padding:10px 12px;font-size:14px;font-weight:600}.hero{flex-direction:column;gap:4px;padding-top:4px;display:flex}.hero-greet{color:var(--muted);font-size:15px}.hero-title{letter-spacing:-.5px;font-size:30px;font-weight:800;line-height:1.1}.accent{color:var(--accent)}.actions{grid-template-columns:1fr;gap:10px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.date{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.date strong{font-weight:700;display:inline-block}.date strong:first-letter{text-transform:uppercase}.icon-spacer{width:44px}.card{background:linear-gradient(180deg, var(--card-2), var(--card));border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 10px 30px #00000059}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger);font-size:14px}.ring-card{flex-direction:row;align-items:center;gap:16px}.ring{flex:none;width:112px;height:112px;position:relative}.ring svg{display:block}.ring-track{stroke:var(--track)}.ring-fill{stroke:var(--accent);filter:drop-shadow(0 0 6px #c6f53c8c)}.ring-fill.over{stroke:var(--danger);filter:drop-shadow(0 0 6px #ff6b5e8c)}.ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-text strong{font-size:22px;font-weight:800}.ring-text span{color:var(--muted);font-size:11px}.ring-side{flex-direction:column;gap:4px;min-width:0;display:flex}.kcal-main{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.big{letter-spacing:-.5px;font-size:30px;font-weight:800}.bar{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%}.bar-fill.over{background:var(--danger)}.remaining{color:var(--accent);font-size:14px}.remaining.over{color:var(--danger)}.macros{flex-direction:column;gap:12px;display:flex}.macro{flex-direction:column;gap:6px;font-size:14px;display:flex}.macro-head{justify-content:space-between;display:flex}.tone-protein .bar-fill{background:var(--protein)}.tone-fat .bar-fill{background:var(--fat)}.tone-carbs .bar-fill{background:var(--carbs)}.macro .bar-fill.over{background:var(--danger)}.trend{width:100%;height:auto;display:block}.trend-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.trend-area{fill:url(#trendGrad);stroke:none}.trend-dot{fill:var(--accent)}.trend-goal{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:4 4}.trend-label{fill:var(--muted);font-size:9px}.trend-value{fill:var(--text);font-size:10px;font-weight:700}.meal-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.meal-title{align-items:center;gap:10px;display:flex}.meal-icon{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.entries{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.entry{align-items:center;gap:8px;display:flex}.entry-main{flex:1;min-width:0}.entry-name{overflow-wrap:anywhere;font-weight:600}.entry-kcal{color:var(--accent);font-weight:700}.entry.editing{flex-direction:column;align-items:stretch}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.icon-btn{border:1px solid var(--border-strong);background:var(--bg-2);border-radius:14px;width:44px;height:44px;font-size:20px}.icon-btn.danger{color:var(--danger)}.btn{border:1px solid var(--border-strong);background:var(--bg-2);border-radius:16px;min-height:48px;padding:10px 16px;font-weight:700}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:0 8px 24px #c6f53c47}.btn.secondary{background:0 0}.link{color:var(--accent);background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.field input,.field select{border:1px solid var(--border-strong);background:var(--bg-2);min-height:46px;color:var(--text);border-radius:14px;padding:8px 14px;font-size:16px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.food-item{border:1px solid var(--border);background:var(--bg-2);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 14px;display:flex}.food-item.selected{border-color:var(--accent)}.row{flex-wrap:wrap;gap:8px;display:flex}.footer-actions{flex-direction:column;gap:10px;display:flex}.hist{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat{justify-content:space-between;gap:8px;font-size:14px;display:flex}.stat span:last-child{text-align:right}.portion{border:1px solid var(--border);background:var(--bg-2);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.chart{align-items:flex-end;gap:3px;height:120px;display:flex}.chart-col{flex:1;align-items:flex-end;height:100%;display:flex}.chart-bar{background:linear-gradient(180deg, var(--accent), #c6f53c40);border-radius:4px 4px 0 0;width:100%;min-height:2px}.chart-axis{justify-content:space-between;display:flex}.photo-preview{object-fit:cover;border-radius:18px;width:100%;max-height:260px}.tabbar{padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-strong);background:#0e1511eb;border-radius:26px;gap:4px;margin-top:14px;display:flex;position:sticky;bottom:8px;box-shadow:0 12px 32px #00000080}.tab{min-height:52px;color:var(--muted);background:0 0;border:none;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.tab.active{color:var(--accent);background:#c6f53c1a}.tab.active svg{filter:drop-shadow(0 0 6px #c6f53c99)}