/* Food diary: the day's essentials first, details within reach. */
#diary .nutrition-overview{padding:26px 28px;background:#fff;border:1px solid #dce5d5;box-shadow:0 7px 28px #244e3510}
.nutrition-overview-heading,.nutrition-meals-heading{margin-bottom:22px}.nutrition-overview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.nutrition-overview-heading h2{margin:0;font-size:1.4rem}.nutrition-overview-heading .text-button{white-space:nowrap;font-size:.85rem}
#diary-visual-summary{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:26px}.nutrition-energy{display:flex;align-items:center;gap:24px;min-width:0}.nutrition-ring{--nutrition-progress:0%;width:156px;height:156px;flex:0 0 156px;background:conic-gradient(#547e38 var(--nutrition-progress),#edf1e7 0);border-radius:50%;padding:11px;box-sizing:border-box}.nutrition-ring>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border-radius:50%;text-align:center}.nutrition-ring strong{font-size:2rem;font-weight:800;letter-spacing:-.05em;color:#234a34;line-height:1.15;font-variant-numeric:tabular-nums}.nutrition-ring span{font-size:.71rem;color:#627462;margin-top:4px}.nutrition-ring-over{background:conic-gradient(#ad8655 var(--nutrition-progress),#f3ecdf 0)}.nutrition-energy-detail{flex:1;min-width:0}.nutrition-energy-detail p{font-size:.75rem;color:#667865;margin:12px 0 0;line-height:1.5}.nutrition-key{display:block;font-size:.76rem;color:#5c6c5a;margin:10px 0}.nutrition-key strong{display:block;margin:4px 0 0 14px;color:#263b2a;font-size:.92rem}.nutrition-key i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#547e38;margin-right:5px}.nutrition-key:nth-child(2) i{background:#c6d5bb}
.nutrition-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nutrition-macro{padding:18px 14px;min-width:0;border-radius:14px;background:#f2f5eb;align-self:stretch;display:flex;flex-direction:column;gap:8px}.nutrition-macro-carbs{background:#fcf2e5}.nutrition-macro-fat{background:#edf3f7}.nutrition-macro>span{font-size:.78rem;font-weight:750;color:#40543c}.nutrition-macro>strong{font-size:1.55rem;font-weight:800;letter-spacing:-.04em;color:#253d2d;overflow-wrap:anywhere}.nutrition-macro strong small{font-size:.78rem;font-weight:500;letter-spacing:0}.nutrition-macro>small{font-size:.67rem;line-height:1.5;color:#62705c}.nutrition-macro-track{height:5px;background:#dce5d0;overflow:hidden;border-radius:5px}.nutrition-macro-track span{height:100%;display:block;background:#668843;border-radius:inherit}#diary .nutrition-energy-note{margin:20px 0 0;padding-top:14px;border-top:1px solid #edf0e8;font-size:.73rem;line-height:1.6}
#diary .nutrition-next{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:20px;padding:24px 28px;background:#eaf0df;margin:0 0 28px;overflow:hidden}.nutrition-next>div{min-width:0}.nutrition-next h2{font-size:1.5rem;margin:0 0 8px}.nutrition-next p{font-size:.85rem;color:#53664b;margin:0 0 16px}.nutrition-next .eyebrow{font-size:.68rem}.nutrition-next img{width:148px;height:148px;object-fit:cover;flex:0 0 auto;border-radius:50%;box-shadow:0 5px 20px #344e2820}.nutrition-next button{font-size:.8rem;min-height:44px}.nutrition-meals-heading h2{font-size:1.35rem;margin:0}.nutrition-meals-heading .eyebrow{font-size:.68rem}
#diary-food-list.nutrition-meal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nutrition-meal{background:#fff;border:1px solid #dfe6d7;border-radius:18px;padding:20px;min-width:0;box-shadow:0 3px 15px #264d3010}.nutrition-meal-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.nutrition-meal-heading h3{margin:0;font-size:1rem}.nutrition-meal-heading .fine{font-size:.72rem}.nutrition-meal-symbol{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fcf0d6;color:#8c672d;font-size:1.5rem}.nutrition-meal-lunch .nutrition-meal-symbol{background:#eaf1dd;color:#56743b}.nutrition-meal-dinner .nutrition-meal-symbol{background:#e9eef9;color:#607492}.nutrition-meal-snack .nutrition-meal-symbol{background:#f7eae3;color:#a1785e}#diary .nutrition-meal-heading .meal-add{margin-left:auto;white-space:nowrap;font-size:.73rem;padding:8px 10px;min-height:38px;background:#f1f5e9;border:1px solid #d3dfc5;border-radius:10px;color:#375534}#diary .nutrition-meal .meal-empty{padding:12px 0 4px;margin:0;font-size:.8rem;color:#7b8575}.nutrition-meal .diary-list{gap:10px;align-items:flex-start;padding:14px 0}.nutrition-meal .diary-list>div:first-child{min-width:0;overflow-wrap:anywhere}.nutrition-meal .diary-list strong{font-size:.87rem}.nutrition-meal .diary-list .fine{font-size:.72rem;line-height:1.6;margin-top:4px}.nutrition-meal .diary-actions{flex:0 0 auto}.nutrition-meal .diary-actions button{min-height:36px;font-size:.73rem}#diary>.grid>aside{margin-top:6px}#diary>.grid>aside details.card{padding:20px!important}#diary details.card>summary{line-height:1.5;font-size:.87rem}#diary details.card[open]>summary{margin-bottom:18px}
@media(max-width:1100px){#diary-visual-summary{grid-template-columns:1fr}.nutrition-macros{gap:12px}.nutrition-energy{justify-content:flex-start}.nutrition-energy-detail{max-width:250px}}
@media(max-width:650px){#diary .nutrition-overview{padding:20px 18px}.nutrition-overview-heading{align-items:flex-start;gap:10px}.nutrition-overview-heading h2{font-size:1.15rem}.nutrition-overview-heading .text-button{white-space:normal;text-align:right;font-size:.73rem;padding:0;min-height:44px}.nutrition-energy{gap:20px}.nutrition-ring{width:136px;height:136px;flex-basis:136px;padding:10px}.nutrition-ring strong{font-size:1.8rem}.nutrition-macro{padding:14px 10px}.nutrition-macros{gap:8px}.nutrition-macro>strong{font-size:1.35rem}#diary .nutrition-next{padding:22px 18px;gap:12px;position:relative}.nutrition-next img{width:76px;height:76px;align-self:flex-start;margin-top:6px}.nutrition-next .controls{margin-right:-88px;position:relative}.nutrition-next .controls button{font-size:.74rem}.nutrition-next h2{font-size:1.2rem}.nutrition-next p{font-size:.78rem}#diary-food-list.nutrition-meal-grid{grid-template-columns:1fr;gap:12px}.nutrition-meal{padding:18px}.nutrition-energy-detail p{font-size:.71rem}.nutrition-key strong{font-size:.84rem}.nutrition-ring span{font-size:.66rem}}
@media(prefers-reduced-motion:no-preference){.nutrition-macro-track span{transition:width .25s ease}}