.auth-view,.signup-view,.home-view{padding-inline: var(--vaadin-padding-m,1rem)}.auth-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-m,1rem);inline-size: 100%;max-inline-size: 24rem;padding: var(--vaadin-padding-l,1.5rem);border-radius: var(--vaadin-radius-l,12px);background: var(--aura-surface-color,#ffffff);box-shadow: var(--aura-shadow-m,0 4px 16px rgba(0,0,0,0.08))}.auth-title{margin-block: 0;font-size: var(--aura-font-size-xl,1.5rem)}.auth-footer{margin-block-start: var(--vaadin-gap-m,1rem)}.password-strength{font-size: var(--aura-font-size-s,0.875rem);color: var(--aura-accent-text-color,#3b82f6)}.verify-banner{display: flex;align-items: center;gap: var(--vaadin-gap-s,0.5rem);inline-size: 100%;padding: var(--vaadin-padding-s,0.75rem) var(--vaadin-padding-m,1rem);background: var(--aura-orange,#f59e0b);color: var(--aura-orange-text,#ffffff)}.plan-view{padding: var(--vaadin-padding-m,1rem)}.app-title{margin: 0;font-size: var(--aura-font-size-l,1.25rem)}.app-header{padding-inline: var(--vaadin-padding-m,1rem)}.app-user{color: var(--vaadin-text-color-secondary,#6b7280);font-size: var(--aura-font-size-s,0.875rem)}.top-nav{gap: var(--vaadin-gap-l,1.5rem)}.top-nav-link{text-decoration: none;color: var(--vaadin-text-color-secondary,#6b7280);font-weight: 500;padding-block: var(--vaadin-padding-xs,0.25rem)}.top-nav-link:hover{color: var(--aura-accent-text-color,#2563eb)}.top-nav-link[highlight]{color: var(--aura-accent-text-color,#2563eb);font-weight: 700}.centered-view{box-sizing: border-box;inline-size: 100%;max-inline-size: 44rem;margin-inline: auto}@media (max-width: 640px){.user-header{flex-wrap: wrap}.user-header .app-user{display: none}.user-header .top-nav{order: 3;flex-basis: 100%;justify-content: center;gap: var(--vaadin-gap-m,1rem)}}.admin-users-view,.admin-user-view{padding: var(--vaadin-padding-m,1rem);gap: var(--vaadin-gap-m,1rem)}.consent-block{margin-block: var(--vaadin-gap-s,0.5rem)}.consent-desc{margin-block: var(--vaadin-gap-xs,0.25rem) 0;padding-inline-start: 1.75rem;font-size: var(--aura-font-size-s,0.875rem);color: var(--vaadin-text-color-secondary,#6b7280)}.onboarding-step{font-size: var(--aura-font-size-s,0.875rem);color: var(--vaadin-text-color-secondary,#6b7280)}.onboarding-nav{margin-block-start: var(--vaadin-gap-m,1rem)}.settings-view{padding: var(--vaadin-padding-m,1rem);gap: var(--vaadin-gap-m,1rem)}.locale-field{margin-block-start: var(--vaadin-gap-s,0.5rem)}.locale-field-label{font-weight: 600;font-size: var(--aura-font-size-s,0.875rem);color: var(--vaadin-text-color,#1f2937)}.locale-field-helper{margin-block: var(--vaadin-gap-xs,0.25rem) var(--vaadin-gap-xs,0.25rem);font-size: var(--aura-font-size-s,0.875rem);color: var(--vaadin-text-color-secondary,#6b7280)}.recipe-langs{inline-size: 100%;gap: var(--vaadin-gap-xs,0.25rem)}.recipe-lang-row{padding-block: var(--vaadin-padding-xs,0.25rem);border-block-end: 1px solid var(--vaadin-border-color,#e5e7eb)}.recipe-lang-name{font-size: var(--aura-font-size-m,1rem)}.form-actions{margin-block-start: var(--vaadin-gap-m,1rem);gap: var(--vaadin-gap-s,0.5rem)}.profile-form{inline-size: 100%;max-inline-size: 100%;gap: var(--vaadin-gap-m,1rem)}.profile-form>vaadin-number-field,.profile-form>vaadin-combo-box,.profile-form .profile-field>*{inline-size: 100%}.profile-field-label{font-weight: 600;font-size: var(--aura-font-size-s,0.875rem);color: var(--vaadin-text-color,#1f2937);margin-block-end: var(--vaadin-gap-xs,0.25rem)}.nutrition-preview{box-sizing: border-box;inline-size: 100%}.nutrition-preview>*{inline-size: 100%}.preview-title{font-weight: 600;font-size: var(--aura-font-size-s,0.875rem);color: var(--vaadin-text-color-secondary,#6b7280)}.preview-row{display: flex;gap: var(--vaadin-gap-m,1rem)}.preview-figure{display: flex;flex-direction: column;flex: 1}.preview-label{font-size: var(--aura-font-size-xs,0.75rem);color: var(--vaadin-text-color-secondary,#6b7280)}.preview-value{font-size: var(--aura-font-size-l,1.25rem);font-weight: 600}.preview-value-primary{font-size: var(--aura-font-size-xl,2rem);font-weight: 700;color: var(--aura-accent-text-color,#2563eb)}.preview-formula{font-size: var(--aura-font-size-xs,0.75rem);color: var(--vaadin-text-color-secondary,#6b7280)}.preview-caption{font-size: var(--aura-font-size-xs,0.75rem);color: var(--vaadin-text-color-secondary,#6b7280)}.preview-formula-details{margin-block-start: var(--vaadin-gap-xs,0.25rem)}.home-view{gap: var(--vaadin-gap-m,1rem)}.home-hero-title{margin-block: 0;font-size: var(--aura-font-size-xl,2rem)}.home-hero-tagline{margin-block: 0;font-size: var(--aura-font-size-l,1.25rem);color: var(--vaadin-text-color-secondary,#6b7280)}.home-cta{align-self: flex-start}.home-steps{padding-inline-start: 1.25rem;line-height: 1.7}.home-science-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));gap: var(--vaadin-gap-m,1rem);inline-size: 100%}.body-edit-hint{font-size: var(--aura-font-size-s,0.875rem);color: var(--vaadin-text-color-secondary,#6b7280);margin-block: 0}vaadin-grid#body-readings::part(cell){cursor: pointer}.bodycomp-derived{font-size: var(--aura-font-size-s,0.875rem);color: var(--aura-accent-text-color,#2563eb)}.bodycomp-warning{margin-block: var(--vaadin-gap-xs,0.25rem);color: var(--aura-orange-text,#92400e);font-size: var(--aura-font-size-s,0.875rem)}.bodycomp-disclaimer{box-sizing: border-box;inline-size: 100%;padding: var(--vaadin-padding-s,0.5rem);border-radius: var(--vaadin-radius-m,8px);background: var(--aura-yellow,#fef3c7);color: var(--aura-yellow-text,#92400e);font-size: var(--aura-font-size-s,0.875rem)}.preview-safety{box-sizing: border-box;inline-size: 100%;margin-block: var(--vaadin-gap-xs,0.25rem) 0;padding: var(--vaadin-padding-s,0.5rem);border-radius: var(--vaadin-radius-m,8px);background: var(--aura-yellow,#fef3c7);color: var(--aura-yellow-text,#92400e);font-size: var(--aura-font-size-s,0.875rem)}.not-medical-advice{box-sizing: border-box;inline-size: 100%;margin-block-start: var(--vaadin-gap-m,1rem);padding: var(--vaadin-padding-s,0.5rem);border-radius: var(--vaadin-radius-m,8px);background: var(--aura-yellow,#fef3c7);color: var(--aura-yellow-text,#92400e);font-size: var(--aura-font-size-s,0.875rem)}.login-view{display: grid;grid-template-columns: 1fr 1fr;min-block-size: 100vh}.login-brand{display: flex;flex-direction: column;justify-content: center;gap: var(--vaadin-gap-s,0.5rem);padding: var(--vaadin-padding-l,2rem);color: var(--aura-accent-contrast-color,#ffffff);background: linear-gradient( 135deg,var(--aura-accent-color,#2563eb),var(--aura-accent-color-dark,#1e3a8a) )}.login-brand-title{margin-block: 0;font-size: var(--aura-font-size-xl,2rem);color: var(--aura-accent-contrast-color,#ffffff)}.login-panel{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--vaadin-gap-m,1rem);padding: var(--vaadin-padding-l,2rem);background: var(--vaadin-background-color,#ffffff)}.login-panel vaadin-login-form{box-shadow: var(--aura-shadow-s,0 2px 8px rgba(0,0,0,0.08));border-radius: var(--vaadin-radius-l,12px)}@media (max-width: 640px){.login-view{grid-template-columns: 1fr}.login-brand{min-block-size: auto;padding-block: var(--vaadin-padding-l,2rem);text-align: center}}.macro-rings{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-l,1.5rem);justify-content: center;inline-size: 100%;margin-block: var(--vaadin-padding-m,1rem)}.macro-ring{display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-gap-xs,0.25rem)}.macro-ring-label{font-size: var(--vaadin-font-size-s,0.875rem);color: var(--aura-secondary-text-color,#6b7280)}.today-remaining{text-align: center;color: var(--aura-secondary-text-color,#6b7280)}.macro-fields{flex-wrap: wrap;gap: var(--vaadin-gap-m,1rem)}@media (min-width: 641px){.macro-rings{flex-wrap: nowrap}}.macro-bars{display: flex;flex-direction: column;gap: var(--vaadin-gap-s,0.5rem);inline-size: 100%;margin-block-start: var(--vaadin-padding-s,0.5rem)}.macro-bar{display: flex;flex-direction: column;gap: 0.25rem}.macro-bar-head{display: flex;justify-content: space-between;font-size: var(--vaadin-font-size-s,0.875rem)}.macro-bar-value{color: var(--aura-secondary-text-color,#6b7280)}