.food-routine{display:grid;gap:18px;min-width:0}.food-item{padding:18px 0;border-top:1px solid var(--line);min-width:0;overflow-wrap:anywhere}.food-item h3{margin:0 0 8px}.food-actions{display:flex;gap:10px;flex-wrap:wrap}.food-error{color:var(--danger)}.food-routine input,.food-routine select{min-width:0;width:100%;box-sizing:border-box}.food-routine input[type=checkbox]{width:auto}.food-routine .field{min-width:0}.shopping-period{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}

.macro-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px}.macro-ring{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;min-width:0}.macro-ring svg{width:68px;height:68px;transform:rotate(-90deg)}.macro-ring circle{fill:none;stroke-width:6}.macro-ring .track{stroke:var(--line)}.macro-ring .fill{stroke:var(--ring);stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--frac) * 100)}.macro-ring strong{position:absolute;top:22px;left:0;right:0;font-family:Manrope,sans-serif;font-weight:700;font-size:15px;line-height:24px;font-variant-numeric:tabular-nums}.macro-ring span{font-size:12px;line-height:16px;color:var(--text)}.macro-ring small{font-size:11px;line-height:14px;color:var(--muted)}.macro-ring.done small{color:var(--ring)}@media(max-width:360px){.macro-ring svg{width:60px;height:60px}.macro-ring strong{top:18px}}@media(prefers-reduced-motion:no-preference){.macro-ring .fill{transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1)}body.m-enter .macro-ring .fill{animation:ring-fill 1.1s cubic-bezier(.22,1,.36,1) .15s backwards}@keyframes ring-fill{from{stroke-dashoffset:100}}}