/* Nutrition: keep the four rings and AUXE blue; separate information from accent.
   Scoped here so legacy porcelain and dark-theme rules cannot fade the readouts. */
body.pm-premium #eat {
  --nut-ink: #1e1f21;
  --nut-muted: #585b5e;
  --nut-accent: #a7cff2;
  --nut-track: #54595d;
  --nut-surface: #ffffff;
  --nut-soft: #f4f4f1;
  --nut-border: #d4d6d6;
}
:root[data-theme="dark"] body.pm-premium #eat {
  --nut-ink: #f2f3f4;
  --nut-muted: #b8b9bc;
  --nut-accent: #a7cff2;
  --nut-track: #54595d;
  --nut-surface: #232527;
  --nut-soft: #2c2e30;
  --nut-border: #5d6064;
}
body.pm-premium #eat #fuelCard #fuelDeck {
  gap: 16px 0 !important;
  opacity: 1 !important;
  padding: 8px 0 4px !important;
}
body.pm-premium #eat #fuelCard #fuelDeck .dd-ringwrap {
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1;
  animation: none !important;
}
body.pm-premium #eat #fuelCard #fuelDeck .dd-ringwrap::before { display: none; }
body.pm-premium #eat #fuelCard #fuelDeck .dd-ringwrap::after {
  inset: 22px;
  background: var(--nut-surface) !important;
  box-shadow: none !important;
}
body.pm-premium #eat #fuelCard #fuelDeck .dd-mini .dd-ringwrap::after { inset: 13px; }
body.pm-premium #eat #fuelCard #fuelDeck .dd-rails { max-width: 360px; }
body.pm-premium #eat #fuelCard #fuelDeck :is(.dd-track, .dd-arc) {
  stroke-width: 11;
  filter: none;
}
body.pm-premium #eat #fuelCard #fuelDeck .dd-mini :is(.dd-track, .dd-arc) { stroke-width: 9; }
body.pm-premium #eat #fuelCard #fuelDeck .dd-track { stroke: var(--nut-track); }
body.pm-premium #eat #fuelCard #fuelDeck .dd-arc { stroke: var(--nut-accent); }
body.pm-premium #eat #fuelCard #fuelDeck .dd-arc.over { stroke: var(--nut-accent); }
body.pm-premium #eat #fuelCard #fuelDeck .vs-read b {
  color: var(--nut-ink) !important;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  letter-spacing: -.04em;
}
body.pm-premium #eat #fuelCard #fuelDeck .dd-mini .vs-read b { font-size: var(--macro-number-size, 20px) !important; }
body.pm-premium #eat #fuelCard #fuelDeck .vs-name {
  color: var(--nut-ink) !important;
  font-size:var(--ui-meta,14px);
  font-weight: 650;
  letter-spacing: .02em !important;
  text-transform: none;
  margin-top: 5px;
}
body.pm-premium #eat #fuelCard #fuelDeck .tg {
  color: var(--nut-muted) !important;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
body.pm-premium #eat #fuelCard #fuelDeck .v-cal .tg { letter-spacing: 0 !important; }
body.pm-premium #eat #fuelCard #fuelDeck :is(.vs-x, .fuel-left) {
  color: var(--nut-ink) !important;
  white-space: normal;
  text-align: center;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body.pm-premium #eat #fuelCard #fuelDeck .fuel-left { font-weight: 600; }
body.pm-premium #eat #fuelCard #fuelDeck .fv.unk .dd-ringwrap { outline-color: var(--nut-muted); }
body.pm-premium #eat #fuelCard :is(.deck-w, .deck-w b, .deck-w em, .ibtn) {
  color: var(--nut-muted) !important;
}
body.pm-premium #eat #fuelCard .deck-w { min-height: 44px; }
body.pm-premium #eat #fuelCard .deck-foot { max-width: 360px !important; margin-inline: auto; row-gap: 0; }
body.pm-premium #eat #fuelCard #whyRow { justify-content: center; }/* Food actions share readable ink and a quiet surface, with blue as the cue. */


