:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f2f4f0;background:#101411;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding-bottom:95px}header{padding:24px 20px 12px;display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:auto}header small,.muted{color:#a3b0a5}header small{font-size:10px;letter-spacing:2px}h1{font-size:29px;margin:4px 0}h1 span,.accent{color:#b3ee75}h2{font-size:20px;margin:8px 0 15px}h3{margin:4px 0 10px}main{max-width:760px;margin:auto;padding:8px 18px 40px}.card{background:#1c241e;border:1px solid #334037;border-radius:20px;padding:18px;margin-bottom:14px}.hero{background:linear-gradient(120deg,#30432c,#1c281e)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid .card{margin:0}.big{font-size:29px;font-weight:750;margin:5px 0}.muted{font-size:13px;line-height:1.5}.pill{display:inline-block;background:#334831;color:#c7f6a1;padding:5px 9px;border-radius:20px;font-size:12px}button{background:#b3ee75;color:#16200f;border:0;border-radius:12px;padding:12px 15px;font-weight:700;cursor:pointer}button.secondary,.small{background:#344038;color:#edf2e8}.small{padding:9px 12px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b3ee75}input,textarea,select{width:100%;padding:12px;border-radius:11px;border:1px solid #435247;background:#121a14;color:white;font:inherit;margin:5px 0 10px}label{font-size:13px;color:#c3d0c5;display:block}input[type=checkbox]{width:20px;height:20px;accent-color:#b3ee75;margin:0;flex-shrink:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.exercise{border-top:1px solid #344038;padding:14px 0}.exercise:first-of-type{border:0}.exercise p{margin:4px 0 8px}.exercise input{max-width:80px;margin:0}.progressbar{height:10px;background:#39463b;border-radius:20px;overflow:hidden;margin:13px 0}.progressbar div{height:100%;background:#b3ee75}.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:15px}.tabs button{white-space:nowrap;background:#344038;color:#eee}.tabs button.active{background:#b3ee75;color:#16200f}nav{position:fixed;bottom:0;left:0;right:0;background:#19221b;border-top:1px solid #344038;display:flex;justify-content:space-around;padding:9px 5px max(10px,env(safe-area-inset-bottom));z-index:5}nav button{background:transparent;color:#b6c3b7;padding:4px 12px;font-size:23px;display:flex;flex-direction:column;align-items:center;gap:1px}nav button.active{color:#b3ee75}nav small{font-size:10px}.note{border-left:3px solid #b3ee75;padding:10px 12px;background:#222f24;font-size:13px;line-height:1.5;border-radius:5px}.danger{border-left-color:#f1b87b}.bar{height:14px;background:#b3ee75;border-radius:4px}.chart{display:flex;align-items:end;gap:7px;height:150px;border-bottom:1px solid #667267;padding-bottom:4px}.chartcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:3px}.chartcol span{font-size:9px;color:#b8c4ba}.meal{padding:10px 0;border-top:1px solid #354238}a{color:#c7f6a1}footer{color:#9aaa9c;font-size:11px;text-align:center;margin-top:20px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#b3ee75;color:#152010;padding:10px 16px;border-radius:12px;z-index:10}

.camera-box{padding:15px;border:1px solid #64776a;border-radius:14px;margin:12px 0 20px;background:rgba(128,150,130,.09)}.camera-box p{line-height:1.5}.camera-button{display:inline-block;background:#c8edaa;color:#172218;padding:12px 16px;border-radius:10px;font-weight:700;cursor:pointer;margin:8px 0}.camera-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.meal-photo{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:12px;margin:10px 0}.camera-box button{margin-top:8px}

.buttonrow{display:flex;gap:6px;flex-wrap:wrap}.buttonrow button{flex:1;min-width:70px;padding:10px 6px;font-size:12px}.shopping{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.shopping label{display:flex;gap:7px;align-items:center}.status{display:inline-block;padding:5px 9px;border-radius:8px;font-size:12px}.planned{background:#4c4230;color:#f4d9a5}.demo{border-top:1px solid #344038;padding:12px 0}.demo summary{cursor:pointer;font-weight:650}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery>div{display:flex;flex-direction:column;gap:6px}.gallery img{width:100%;max-height:220px;object-fit:cover;border-radius:12px}.gallery a{font-size:12px}label:has(input[type=checkbox]){display:flex;gap:8px;align-items:center;margin:10px 0}