:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6faf7;background:#080c0d;font-synthesis:none;color-scheme:dark;--neon:#b7ff25;--neon2:#7cf500;--surface:#151c1d;--stroke:#293436;--muted:#94a3a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 85% 300px at 85% -100px,#9cff1724,transparent 80%),#080c0d}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.shell{max-width:760px;margin:auto;padding:27px 18px 112px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0 19px;margin-bottom:9px;border-bottom:1px solid #263132}.eyebrow{color:var(--neon);font-size:10px;text-transform:uppercase;letter-spacing:2.8px;font-weight:900}.h1{font-size:clamp(29px,7vw,39px);font-weight:900;letter-spacing:-1.6px;margin:8px 0 5px;line-height:1.09}.muted{color:var(--muted);font-size:13px;line-height:1.5}.brandmark{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:1px solid #6a912f;background:linear-gradient(135deg,#caff51,#7cf500);border-radius:17px;box-shadow:0 0 32px #a3ff2240;color:#071000}.brandmark svg{width:31px;height:31px}.card{background:linear-gradient(155deg,#1a2424,#121819);border:1px solid var(--stroke);border-radius:21px;padding:19px;margin:15px 0;box-shadow:0 12px 30px #00000022}.card>b,.card .row>b{font-size:15px;letter-spacing:-.25px}.card:has(.bar){border-color:#54752a;background:linear-gradient(130deg,#24341a,#16201b 65%,#131b1c)}.soft{background:#1b2927}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0 22px}.metric{padding:18px 10px 16px;background:linear-gradient(160deg,#202c26,#151d1c);border:1px solid #304334;border-radius:17px;min-width:0}.metric:first-child{background:linear-gradient(145deg,#b7ff25,#83ef0b);border-color:#b7ff25;box-shadow:0 6px 30px #a0ff1827}.metric strong{display:block;color:var(--neon);font-size:clamp(17px,4.7vw,24px);font-weight:900;letter-spacing:-.8px;white-space:nowrap}.metric:first-child strong,.metric:first-child small{color:#0a1800}.metric small{display:block;color:#a6b4ae;font-size:10px;margin-top:7px;text-transform:uppercase;letter-spacing:.5px;font-weight:750}.section{font-size:20px;margin:28px 0 10px}.bar{height:12px;background:#354438;border-radius:20px;overflow:hidden;margin:18px 0}.bar>div{height:100%;background:linear-gradient(90deg,#6aee00,#c8ff39);border-radius:20px;box-shadow:0 0 18px #b7ff25aa;transition:width .2s}.btn{border:1px solid #b7ff25;background:linear-gradient(115deg,#c3ff3c,#91f10d);color:#0d1903;font-weight:900;border-radius:13px;padding:13px 15px;box-shadow:0 4px 17px #9dff1719}.btn.alt{background:#25302b;color:#d8ffbc;border-color:#3e5b32;box-shadow:none}.btn.danger{background:#522a2d;border-color:#88474b;color:#fff}.btn.small{padding:10px 12px;font-size:12px}.btn:disabled{opacity:.45}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.field{margin:14px 0}.field label{display:block;color:#d8e5dc;font-size:12px;font-weight:750;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #415349;background:#0c1414;color:#fff;border-radius:12px;padding:13px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.note{color:#a5b7ae;font-size:12px;line-height:1.7}.option{padding:15px;border:1px solid #2f4338;border-radius:15px;margin:12px 0;background:#101a19}.option b{color:var(--neon)}.option p{margin:10px 0;color:#e3ece5;line-height:1.55;font-size:14px}.option.selected{border-color:var(--neon);background:#20321a}.badge{background:#2d451c;color:#c8ff5a;border:1px solid #476f2a;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:850}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#0c1213f2;border-top:1px solid #344036;backdrop-filter:blur(20px);padding:10px 5px max(12px,env(safe-area-inset-bottom));z-index:20}.tabs>div{display:flex;width:min(760px,100%);justify-content:space-around}.tab{border:0;background:transparent;color:#91a099;padding:8px 9px;font-size:11px;font-weight:750;min-width:60px;border-radius:12px}.tab.active{color:#b7ff25;background:#23351c}.tab span{display:block;font-size:23px;margin-bottom:4px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.chart{display:flex;gap:8px;align-items:end;height:140px;padding:10px 0}.chart .col{flex:1;background:linear-gradient(0deg,#67d600,#b7ff25);border-radius:7px 7px 0 0;min-height:5px;position:relative}.chart .col small{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);font-size:9px;color:#adb8b6;white-space:nowrap}.empty{padding:16px;color:#9caeaa;text-align:center}.tag{font-size:12px;color:#c7e9ac}.divider{border:0;border-top:1px solid #394649;margin:18px 0}.warn{border-left:3px solid #f6c578;padding:12px;background:#302b1f;color:#f4e1be;border-radius:8px;font-size:12px;line-height:1.55}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{accent-color:var(--neon);width:18px;height:18px}@media(max-width:430px){.formgrid{grid-template-columns:1fr}.shell{padding-left:15px;padding-right:15px}.metric{padding:16px 9px}.card{padding:16px}.h1{font-size:30px}}

.steps{display:flex;gap:10px;margin:20px 0}.steps span{flex:1;padding:11px 10px;border:1px solid #334044;border-radius:12px;text-align:center;color:#98a5a6;font-weight:700;font-size:13px}.steps .current{border-color:#b7ff25;color:#b7ff25;background:#202e17}.steps .done{color:#b7ff25}.skipmeal{width:100%;margin-top:8px;border:1px solid #63776c!important}.checkbox{margin:18px 0}.checkbox input{flex-shrink:0}