@charset "UTF-8";html{--mat-icon-color: var(--mat-sys-secondary)}[mat-flat-button] mat-icon{color:inherit}.mat-mdc-unelevated-button>.mat-icon{color:inherit}app-recipe-detail .step-text markdown p{margin:0}.mat-sidenav .mdc-list-item__primary-text{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:var(--space-3);padding:var(--space-3);padding-left:var(--space-1)}.app-sidenav .sidenav-item mat-icon{justify-self:center}.app-sidenav .mdc-list-item__primary-text>span{overflow:hidden;white-space:nowrap;max-width:240px;opacity:1;transition:max-width .25s var(--easing-organic, cubic-bezier(.22, 1, .36, 1)),opacity .15s ease-in-out}.app-sidenav.collapsed .mdc-list-item__primary-text>span{max-width:0;opacity:0}.app-sidenav:hover .sidenav-list .sidenav-item:nth-child(1) .mdc-list-item__primary-text>span{transition-delay:30ms}.app-sidenav:hover .sidenav-list .sidenav-item:nth-child(2) .mdc-list-item__primary-text>span{transition-delay:60ms}.app-sidenav:hover .sidenav-list .sidenav-item:nth-child(3) .mdc-list-item__primary-text>span{transition-delay:90ms}.app-sidenav:hover .sidenav-list .sidenav-item:nth-child(4) .mdc-list-item__primary-text>span{transition-delay:.12s}.app-sidenav:hover .sidenav-list .sidenav-item:nth-child(5) .mdc-list-item__primary-text>span{transition-delay:.15s}.app-sidenav:hover .sidenav-list .sidenav-item:nth-child(6) .mdc-list-item__primary-text>span{transition-delay:.18s}.app-sidenav:hover .sidenav-list .sidenav-item:nth-child(7) .mdc-list-item__primary-text>span{transition-delay:.21s}.app-sidenav:hover .sidenav-list .sidenav-item:nth-child(8) .mdc-list-item__primary-text>span{transition-delay:.24s}.app-sidenav .mdc-list-item__primary-text>span,.app-sidenav .sidenav-item mat-icon{backface-visibility:hidden;transform:translateZ(0)}.mat-sidenav .mat-drawer-inner-container,.mat-drawer .mat-drawer-inner-container{display:flex;flex-direction:column}.mat-drawer.app-sidenav{--mat-sidenav-container-shape: 0;view-transition-name:none;background:linear-gradient(to bottom,var(--mat-sys-surface-container),var(--mat-sys-surface-container-low));color:var(--mat-sys-on-surface);border-right:none;box-shadow:4px 0 16px #0000000a;width:var(--sidenav-width);overflow:hidden;will-change:width}.mat-drawer.app-sidenav:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.03;mix-blend-mode:normal;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.mat-drawer.app-sidenav.mat-drawer{transition:transform .25s var(--mat-animation-curve-default, ease),width .25s var(--easing-organic, cubic-bezier(.22, 1, .36, 1))}.mat-drawer.app-sidenav .mat-drawer-inner-container{width:100%}.mat-drawer.app-sidenav .sidenav-toolbar .brand{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.mat-drawer.app-sidenav .sidenav-toolbar .brand-icon{width:40px;height:40px;flex-shrink:0}.mat-drawer.app-sidenav .active{background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-radius:var(--radius-full);box-shadow:inset 3px 0 0 var(--mat-sys-primary);transition:background-color var(--duration-medium, .25s) var(--easing-organic, cubic-bezier(.22, 1, .36, 1))}.mat-drawer.app-sidenav .sidenav-item:not(.active):hover{background-color:var(--warm-amber-surface);border-radius:var(--radius-full);transition:background-color var(--duration-short, .15s) var(--easing-standard, ease)}.mat-drawer.app-sidenav:after{content:"";position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);height:80px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 80' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' opacity='0.05'%3E%3Cpath d='M10,70 C30,65 50,50 80,55 C110,60 130,40 160,45 C180,48 195,35 200,30'/%3E%3Cpath d='M80,55 C78,48 82,42 88,44'/%3E%3Cpath d='M130,42 C125,36 130,30 136,33'/%3E%3Cpath d='M160,45 C156,38 160,32 166,35'/%3E%3Cpath d='M50,58 C45,52 48,46 54,48'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center bottom;background-size:contain;pointer-events:none;color:var(--mat-sys-on-surface)}.mat-drawer.app-sidenav.hover-expand{width:var(--sidenav-collapsed-width);z-index:4}.mat-drawer.app-sidenav.hover-expand .brand{justify-content:center}.mat-drawer.app-sidenav.hover-expand .brand-text{display:none}.mat-drawer.app-sidenav.hover-expand:after{opacity:0;transition:opacity .15s ease}.mat-drawer.app-sidenav.hover-expand:hover{width:var(--sidenav-width)}.mat-drawer.app-sidenav.hover-expand:hover .brand-text{display:inline}.mat-drawer.app-sidenav.hover-expand:hover:after{opacity:1}:root{--color-bg-elevated: var( --mat-sys-surface-container-low, rgba(255, 255, 255, .03) );--color-border-subtle: color-mix( in oklab, var(--mat-sys-outline-variant, #ffffffcc) 18%, transparent );--color-text-muted: color-mix( in oklab, var(--mat-sys-on-surface, #ffffff) 72%, transparent );--color-text-weak: color-mix( in oklab, var(--mat-sys-on-surface, #ffffff) 62%, transparent );--color-text-strong: var(--mat-sys-on-primary-container);--color-accent: var(--mat-sys-primary);--outline: 1px solid color-mix(in oklab, var(--mat-sys-outline-variant) 28%, transparent);--subtle: color-mix(in oklab, var(--mat-sys-on-surface) 62%, transparent);--muted: color-mix(in oklab, var(--mat-sys-on-surface) 72%, transparent);--radius-md: 10px;--elev-divider: 1px solid color-mix( in oklab, var(--mat-sys-outline-variant, #ffffff) 16%, transparent );--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-0-5: .125rem;--space-1-5: .375rem;--space-2-5: .625rem;--font-weight-medium: 500;--page-max-width: 960px;--page-max-width-narrow: 640px;--bottom-nav-height: 64px;--fab-size: 56px;--fab-right: max( var(--space-4), calc( (100vw - var(--page-max-width) - var(--sidenav-collapsed-width, 0px)) / 2 - var(--fab-size) - var(--space-3) ) );--space-8: 2.5rem;--space-10: 3rem;--radius-sm: 6px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--card-bg: var(--mat-sys-surface-container-low);--card-bg-hover: var(--mat-sys-surface-container);--card-border: 1px solid color-mix(in oklab, var(--mat-sys-outline-variant) 20%, transparent);--card-radius: var(--radius-lg);--card-shadow: 0 1px 3px var(--warm-shadow);--card-shadow-hover: 0 4px 12px var(--warm-shadow);--card-padding: var(--space-4);--duration-short: .15s;--duration-medium: .25s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--skeleton-bg: color-mix(in oklab, var(--mat-sys-on-surface) 8%, transparent);--skeleton-shimmer: color-mix( in oklab, var(--mat-sys-on-surface) 14%, transparent );--elevation-0: none;--elevation-1: 0 1px 2px var(--warm-shadow), 0 1px 3px var(--warm-shadow);--elevation-2: 0 2px 4px var(--warm-shadow), 0 4px 6px var(--warm-shadow);--elevation-3: 0 4px 8px var(--warm-shadow), 0 8px 16px var(--warm-shadow);--elevation-4: 0 8px 16px var(--warm-shadow), 0 16px 32px var(--warm-shadow);--container-padding: var(--space-4);--container-gap: var(--space-3);--container-radius: var(--radius-lg);--avatar-size-sm: 32px;--avatar-size-md: 48px;--avatar-size-lg: 72px;--avatar-bg: var(--mat-sys-primary-container);--avatar-color: var(--mat-sys-on-primary-container);--color-success: #4caf50;--color-warning: #ff9800;--color-info: #2196f3;--macro-protein: var(--mat-sys-tertiary);--macro-carbs: var(--mat-sys-primary);--macro-fat: var(--mat-sys-secondary);--macro-protein-surface: color-mix( in oklab, var(--mat-sys-tertiary) 15%, transparent );--macro-carbs-surface: color-mix( in oklab, var(--mat-sys-primary) 15%, transparent );--macro-fat-surface: color-mix( in oklab, var(--mat-sys-secondary) 15%, transparent );--hydration-primary: #0097a7;--hydration-light: #4fc3f7;--hydration-surface: color-mix(in oklab, #0097a7 12%, transparent);--hydration-wave: #26c6da;--hydration-gradient: linear-gradient(to top, #4fc3f7, #0097a7);--progress-bg: color-mix(in oklab, var(--mat-sys-primary) 20%, transparent);--progress-fill: var(--mat-sys-primary);--progress-height: 6px;--progress-radius: var(--radius-full);--warm-amber: var(--mat-sys-secondary);--warm-amber-surface: color-mix( in oklab, var(--mat-sys-secondary) 12%, transparent );--warm-terracotta: var(--mat-sys-tertiary);--warm-terracotta-surface: color-mix( in oklab, var(--mat-sys-tertiary) 12%, transparent );--sage-green: var(--mat-sys-primary);--sage-green-surface: color-mix( in oklab, var(--mat-sys-primary) 10%, transparent );--cream: #fff8f0;--cream-rgb: 255, 248, 240;--warm-shadow: rgba(139, 111, 78, .12);--surface-frosted: rgba(var(--cream-rgb), .85);--easing-organic: cubic-bezier(.22, 1, .36, 1);--easing-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-organic: .3s}:root.theme-dark{--warm-shadow: rgba(0, 0, 0, .25);--surface-frosted: rgba(30, 33, 30, .85)}@media(prefers-color-scheme:dark){:root{--warm-shadow: rgba(0, 0, 0, .25);--surface-frosted: rgba(30, 33, 30, .85)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--fade-in-distance, 20px))}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-icon{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes waveUndulate{0%,to{d:path("M0,4 C80,0 160,8 240,4 C320,0 400,8 480,4 C560,0 640,8 720,4 C800,0 880,8 960,4 L960,8 L0,8 Z")}50%{d:path("M0,4 C80,8 160,0 240,4 C320,8 400,0 480,4 C560,8 640,0 720,4 C800,8 880,0 960,4 L960,8 L0,8 Z")}}@keyframes breathingGlow{0%,to{opacity:1}50%{opacity:.92}}@keyframes textShimmer{0%{background-position:-200% center}to{background-position:200% center}}.cdk-drag-preview{border-radius:var(--radius-md);background:var(--mat-sys-surface);box-shadow:0 4px 16px #00000029,0 0 0 1px color-mix(in oklab,var(--mat-sys-outline-variant) 20%,transparent)}.cdk-drag-placeholder{border:2px dashed var(--mat-sys-outline);border-radius:var(--radius-md);background:transparent;opacity:.3}.cdk-drag-animating{transition:transform var(--duration-medium) var(--easing-standard)}.cdk-drop-list-dragging>*:not(.cdk-drag-placeholder){transition:transform var(--duration-medium) var(--easing-standard)}.chat-overlay{position:fixed;inset:0;z-index:999;background:#00000052}.chat-panel{position:fixed;right:0;top:0;bottom:0;width:min(420px,100vw);z-index:1000;box-shadow:-4px 0 24px #00000029}@media(max-width:768px){.chat-panel{width:100vw}}.empty-day{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center}.empty-day__icon{font-size:48px;width:48px;height:48px;color:var(--mat-sys-on-surface-variant);opacity:.4}.empty-day__text{margin:0;font:var(--mat-sys-body-medium);color:var(--mat-sys-on-surface-variant)}html{color-scheme:light dark;--mat-sys-background: light-dark(#fafaf3, #121411);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);--mat-sys-inverse-primary: light-dark(#acd19d, #46673c);--mat-sys-inverse-surface: light-dark(#2f312d, #e3e3dd);--mat-sys-on-background: light-dark(#1a1c19, #e3e3dd);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #193712);--mat-sys-on-primary-container: light-dark(#2f4e27, #c7edb8);--mat-sys-on-primary-fixed: light-dark(#032102, #032102);--mat-sys-on-primary-fixed-variant: light-dark(#2f4e27, #2f4e27);--mat-sys-on-secondary: light-dark(#ffffff, #452b00);--mat-sys-on-secondary-container: light-dark(#633f00, #ffddb3);--mat-sys-on-secondary-fixed: light-dark(#291800, #291800);--mat-sys-on-secondary-fixed-variant: light-dark(#633f00, #633f00);--mat-sys-on-surface: light-dark(#1a1c19, #e3e3dd);--mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d8);--mat-sys-on-tertiary: light-dark(#ffffff, #522208);--mat-sys-on-tertiary-container: light-dark(#6e381c, #ffdbcc);--mat-sys-on-tertiary-fixed: light-dark(#351000, #351000);--mat-sys-on-tertiary-fixed-variant: light-dark(#6e381c, #6e381c);--mat-sys-outline: light-dark(#73796e, #8d9387);--mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);--mat-sys-primary: light-dark(#46673c, #acd19d);--mat-sys-primary-container: light-dark(#c7edb8, #2f4e27);--mat-sys-primary-fixed: light-dark(#c7edb8, #c7edb8);--mat-sys-primary-fixed-dim: light-dark(#acd19d, #acd19d);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#825500, #fdba57);--mat-sys-secondary-container: light-dark(#ffddb3, #633f00);--mat-sys-secondary-fixed: light-dark(#ffddb3, #ffddb3);--mat-sys-secondary-fixed-dim: light-dark(#fdba57, #fdba57);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fafaf3, #121411);--mat-sys-surface-bright: light-dark(#fafaf3, #383a36);--mat-sys-surface-container: light-dark(#eeeee8, #1e201d);--mat-sys-surface-container-high: light-dark(#e8e8e2, #292b27);--mat-sys-surface-container-highest: light-dark(#e3e3dd, #333531);--mat-sys-surface-container-low: light-dark(#f4f4ee, #1a1c19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0f0b);--mat-sys-surface-dim: light-dark(#dadad4, #121411);--mat-sys-surface-tint: light-dark(#46673c, #acd19d);--mat-sys-surface-variant: light-dark(#dfe4d8, #43483f);--mat-sys-tertiary: light-dark(#8b4f31, #ffb694);--mat-sys-tertiary-container: light-dark(#ffdbcc, #6e381c);--mat-sys-tertiary-fixed: light-dark(#ffdbcc, #ffdbcc);--mat-sys-tertiary-fixed-dim: light-dark(#ffb694, #ffb694);--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c19;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Quicksand;--mat-sys-body-large-font: Quicksand;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Quicksand;--mat-sys-body-medium-font: Quicksand;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Quicksand;--mat-sys-body-small-font: Quicksand;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Quicksand;--mat-sys-display-large-font: Quicksand;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Quicksand;--mat-sys-display-medium-font: Quicksand;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Quicksand;--mat-sys-display-small-font: Quicksand;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Quicksand;--mat-sys-headline-large-font: Quicksand;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Quicksand;--mat-sys-headline-medium-font: Quicksand;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Quicksand;--mat-sys-headline-small-font: Quicksand;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Quicksand;--mat-sys-label-large-font: Quicksand;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Quicksand;--mat-sys-label-medium-font: Quicksand;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Quicksand;--mat-sys-label-small-font: Quicksand;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Quicksand;--mat-sys-title-large-font: Quicksand;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Quicksand;--mat-sys-title-medium-font: Quicksand;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Quicksand;--mat-sys-title-small-font: Quicksand;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light dark;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}@media(prefers-color-scheme:light){:root{--mat-sys-surface: var(--cream);--mat-sys-background: var(--cream)}}.photo-edit-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:20px;padding:1.5rem}@media(max-width:599px){.photo-edit-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:20px 20px 0 0;padding:1rem 1.25rem 1.25rem}}html,body{height:100%}body{margin:0;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-style:normal}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::view-transition-old(root){animation:route-exit .25s var(--easing-organic, cubic-bezier(.22, 1, .36, 1))}::view-transition-new(root){animation:route-enter .3s var(--easing-organic, cubic-bezier(.22, 1, .36, 1))}@keyframes route-enter{0%{opacity:0;transform:translateY(6px)}}@keyframes route-exit{to{opacity:0;transform:translateY(-4px)}}::view-transition-old(recipe-hero),::view-transition-new(recipe-hero){animation-duration:.35s;animation-timing-function:var(--easing-organic, cubic-bezier(.22, 1, .36, 1))}::view-transition-old(recipe-title),::view-transition-new(recipe-title){animation-duration:.3s;animation-timing-function:var(--easing-organic, cubic-bezier(.22, 1, .36, 1))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}