.home-food-graph{box-sizing:border-box;width:min(100%,720px);margin:0 auto 1.1rem;padding:1rem;border:1px solid #a9d5d1;border-radius:1rem;background:#edf8f6;color:#153a3c;text-align:left;box-shadow:0 8px 24px rgba(18,89,89,.08)}
.home-food-graph header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}
.home-food-graph header small{color:#357373;font-size:.7rem;font-weight:850;letter-spacing:.06em}
.home-food-graph h2{margin:.1rem 0 0;font-size:1.16rem;line-height:1.2}
.home-food-open{flex:0 0 auto;min-height:34px;padding:.35rem .6rem;border:1px solid #559a9b;border-radius:.5rem;background:#fff;color:#176269;font-size:.72rem;font-weight:800}
.home-food-legend{display:flex;flex-wrap:wrap;gap:.65rem;margin:.65rem 0 .1rem;color:#38666a;font-size:.7rem;font-weight:750}
.home-food-legend span{display:inline-flex;align-items:center;gap:.28rem}
.home-food-legend i{display:inline-block;width:.7rem;height:.7rem;border-radius:2px}
.home-food-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.36rem;align-items:end;height:150px;margin:.45rem 0 .45rem}
.home-food-day{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;min-width:0;height:100%;gap:.25rem;padding:0;border:0;background:transparent;text-align:center;cursor:pointer}
.home-food-day:focus-visible{outline:2px solid #1368e8;outline-offset:3px}
.home-food-day strong{max-width:100%;overflow:hidden;color:#3b696b;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.home-food-day small{color:#45666b;font-size:.68rem;font-weight:800}
.home-food-bar-track{display:flex;flex-direction:column-reverse;width:100%;height:105px;border-radius:.32rem;background:#d5e9e5;overflow:hidden}
.home-food-bar-track i{display:block;width:100%;flex:none}
.home-food-protein{background:#187f91}
.home-food-carbs{background:#57abd5}
.home-food-fat{background:#f4a340}
.home-food-day.is-selected .home-food-bar-track{box-shadow:0 0 0 2px #095aa2}
.home-food-day.is-today small,.home-food-day.is-today strong{color:#095aa2}
.home-food-today{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin:.5rem 0 0;padding-top:.55rem;border-top:1px solid #c5dfda;font-size:.78rem}
.home-food-today span{color:#38666a}
.home-food-unavailable{margin:0;color:#38666a;font-size:.82rem}
@media(max-width:520px){.home-food-graph{padding:.8rem}.home-food-graph h2{font-size:1.02rem}.home-food-open{font-size:.68rem}.home-food-bars{gap:.22rem;height:130px}.home-food-bar-track{height:88px}.home-food-day strong,.home-food-day small{font-size:.6rem}}

/* Five logged days and a static, visually distinct nutrition reference. */
.home-food-bars{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.3fr)}
.home-food-reference{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;min-width:0;height:100%;gap:.25rem;padding:0 0 0 .5rem;border-left:2px dashed #8d68bb;background:#f2eafa;border-radius:0 .35rem .35rem 0}
.home-food-reference strong,.home-food-reference small{color:#60348a;font-size:.68rem;font-weight:850}
.home-food-reference .home-food-bar-track{outline:2px solid #8d68bb;outline-offset:-2px;background:#e6dbf0}
.home-food-reference-values{display:grid;gap:.25rem;margin-top:.65rem;padding:.65rem;border:1px solid #c3a6df;border-left:4px solid #8d68bb;border-radius:.45rem;background:#f2eafa;color:#60348a;font-size:.75rem}
.home-food-scale-note{font-size:.65rem;color:#38666a;margin:.35rem 0 0}
@media(max-width:520px){.home-food-reference{padding-left:.3rem}.home-food-reference strong,.home-food-reference small{font-size:.56rem}}