:root{--bg:#f2f6f3;--card:#fff;--text:#17352d;--muted:#667a72;--accent:#147d64;--accent2:#54aa8f;--soft:#dcefe8;--line:#dbe5e0;--danger:#9a4e3e;--warning:#fcf3d8;--shadow1:0 2px 8px #15392e0a;--shadow2:0 14px 38px #15392e12;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--r1:8px;--r2:12px;--r3:18px;--r4:26px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-size:16px}button,input,textarea,select{font:inherit}button,.button{border-radius:var(--r2);background:var(--accent);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.72rem 1rem;font-weight:750;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}h1{letter-spacing:-.05em;margin:.15em 0;font-size:clamp(2rem,5vw,3.5rem)}h2,h3{letter-spacing:-.025em}p{line-height:1.55}.muted{color:var(--muted)}.eyebrow{letter-spacing:.16em;color:var(--accent);font-size:.72rem;font-weight:800}.logo{background:var(--accent);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:inline-grid}aside{background:var(--card);border-right:1px solid var(--line);z-index:5;width:235px;padding:28px 20px;position:fixed;inset:0 auto 0 0}aside h2,header h2{align-items:center;gap:10px;margin:0 0 2rem;display:flex}aside button{width:100%;color:var(--muted);text-transform:capitalize;text-align:left;background:0 0;justify-content:flex-start;margin:4px 0}aside button.active{background:var(--soft);color:var(--accent)}header,nav{display:none}.content{max-width:1440px;margin-left:235px;padding:48px clamp(24px,5vw,70px) 110px}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:35px 0;display:grid}.content article,.reviewtop{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow1);margin:14px 0;padding:22px}.energy{grid-template-columns:auto 1fr;align-items:center;gap:28px;display:grid}.ring{aspect-ratio:1;background:conic-gradient(var(--accent) var(--p),var(--soft) 0);border-radius:50%;place-items:center;width:175px;display:grid;position:relative}.ring:before{content:"";background:var(--card);border-radius:50%;position:absolute;inset:15px}.ring span{text-align:center;color:var(--muted);font-size:.75rem;display:grid;position:relative}.ring strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:2rem}.macros{gap:14px;display:grid}.macros div{gap:5px;display:grid}.macros span{justify-content:space-between;display:flex}.macros small{color:var(--muted)}progress{width:100%;height:7px;accent-color:var(--accent)}.chart{width:100%;max-width:720px;height:auto;max-height:280px}.chart rect{fill:var(--accent)}.chart .gridline{stroke:var(--line);fill:none}.chart .target{stroke:var(--accent2);stroke-dasharray:8 7;fill:none}.donutwrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;display:flex}.donut{width:min(210px,65vw);height:auto;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:16px}.donut text{fill:var(--text);text-anchor:middle;transform-origin:50%;font-variant-numeric:tabular-nums;font-size:10px;transform:rotate(90deg)}.s0{stroke:#147d64;background:#147d64}.s1{stroke:#54aa8f;background:#54aa8f}.s2{stroke:#d39a42;background:#d39a42}.s3{stroke:#7085b6;background:#7085b6}.legend{text-transform:capitalize;gap:8px;display:grid}.legend span{align-items:center;gap:8px;display:flex}.legend i{border-radius:50%;width:10px;height:10px}.strip{border-radius:6px;max-width:250px;height:6px;display:flex;overflow:hidden}.strip i{height:100%}.sectionhead,.meal,.actions,.topactions{justify-content:space-between;align-items:center;gap:15px;display:flex}.meal>div:first-child{flex:1;min-width:0}.meal small,.mealopen small{text-transform:uppercase;color:var(--accent);letter-spacing:.1em;font-weight:800}.pill{background:var(--soft);border-radius:99px;padding:.5rem .8rem}.empty{text-align:center;color:var(--muted);padding:2.5rem!important}.empty svg{width:42px;height:42px}.narrow,.content>section:not(.dashboard){max-width:900px}label{gap:7px;margin:18px 0;font-weight:700;display:grid}input,textarea,select{border:1px solid var(--line);border-radius:var(--r2);background:var(--card);width:100%;color:var(--text);padding:13px;font-size:16px}textarea{resize:vertical}.notice{border-radius:var(--r3);margin:22px 0;padding:18px;background:var(--soft)!important}.formgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.formgrid label{margin:5px 0;font-size:.8rem}.link{color:var(--danger);background:0 0;min-height:44px;padding:5px}.secondary{background:var(--soft);color:var(--text)}.error{color:var(--danger);border-radius:var(--r2);background:#f7e7e2;margin:12px 0;padding:12px;font-weight:700}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login form,.modal form{background:var(--card);border-radius:var(--r4);width:min(440px,100%);box-shadow:var(--shadow2);padding:clamp(28px,6vw,50px)}.skeletons{gap:20px;min-height:80vh;padding:10vw;display:grid}.skeletons i{border-radius:var(--r3);background:linear-gradient(90deg,var(--soft),var(--card),var(--soft));background-size:200%;height:160px;animation:1.3s infinite p}@keyframes p{to{background-position:-200%}}svg{stroke:currentColor;fill:none;stroke-width:2px;width:20px;height:20px}.preview{gap:10px;display:grid}.preview img{border-radius:var(--r3);object-fit:contain;max-width:100%;max-height:380px}.upload{border:2px dashed var(--line);border-radius:var(--r3);text-align:center;color:var(--accent);padding:25px;position:relative;cursor:pointer}.upload input,.thumb-actions input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.totals,.summary{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:15px;margin:20px 0;display:flex}.totals{background:var(--text);color:var(--card);border-radius:var(--r2);z-index:2;padding:14px;position:sticky;bottom:75px}.summary article{gap:4px;min-width:160px;display:grid}.summary b{font-size:1.6rem}.filters{grid-template-columns:2fr 1fr;gap:12px;display:grid}.mealopen{color:var(--text);text-align:left;background:0 0;padding:0;display:block}.modal{z-index:20;background:#08140f99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.weight{border-top:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;display:grid}@media (width<=1100px){.dashboard{grid-template-columns:1fr}.energy{grid-template-columns:auto 1fr}}@media (width<=900px){aside{display:none}.content{margin:0;padding:86px 18px 110px}.dashboard,.energy{grid-template-columns:1fr}.ring{margin:auto}header{z-index:9;background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;padding:12px 18px;display:flex;position:fixed;inset:0 0 auto}header h2{margin:0}header .logo{width:36px;height:36px}nav{z-index:10;padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}nav button{color:var(--muted);text-transform:capitalize;background:0 0;justify-items:center;gap:2px;padding:5px;font-size:.7rem;display:grid}nav button.active{color:var(--accent)}.formgrid{grid-template-columns:1fr 1fr}}@media (width<=480px){.content{padding-inline:12px}.content article{padding:16px}.formgrid,.filters{grid-template-columns:1fr}.meal{align-items:flex-start}.meal>div:last-child{text-align:right}.actions{flex-direction:column-reverse;align-items:stretch}.actions>*{width:100%}.topactions{justify-content:flex-start}.sectionhead{align-items:flex-start}.weight{grid-template-columns:1fr auto}.weight button{grid-row:2}.totals{font-size:.8rem}.summary article{width:100%;margin:4px 0}.modal{align-items:end;padding:0}.modal form{border-radius:24px 24px 0 0;max-height:92vh;overflow:auto}}@media (prefers-color-scheme:dark){:root{--bg:#101916;--card:#17241f;--text:#e7f2ed;--muted:#9cafaa;--accent:#60c9aa;--accent2:#7edabb;--soft:#203b33;--line:#2d4039;--shadow1:0 2px 8px #0002;--shadow2:0 15px 38px #0004;--warning:#3a3420}.error{color:#ffcfc4;background:#402923}.s0{stroke:#60c9aa;background:#60c9aa}.s1{stroke:#89bfae;background:#89bfae}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lines polyline{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.heatmap{grid-template-columns:repeat(10,minmax(12px,28px));gap:7px;max-width:360px;display:grid}.heatmap i{aspect-ratio:1;background:var(--soft);border:1px solid var(--line);border-radius:5px}.heatmap i.logged{background:var(--accent);border-color:var(--accent)}.thumbs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.thumb{border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:var(--card);display:grid}.thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.thumb-actions{gap:4px;padding:6px;display:flex}.thumb-actions button,.thumb-actions label{min-height:36px;font-size:.72rem;padding:.3rem .4rem;flex:1;margin:0;position:relative}.photo-count{color:var(--muted);font-size:.85rem;font-weight:600}.photo-sources{gap:10px;display:grid}@media (width>=640px){.photo-sources{grid-template-columns:1fr 1fr}}.memory-picker{gap:4px;display:grid}.memory-meta{color:var(--muted);margin:.25rem 0 1rem;font-size:.85rem;font-weight:600}