:root{--bg:#06100b;--panel:#0b1711;--panel2:#101d16;--line:#203127;--text:#f4f8f5;--muted:#98aa9d;--green:#57e47b;--green2:#24bb54;--blue:#58b8ff;--yellow:#ffc74e;--purple:#a77cff;--orange:#ff8b3d;--red:#ff6262;--shadow:0 20px 60px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at top,#0b2015 0,#06100b 38%,#030805 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;min-height:100%}body{padding-bottom:92px}button,input,select,textarea{font:inherit}button{cursor:pointer}
#app{max-width:860px;margin:0 auto;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 12px;position:sticky;top:0;z-index:5;background:linear-gradient(#07110cf2,#07110ccc 75%,transparent);backdrop-filter:blur(10px)}h1{font-size:30px;margin:2px 0 0}h2{font-size:18px;margin:0 0 14px}.eyebrow,.muted{color:var(--muted)}.tiny{font-size:11px}.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid #31523b;background:#0d1b13;color:white}
main{padding:8px 16px 24px;display:grid;gap:14px}.card,.mini-card{background:linear-gradient(145deg,rgba(17,31,23,.96),rgba(8,18,13,.96));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.card{padding:18px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px}.ring-wrap{display:flex;justify-content:center}.ring{--pct:0deg;width:220px;aspect-ratio:1;border-radius:50%;padding:15px;background:conic-gradient(var(--green) var(--pct),#233129 0);box-shadow:0 0 40px rgba(87,228,123,.08)}.ring-inner{width:100%;height:100%;border-radius:50%;background:#08120d;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring .goal,.remaining{color:var(--green);font-weight:800}.ring .goal{font-size:20px}.ring .eaten{font-size:42px;font-weight:850;letter-spacing:-1px}.ring .remaining{font-size:28px;margin-top:7px}.hero-copy p{font-size:20px;line-height:1.3}.sparkline{height:70px;margin-top:18px;position:relative;background:linear-gradient(180deg,transparent,#0b2415);border-radius:12px;overflow:hidden}.sparkline:after{content:"";position:absolute;left:8%;right:8%;bottom:18px;height:28px;border-bottom:3px solid var(--green);border-radius:0 0 70% 40%;transform:skewY(-8deg)}
.macro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.macro{padding:4px 10px;border-right:1px solid var(--line)}.macro:last-child{border-right:0}.macro small{display:block;color:var(--muted);text-transform:uppercase}.macro strong{font-size:18px;display:block;margin:8px 0}.bar{height:7px;background:#223029;border-radius:20px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-card{padding:14px;display:flex;align-items:center;gap:10px;min-height:80px}.mini-card span{font-size:24px}.mini-card small{display:block;color:var(--muted);margin-bottom:4px}.mini-card strong{font-size:17px}
.section-head,.row{display:flex;align-items:center;justify-content:space-between}.gap{gap:10px}.wrap{flex-wrap:wrap}.end{justify-content:flex-end}.link-btn,.danger-link{background:none;border:0;color:var(--green);padding:6px}.danger-link{color:var(--red)}.meal-row,.entry-row,.weigh-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.meal-row:first-child{border-top:0}.meal-left{display:flex;gap:12px;align-items:center}.meal-emoji{width:38px;height:38px;border-radius:12px;background:#13241a;display:grid;place-items:center}.meal-meta small{display:block;color:var(--muted);margin-top:3px}.coach-row{display:flex;gap:14px;align-items:flex-start}.coach-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#102519;border:1px solid #2d5d3c;font-size:28px;flex:0 0 auto}.coach-icon.large{width:74px;height:74px;font-size:38px;margin-bottom:12px}.coach-card strong,.coach-feature h2{color:var(--green)}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;background:rgba(3,10,6,.94);backdrop-filter:blur(14px);border-top:1px solid #1b2d22;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.nav-item{width:min(20%,170px);border:0;background:transparent;color:#9ca9a0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px}.nav-item span{font-size:23px}.nav-item.active{color:var(--green)}
textarea,input,select{width:100%;background:#09140e;color:var(--text);border:1px solid #2a4031;border-radius:12px;padding:12px;outline:none}textarea:focus,input:focus,select:focus{border-color:var(--green)}textarea{resize:vertical;margin:8px 0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{color:var(--muted);font-size:13px}.form-grid label input,.form-grid label select{margin-top:6px;color:var(--text)}.full{grid-column:1/-1}.primary,.secondary,.danger,.file-label{border-radius:12px;padding:11px 14px;border:1px solid transparent;font-weight:700;text-align:center}.primary{background:var(--green);color:#05220d}.secondary,.file-label{background:#14251a;border-color:#2a4031;color:var(--text)}.danger{background:#331416;border-color:#5a2529;color:#ffb3b3}.small{padding:8px 10px}.entry-actions button{background:none;border:0;color:var(--red);font-size:18px}.result-card{padding:12px;border:1px solid #274532;border-radius:14px;margin-top:10px;background:#0d1d13}.result-card .row{padding:5px 0}.notice{margin-top:16px;padding:12px;border-radius:14px;background:#241f0c;border:1px solid #50461a;color:#e8d987;font-size:13px}.big-number{font-size:42px;font-weight:850}.chart{height:210px;display:flex;align-items:flex-end;gap:6px;padding:22px 4px 8px;border-bottom:1px solid var(--line)}.chart-bar{flex:1;min-width:8px;border-radius:8px 8px 2px 2px;background:linear-gradient(var(--green),#1d6633);position:relative}.chart-bar span{position:absolute;bottom:calc(100% + 5px);font-size:9px;color:var(--muted);left:50%;transform:translateX(-50%)}.coach-tip{padding:14px 0;border-top:1px solid var(--line)}.coach-tip:first-child{border-top:0}.coach-tip strong{display:block;margin-bottom:5px}.coach-feature{text-align:center}.coach-feature .coach-icon{margin-left:auto;margin-right:auto}dialog{border:0;padding:0;background:transparent;color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.7)}.modal-card{min-width:min(92vw,420px);background:#0d1a12;border:1px solid #2a4031;border-radius:20px;padding:18px}.file-label{display:inline-block}.positive{color:var(--green)}.negative{color:var(--red)}
@media(max-width:680px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.ring{width:200px}.macro-grid{grid-template-columns:1fr 1fr}.macro:nth-child(2){border-right:0}.macro:nth-child(-n+2){padding-bottom:12px;border-bottom:1px solid var(--line)}.stats-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.topbar{padding-top:calc(18px + env(safe-area-inset-top))}}