body.pm-premium #eat #aiFoodSec :is(.fh, .fd-today) {
  background: var(--nut-surface) !important;
  border: 1px solid var(--nut-border) !important;
  box-shadow: none !important;
  color: var(--nut-ink) !important;
}
body.pm-premium #eat #aiFoodSec #fhPhoto { background: var(--nut-soft) !important; }
body.pm-premium #eat #aiFoodSec :is(.fh b, .fl-t b, .fd-today b) { color: var(--nut-ink) !important; }
body.pm-premium #eat #aiFoodSec :is(.fl-t span, .fd-today small, .fd-today i) { color: var(--nut-muted) !important; }
body.pm-premium #eat #aiFoodSec .flog-keys .fh {
  min-height: 52px !important;
  gap: 6px !important;
  padding: 12px 6px !important;
}
body.pm-premium #eat #aiFoodSec .flog-keys .fh svg { stroke: var(--nut-accent) !important; }
body.pm-premium #eat #aiFoodSec #aiFoodIn {
  background: var(--nut-surface) !important;
  border: 1px solid var(--nut-border) !important;
  box-shadow: none !important;
  color: var(--nut-ink) !important;
}
body.pm-premium #eat #aiFoodSec #aiFoodIn::placeholder { color: var(--nut-muted) !important; opacity: 1; }
body.pm-premium #eat #aiFoodSec #aiFoodGo {
  background: var(--nut-accent) !important;
  color: #1e1f21 !important;
  box-shadow: none !important;
}
body.pm-premium #eat #aiFoodSec #fhFridge,
body.pm-premium #eat #waterSec .wbtns button:not(.primary) {
  background: var(--nut-surface) !important;
  border: 1px solid var(--nut-border) !important;
  box-shadow: none !important;
  color: var(--nut-ink) !important;
}
body.pm-premium #eat #aiFoodSec #fhFridge .fr-t span,
body.pm-premium #eat #waterSec .wbtns button:not(.primary) small {
  color: var(--nut-muted) !important;
  opacity: 1;
}
body.pm-premium #eat #waterSec :is(.wnum, .wnum b, #waterMore) { color: var(--nut-ink) !important; }
body.pm-premium #eat :is(button, input):focus-visible {
  outline: 2px solid var(--nut-accent) !important;
  outline-offset: 3px;
}
body.pm-premium #eat :is(button, input) { scroll-margin-block: 20px 112px; }
@media (hover: hover) {
  body.pm-premium #eat #aiFoodSec :is(.fh, .fd-today):hover { border-color: var(--nut-accent) !important; }
}
@media (max-width: 360px) {
  body.pm-premium #eat #fuelCard #fuelDeck .dd-mini .vs-read b { font-size: var(--macro-number-size, 18px) !important; }
  body.pm-premium #eat #aiFoodSec .flog-keys .fh { flex-direction: column !important; gap: 5px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.pm-premium #eat #fuelCard #fuelDeck .dd-arc { transition: none !important; }
  body.pm-premium #eat #fuelCard #fuelDeck .vpulse { animation: none !important; }
  body.pm-premium #eat #aiFoodSec .fh { transition: none !important; }
}/* One reading pattern: name, amount eaten, goal. Exact AUXE blue is the accent. */


