@keyframes hero-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(var(--hero-chip-lift,-8px))}}.hero-chip-float{animation:hero-chip-float var(--hero-chip-duration,5s) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.hero-chip-float{animation:none}}
.nutri-card-field{background-color:color-mix(in srgb, var(--color-surface-soft) 8%, var(--color-surface-dark-mid));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface-soft) 10%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nutri-card{background-color:color-mix(in srgb, var(--color-surface-dark-mid) 75%, transparent);background-image:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-soft) 8%, transparent) 0%, transparent 60%);border:1px solid color-mix(in srgb, var(--color-surface-soft) 14%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface-soft) 18%, transparent), 0 22px 36px -28px #0000008c;-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);transition:transform .35s,border-color .35s,box-shadow .35s}.nutri-bar-fill{background-image:linear-gradient(270deg, var(--color-secondary-soft), var(--color-secondary))}.nutri-ring-arc{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--color-secondary) 40%, transparent))}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nutri-card{background-color:color-mix(in srgb, var(--color-surface-dark-mid) 96%, transparent)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.nutri-card--hover:hover{border-color:color-mix(in srgb, var(--color-secondary) 45%, transparent);transform:translateY(-3px)}}