*{box-sizing:border-box}body{margin:0;background:#f5f8f6;color:#243d31;font:15px system-ui,sans-serif}main{max-width:1120px;margin:30px auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:27px;color:#176b52}h2{font-size:19px}small{color:#73887b;font-size:12px}nav,.weekbar,.daytabs{display:flex;gap:9px;margin:20px 0;flex-wrap:wrap}button{background:#176b52;color:#fff;border:1px solid #176b52;border-radius:10px;padding:11px 16px;cursor:pointer}button.active{background:#dcefe4;color:#176b52}.secondary{background:#fff;color:#176b52;border-color:#d6e5db}section,.login{background:#fff;border:1px solid #e2ece5;border-radius:16px;padding:22px;margin:15px 0;box-shadow:0 6px 24px #243d3109}.stats,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats h2{font-size:29px}.grid section{margin:0}.meal{padding:13px 0;border-bottom:1px solid #edf1ee}.meal-head,.entry{display:flex;align-items:center;justify-content:space-between;gap:10px}.meal-head input{width:75px;text-align:right}.meal textarea{margin-top:8px}.hint{background:#e5f3eb;padding:13px;border-radius:10px}input,textarea,select{font:inherit;padding:10px;border:1px solid #d0e0d5;border-radius:8px;max-width:100%}textarea,select{width:100%}label{display:block;margin:10px 0}.meal-head label{margin:0}.rating{display:flex;gap:8px}.rating button{flex:1;font-size:23px;background:#fff;border-color:#d8e5dc;color:#243d31}.rating button.active{background:#dcf0e4}.rating small,.daytabs small{display:block}.checkbox{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eef2ee;padding:10px 0}.checkbox input{width:18px;height:18px;accent-color:#176b52}.entry{padding:12px 0;border-bottom:1px solid #eef2ee}.error{color:#b83232}.bars{height:180px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #aaa}.bars div{background:#69b994;flex:1;max-height:175px;border-radius:6px 6px 0 0}footer{margin:25px 0}form{display:flex;gap:10px;flex-wrap:wrap}.login{max-width:430px;margin:12vh auto}@media(max-width:700px){main{margin:0;padding:14px}.grid,.stats{grid-template-columns:1fr}.daytabs{flex-wrap:nowrap;overflow:auto}.daytabs button{min-width:55px}.rating button{padding:10px 5px}h1{font-size:22px}form input{width:100%}}