body.pm-premium #eat>.kicker { display:none !important; }
body.pm-premium section#eat>h1 { display:block !important; position:static !important; width:auto !important; height:auto !important; overflow:visible !important; clip:auto !important; white-space:normal !important; color:var(--nut-ink) !important; font-size:24px !important; margin:0 90px 16px 0 !important; }
body.pm-premium #eat #fuelCard #fuelDeck .nut-name { display:block !important; order:-1; margin:0 0 5px !important; font-size:14px !important; }
body.pm-premium #eat #fuelCard #fuelDeck .nut-eaten { font-size:var(--ui-meta,14px); font-weight:500; color:var(--nut-muted); line-height:1.2; margin-top:3px; letter-spacing:0; }
body.pm-premium #eat #fuelCard #fuelDeck .v-cal .nut-eaten { font-size:var(--ui-meta,14px); }
body.pm-premium #eat #fuelCard #fuelDeck .dd-mini .vs-read { flex-direction:column !important; }
body.pm-premium #eat #fuelCard #fuelDeck .v-cal>.tg { max-width:none; font-size:var(--ui-meta,14px) !important; margin-top:5px; text-transform:none; }
body.pm-premium #eat #fuelCard #fuelDeck .tg { text-transform:none !important; }
body.pm-premium #eat #fuelCard #fuelDeck .tg::after { content:none !important; }
body.pm-premium #eat #fuelCard #fuelDeck .fuel-left { margin-top:4px; font-size:15px; }
body.pm-premium #eat .nut-goals { max-width:360px; margin:8px auto 0; color:var(--nut-muted); }
body.pm-premium #eat .nut-goals summary { min-height:44px; display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; list-style:none; font-size:var(--ui-meta,14px); font-weight:600; }
body.pm-premium #eat .nut-goals summary::-webkit-details-marker { display:none; }
body.pm-premium #eat .nut-goals summary::after { content:'+'; font-size:20px; }
body.pm-premium #eat .nut-goals[open] summary::after { content:'−'; }
body.pm-premium #eat .nut-goals summary:focus-visible { outline:2px solid var(--nut-ink); outline-offset:2px; }
body.pm-premium #eat #aiFoodSec .sec-head h2,body.pm-premium #eat #waterSec .sec-head h2 { color:var(--nut-ink) !important; }
body.pm-premium #eat #aiFoodSec .flog-keys { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.pm-premium #eat #aiFoodSec .flog-keys .fh { flex-direction:column !important; justify-content:center !important; gap:5px !important; min-height:68px !important; padding:8px 4px !important; border-radius:14px !important; text-align:center !important; }
body.pm-premium #eat #aiFoodSec #fhPhoto { background:var(--nut-accent) !important; min-height:88px !important; margin-bottom:20px; flex-direction:row !important; gap:16px !important; padding:18px !important; text-align:left !important; }
body.pm-premium #eat #aiFoodSec #fhPhoto .fl-lens { width:40px; height:40px; flex:none; box-shadow:none; }
body.pm-premium #eat #aiFoodSec #fhPhoto .fl-lens i { inset:8px; }
body.pm-premium #eat #aiFoodSec .flog-keys .fh b { font-size:var(--ui-meta,14px) !important; font-weight:600 !important; }
body.pm-premium #eat #aiFoodSec .flog-keys .fh svg { stroke:var(--nut-ink) !important; }
body.pm-premium #eat #aiFoodSec #aiFoodMic { background:#a7cff2 !important; color:#1e1f21 !important; box-shadow:none !important; }
body.pm-premium #eat #aiFoodSec #aiFoodMic svg { stroke:currentColor !important; }
body.pm-premium #eat :is(button,input):focus-visible { outline-color:var(--nut-ink) !important; }
body.pm-premium:has(#eat:not(.hide)) #auxeFeedbackTab { position:absolute; top:calc(24px + env(safe-area-inset-top,0px)); right:20px; width:auto; height:44px; padding:0 8px; writing-mode:horizontal-tb; color:var(--ink) !important; letter-spacing:0; }
body.pm-premium:has(#eat:not(.hide)) #auxeFeedbackTab::before { display:none; }
@media(max-width:360px){body.pm-premium #eat #aiFoodSec .flog-keys { grid-template-columns:repeat(2,minmax(0,1fr)); } body.pm-premium #eat #aiFoodSec .flog-keys .fh { flex-direction:row !important; min-height:48px !important; gap:8px !important; }}
body.pm-premium #eat #fuelCard #fuelDeck .dd-track{stroke-width:5}
body.pm-premium #eat #fuelCard #fuelDeck .dd-mini .dd-track{stroke-width:4}
body.pm-premium #eat #fuelCard #fuelDeck #calLeft{color:var(--nut-ink)!important}
body.pm-premium #eat #waterSec .wbtns .primary{color:#1e1f21!important}
body.pm-premium:has(#eat:not(.hide)) #auxeFeedbackTab{color:#1e1f21!important}
:root[data-theme="dark"] body.pm-premium:has(#eat:not(.hide)) #auxeFeedbackTab{color:#f2f3f4!important}

/* Natural-language entry and specialized tools share one clear hierarchy. */
/* A direct jump keeps food entry reachable before the full ring summary on phones. */
body.pm-premium #eat .nutrition-log-jump{display:flex;align-items:center;justify-content:center;min-height:52px;margin:0 0 20px;padding:12px 18px;border-radius:16px;background:var(--nut-accent);color:#253b4c;font:600 18px/1.4 var(--sans);text-decoration:none;touch-action:manipulation}
body.pm-premium #eat .nutrition-log-jump:focus-visible{outline:2px solid var(--nut-ink);outline-offset:3px}
body.pm-premium #eat:has(#eatSetup:not(.hide)) .nutrition-log-jump{display:none}
body.pm-premium #eat #aiFoodSec{scroll-margin-top:20px}
@media(min-width:900px){body.pm-premium #eat .nutrition-log-jump{display:none}}
body.pm-premium #eat #aiFoodSec .food-describe{display:block;font-size:16px;color:var(--nut-ink);margin-bottom:10px}
body.pm-premium #eat #aiFoodSec #fhPhoto .fl-t b{font-size:20px!important;color:#253b4c!important;line-height:1.3}
body.pm-premium #eat #aiFoodSec #fhPhoto .fl-t span{display:block!important;font-size:14px;line-height:1.5;color:#253b4c!important;margin-top:5px}
body.pm-premium #eat #aiFoodSec #foodMore{margin:18px 0}
body.pm-premium #eat #aiFoodSec .flog-keys .fh{white-space:normal;overflow-wrap:anywhere}