:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:radial-gradient(circle at 12% 0,#ff844838,#0000 34%),radial-gradient(circle at 92% 8%,#567dff29,#0000 30%),linear-gradient(#fff8ef 0%,#f5f7fb 52%,#eef3f0 100%);min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#1b120c;cursor:pointer;background:linear-gradient(135deg,#ff7a3d,#ffb347);border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;padding:14px 18px;font-weight:850;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 14px 34px #ff7a3d42}button:hover{transform:translateY(-1px);box-shadow:0 18px 42px #ff7a3d54}button:active{transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}input,textarea{color:#172033;background:#ffffffd1;border:1px solid #17203321;border-radius:16px;outline:none;width:100%;padding:13px 14px;box-shadow:inset 0 1px #ffffffe6}input:focus,textarea:focus{border-color:#ff7a3db3;box-shadow:0 0 0 4px #ff7a3d1f}textarea{resize:vertical;min-height:92px}label{color:#667085;font-size:14px;font-weight:650}p{color:#667085;line-height:1.55}.auth-page{place-items:center;min-height:100vh;padding:22px;display:grid}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #ffffffad;border-radius:34px;width:100%;max-width:450px;padding:30px;box-shadow:0 28px 90px #262d3e29}.auth-card form{gap:10px;margin:24px 0 14px;display:grid}.brand{letter-spacing:.18em;color:#fff;background:linear-gradient(135deg,#172033,#344054);border-radius:999px;width:max-content;padding:9px 12px;font-size:12px;font-weight:950;box-shadow:0 12px 32px #17203324}h1{letter-spacing:-.055em;color:#172033;margin:14px 0 6px;font-size:clamp(36px,8vw,66px);line-height:.92}h2{letter-spacing:-.02em;color:#172033;align-items:center;gap:9px;margin:0 0 16px;display:flex}.app{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:18px;width:min(1180px,100%);margin:0 auto;padding:24px 18px 88px;display:grid}header{grid-column:1/-1;grid-template-columns:1fr auto;align-items:start;gap:16px;padding:18px 6px 6px;display:grid}header p{margin:0}header h1{max-width:760px}.icon-btn{color:#172033;background:#ffffffbf;border:1px solid #17203314;border-radius:999px;padding:13px;box-shadow:0 14px 34px #262d3e1a}.card,.summary-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffc7;border-radius:30px;width:100%;padding:22px;box-shadow:0 18px 60px #262d3e1a}.card{gap:13px;display:grid}.summary-card{background:linear-gradient(135deg,#ffffffc7,#ffffff8c),radial-gradient(circle at 12% 10%,#ff7a3d57,#0000 35%),radial-gradient(circle at 100% 20%,#4169e12e,#0000 32%);border-color:#ffffffe6;grid-column:1/-1}.summary-card h2{margin-bottom:0}.section-title-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.date-input{background:#ffffffe6;max-width:178px}.macro-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.pill{background:linear-gradient(#ffffffeb,#ffffffb8);border:1px solid #17203314;border-radius:22px;gap:4px;padding:15px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #262d3e14}.pill:before{content:"";background:linear-gradient(90deg,#ff7a3d,#6f8cff);height:3px;position:absolute;inset:0 0 auto}.pill span{color:#667085;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:750}.pill strong{letter-spacing:-.04em;font-size:26px}.pill small{color:#a15c1f;font-size:12px;font-weight:750}.file-box{cursor:pointer;background:linear-gradient(135deg,#ffffffad,#fff5ebeb),radial-gradient(circle at 50% 10%,#ff7a3d2e,#0000 45%);border:1.5px dashed #ff7a3d85;border-radius:26px;place-items:center;min-height:260px;margin-bottom:2px;transition:transform .18s,border-color .18s;display:grid;overflow:hidden}.file-box:hover{border-color:#ff7a3dd1;transform:translateY(-1px)}.file-box span{color:#9a5b2e;font-weight:850}.file-box img{object-fit:cover;width:100%;max-height:390px;display:block}.file-box input{display:none}.error{color:#b42318;background:#ef444417;border:1px solid #ef444438;border-radius:16px;padding:12px}.warning{color:#8a4b00;background:#ffb93c24;border:1px solid #ffb93c57;border-radius:16px;padding:12px}.loading{color:#667085;place-items:center;min-height:100vh;display:grid}.ghost{color:#172033;background:#ffffffb8;border:1px solid #1720331a;width:100%;box-shadow:0 12px 32px #262d3e14}.ghost:hover{box-shadow:0 16px 38px #262d3e1f}.compact{gap:14px}.inline-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.inline-grid button{min-height:49px}.items{gap:10px;display:grid}.item,.edit-item{background:#ffffffa8;border:1px solid #17203314;border-radius:20px;gap:5px;padding:14px;display:grid;box-shadow:0 8px 26px #262d3e0f}.item span,.item small,.muted{color:#667085}.edit-item{gap:11px}.edit-item-top{grid-template-columns:1fr auto;gap:10px;display:grid}.edit-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.edit-grid label{gap:5px;display:grid}.small{border-radius:14px;padding:10px 12px;font-size:13px}.danger{color:#b42318;box-shadow:none;background:#ef44441a;border:1px solid #ef444433}.meal-row{grid-template-columns:76px 1fr;align-items:center}.meal-row img{object-fit:cover;border-radius:17px;width:76px;height:76px}.small-list .item{grid-template-columns:90px 1fr;align-items:center}.result{border-color:#ff7a3d42}@media (width<=980px){.app{grid-template-columns:1fr;max-width:820px}.summary-card{grid-column:auto}}@media (width<=760px){.inline-grid{grid-template-columns:1fr}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title-row{flex-direction:column;align-items:flex-start}.date-input{max-width:100%}}@media (width<=620px){.app{gap:14px;padding:16px 12px 72px}.macro-grid{grid-template-columns:repeat(2,1fr)}.auth-card,.card,.summary-card{border-radius:24px;padding:18px}header{padding-top:8px}h1{font-size:42px}}
