@charset "UTF-8";html,body{height:100%;margin:0;padding:0;font-family:Roboto,Google Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--theme-text);transition:var(--theme-transition)}*{box-sizing:border-box}:root{--theme-primary: #ff6b35;--theme-secondary: #f7931e;--theme-background: #ffffff;--theme-surface: #fafafa;--theme-text: #1a1a1a;--theme-text-secondary: #666666;--theme-border: #e0e0e0;--theme-shadow: rgba(0, 0, 0, .1);--theme-transition: all .3s ease}.theme-light{--theme-primary: #ff6b35;--theme-secondary: #f7931e;--theme-background: #ffffff;--theme-surface: #fafafa;--theme-text: #1a1a1a;--theme-text-secondary: #666666;--theme-border: #e0e0e0;--theme-shadow: rgba(0, 0, 0, .1)}.theme-dark{--theme-primary: #ff8c61;--theme-secondary: #ffb84d;--theme-background: #1a1a1a;--theme-surface: #2d2d2d;--theme-text: #ffffff;--theme-text-secondary: #b0b0b0;--theme-border: #404040;--theme-shadow: rgba(0, 0, 0, .3)}:root{--md-sys-color-primary: #D84315;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #FFDAD6;--md-sys-color-on-primary-container: #410E00;--md-sys-color-secondary: #77574A;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #FFDAD6;--md-sys-color-on-secondary-container: #2C160B;--md-sys-color-tertiary: #6B5B95;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #E8DDFF;--md-sys-color-on-tertiary-container: #241A2E;--md-sys-color-error: #BA1A1A;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FFDAD6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #FFFBF9;--md-sys-color-on-surface: #201A18;--md-sys-color-surface-variant: #F5DDD6;--md-sys-color-on-surface-variant: #534341;--md-sys-color-surface-container: #F5DDD6;--md-sys-color-surface-container-high: #EFD5CE;--md-sys-color-surface-container-highest: #E9CFC7;--md-sys-color-surface-container-low: #F9E2DB;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-background: #FFFBF9;--md-sys-color-on-background: #201A18;--md-sys-color-outline: #85736F;--md-sys-color-outline-variant: #D8C2BC;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-surface-tint: #D84315;--md-sys-color-inverse-surface: #362F2D;--md-sys-color-inverse-on-surface: #FBEEE9;--md-sys-color-inverse-primary: #FFB4A0;--primary-color: var(--md-sys-color-primary);--primary-light: #FFB4A0;--primary-dark: #9A2C00;--accent-color: var(--md-sys-color-secondary);--accent-light: #A67B6B;--accent-dark: #5C3E2F;--secondary-color: var(--md-sys-color-tertiary);--secondary-light: #9B8BB5;--secondary-dark: #4A3A5C;--md-sys-typescale-display-large-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-display-large-size: 57px;--md-sys-typescale-display-large-weight: 400;--md-sys-typescale-display-large-line-height: 64px;--md-sys-typescale-display-medium-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-display-medium-size: 45px;--md-sys-typescale-display-medium-weight: 400;--md-sys-typescale-display-medium-line-height: 52px;--md-sys-typescale-display-small-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-display-small-size: 36px;--md-sys-typescale-display-small-weight: 400;--md-sys-typescale-display-small-line-height: 44px;--md-sys-typescale-headline-large-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-headline-large-size: 32px;--md-sys-typescale-headline-large-weight: 400;--md-sys-typescale-headline-large-line-height: 40px;--md-sys-typescale-headline-medium-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-headline-medium-size: 28px;--md-sys-typescale-headline-medium-weight: 400;--md-sys-typescale-headline-medium-line-height: 36px;--md-sys-typescale-headline-small-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-headline-small-size: 24px;--md-sys-typescale-headline-small-weight: 400;--md-sys-typescale-headline-small-line-height: 32px;--md-sys-typescale-title-large-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-title-large-size: 22px;--md-sys-typescale-title-large-weight: 400;--md-sys-typescale-title-large-line-height: 28px;--md-sys-typescale-title-medium-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-title-medium-size: 16px;--md-sys-typescale-title-medium-weight: 500;--md-sys-typescale-title-medium-line-height: 24px;--md-sys-typescale-title-small-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-title-small-size: 14px;--md-sys-typescale-title-small-weight: 500;--md-sys-typescale-title-small-line-height: 20px;--md-sys-typescale-body-large-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-medium-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-body-medium-size: 14px;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-body-medium-line-height: 20px;--md-sys-typescale-body-small-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-body-small-size: 12px;--md-sys-typescale-body-small-weight: 400;--md-sys-typescale-body-small-line-height: 16px;--md-sys-typescale-label-large-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-label-large-line-height: 20px;--md-sys-typescale-label-medium-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-label-medium-size: 12px;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-label-medium-line-height: 16px;--md-sys-typescale-label-small-font: "Roboto", "Google Sans", sans-serif;--md-sys-typescale-label-small-size: 11px;--md-sys-typescale-label-small-weight: 500;--md-sys-typescale-label-small-line-height: 16px;--mat-form-field-outlined-outline-color: var(--theme-border);--mat-form-field-outlined-hover-outline-color: var(--theme-primary);--mat-form-field-outlined-focus-outline-color: var(--theme-primary);--mat-form-field-label-text-color: var(--theme-text-secondary);--mat-form-field-input-text-color: var(--theme-text);--mat-form-field-input-placeholder-color: var(--theme-text-secondary);--mat-form-field-floating-label-text-color: var(--theme-text-secondary);--mdc-outlined-text-field-label-text-color: var(--theme-text-secondary);--mdc-outlined-text-field-input-text-color: var(--theme-text);--mat-mdc-button-text-color: var(--theme-primary);--mat-mdc-button-background-color: transparent;--mat-mdc-button-hover-state-layer-color: var(--theme-primary);--mat-mdc-button-focus-state-layer-color: var(--theme-primary);--mat-mdc-button-pressed-state-layer-color: var(--theme-primary);--mat-mdc-card-container-color: var(--theme-surface);--mat-mdc-card-container-elevation: 1;--mat-icon-color: var(--theme-text-secondary);--mat-icon-size: 24px;--mat-select-panel-background: var(--theme-surface);--mat-select-panel-text-color: var(--theme-text);--mat-select-panel-border: var(--theme-border);--mat-select-panel-shadow: var(--theme-shadow);--mat-select-option-hover-background: var(--theme-primary);--mat-select-option-hover-text-color: #ffffff;--mat-select-option-selected-background: var(--theme-primary);--mat-select-option-selected-text-color: #ffffff;--md-sys-spacing-0: 0px;--md-sys-spacing-1: 4px;--md-sys-spacing-2: 8px;--md-sys-spacing-3: 12px;--md-sys-spacing-4: 16px;--md-sys-spacing-5: 20px;--md-sys-spacing-6: 24px;--md-sys-spacing-7: 28px;--md-sys-spacing-8: 32px;--md-sys-spacing-9: 36px;--md-sys-spacing-10: 40px;--md-sys-spacing-11: 44px;--md-sys-spacing-12: 48px;--md-sys-spacing-13: 52px;--md-sys-spacing-14: 56px;--md-sys-spacing-15: 60px;--md-sys-spacing-16: 64px;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-level2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-level3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-level4: 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-level5: 0px 4px 4px 0px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15);--bg-primary: var(--md-sys-color-background);--bg-secondary: var(--md-sys-color-surface-container-lowest);--bg-tertiary: var(--md-sys-color-surface-container);--bg-card: var(--md-sys-color-surface-container-lowest);--bg-dark: var(--md-sys-color-inverse-surface);--text-primary: var(--md-sys-color-on-background);--text-secondary: var(--md-sys-color-on-surface-variant);--text-light: var(--md-sys-color-on-primary);--text-muted: var(--md-sys-color-on-surface-variant);--border-color: var(--md-sys-color-outline);--border-light: var(--md-sys-color-outline-variant);--border-medium: var(--md-sys-color-outline);--border-accent: var(--md-sys-color-primary);--shadow-sm: var(--md-sys-elevation-level1);--shadow-md: var(--md-sys-elevation-level2);--shadow-lg: var(--md-sys-elevation-level3);--shadow-card: var(--md-sys-elevation-level1);--shadow-hover: var(--md-sys-elevation-level2);--shadow-accent: var(--md-sys-elevation-level2);--spacing-xs: var(--md-sys-spacing-1);--spacing-sm: var(--md-sys-spacing-2);--spacing-md: var(--md-sys-spacing-4);--spacing-lg: var(--md-sys-spacing-6);--spacing-xl: var(--md-sys-spacing-8);--font-size-xs: var(--md-sys-typescale-body-small-size);--font-size-sm: var(--md-sys-typescale-body-medium-size);--font-size-base: var(--md-sys-typescale-body-large-size);--font-size-lg: var(--md-sys-typescale-title-large-size);--font-size-xl: var(--md-sys-typescale-headline-small-size);--font-size-2xl: var(--md-sys-typescale-headline-medium-size);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--border-radius: var(--md-sys-shape-corner-small);--border-radius-lg: var(--md-sys-shape-corner-medium);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.app-container{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:var(--md-sys-color-on-background);position:relative;z-index:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--theme-background);transition:var(--theme-transition);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(3px 3px at 20px 30px,#ff6b35,transparent),radial-gradient(2px 2px at 40px 70px,#f7931e,transparent),radial-gradient(2px 2px at 90px 40px,#ff6b35,transparent),radial-gradient(1px 1px at 130px 80px,#f7931e,transparent),radial-gradient(3px 3px at 160px 30px,#ff6b35,transparent),radial-gradient(1px 1px at 200px 60px,#f7931e,transparent),radial-gradient(2px 2px at 80px 120px,#ff6b35,transparent),radial-gradient(1px 1px at 150px 150px,#f7931e,transparent);background-repeat:repeat;background-size:250px 250px;animation:particleFloat 15s linear infinite;opacity:.8;z-index:-1;pointer-events:none;transition:opacity var(--theme-transition)}.theme-dark body:after{opacity:.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-surface);border-radius:var(--md-sys-shape-corner-extra-small)}::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:var(--md-sys-shape-corner-extra-small);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--theme-primary)}::selection{background:var(--theme-primary);color:#fff}::-moz-selection{background:var(--theme-primary);color:#fff}@keyframes particleFloat{0%{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-25px) translate(15px) rotate(90deg)}50%{transform:translateY(-15px) translate(-15px) rotate(180deg)}75%{transform:translateY(-35px) translate(8px) rotate(270deg)}to{transform:translateY(0) translate(0) rotate(360deg)}}h1,h2,h3,h4,h5,h6,p{color:var(--theme-text);transition:var(--theme-transition)}a{color:var(--theme-primary);transition:color .2s ease}a:hover{color:var(--theme-secondary)}strong{color:var(--theme-text)}em{color:var(--theme-text-secondary)}ul,ol{list-style:none;padding-left:0;margin:var(--md-sys-spacing-4) 0}li{position:relative;padding-left:var(--md-sys-spacing-6);margin-bottom:var(--md-sys-spacing-2);line-height:1.6;color:var(--theme-text);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight)}ul li:before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;background:var(--theme-primary);border-radius:50%;transform:translateY(-50%)}ol{counter-reset:list-counter}ol li{counter-increment:list-counter}ol li:before{content:counter(list-counter);position:absolute;left:0;top:0;width:20px;height:20px;background:var(--theme-primary);color:#fff;border-radius:var(--md-sys-shape-corner-extra-small);display:flex;align-items:center;justify-content:center;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);line-height:1}ul ul,ol ol,ul ol,ol ul{margin:var(--md-sys-spacing-2) 0;padding-left:var(--md-sys-spacing-4)}ul ol,ul ol li{padding-left:0}ul ul li:before,ol ol li:before,ul ol li:before,ol ul li:before,ul ul ul li:before,ol ol ol li:before,ul ol ol li:before,ol ul ul li:before{display:none}.recipe-steps{counter-reset:step-counter}.recipe-steps li{counter-increment:step-counter;padding-left:var(--md-sys-spacing-8);margin-bottom:var(--md-sys-spacing-4);background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-small);padding:var(--md-sys-spacing-4);border-left:3px solid var(--md-sys-color-primary)}.recipe-steps li:before{content:counter(step-counter);position:absolute;left:var(--md-sys-spacing-2);top:var(--md-sys-spacing-2);width:24px;height:24px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:1;box-shadow:var(--md-sys-elevation-level1)}.recipe-ingredients li:before{content:"\2022";position:absolute;left:0;top:0;width:20px;height:20px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@media (max-width: 768px){li{padding-left:var(--md-sys-spacing-5);margin-bottom:var(--md-sys-spacing-1)}ul li:before{width:5px;height:5px}ol li:before{width:18px;height:18px;font-size:var(--md-sys-typescale-label-small-size)}.recipe-steps li{padding-left:var(--md-sys-spacing-6);padding:var(--md-sys-spacing-3)}.recipe-steps li:before{width:20px;height:20px;font-size:var(--md-sys-typescale-label-medium-size)}ul ol,ul ol li{padding-left:0}ul ul li:before,ol ol li:before,ul ol li:before,ol ul li:before,ul ul ul li:before,ol ol ol li:before,ul ol ol li:before,ol ul ul li:before{display:none}.app-container:before{animation:backgroundShift 25s ease-in-out infinite;opacity:.8}.app-container:after{animation:particleFloat 18s linear infinite;opacity:.3}}@media (prefers-reduced-motion: reduce){.app-container:before,.app-container:after{animation:none}}@media (prefers-contrast: high){.app-container:before{opacity:.6}.app-container:after{opacity:.2}}.recipe-content .recipe-text a,.recipe-main .recipe-text a,mat-card .recipe-text a{color:var(--md-sys-color-primary);text-decoration:none;border-bottom:1px solid var(--md-sys-color-primary);padding:1px 2px;border-radius:3px;transition:all .2s ease;font-weight:500;background:rgba(var(--md-sys-color-primary-rgb),.05);display:inline-block}.recipe-content .recipe-text a:hover,.recipe-main .recipe-text a:hover,mat-card .recipe-text a:hover{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary);border-bottom-color:var(--md-sys-color-primary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(var(--md-sys-color-primary-rgb),.3)}.recipe-content .recipe-text a:active,.recipe-main .recipe-text a:active,mat-card .recipe-text a:active{transform:translateY(0);box-shadow:0 1px 2px rgba(var(--md-sys-color-primary-rgb),.3)}.recipe-content .recipe-text a[href^=http]:after,.recipe-main .recipe-text a[href^=http]:after,mat-card .recipe-text a[href^=http]:after{content:" \2197";font-size:.75em;opacity:.8;margin-left:3px;transition:opacity .2s ease}.recipe-content .recipe-text a[href^=http]:hover:after,.recipe-main .recipe-text a:hover:after,mat-card .recipe-text a[href^=http]:hover:after{opacity:1}.recipe-content .recipe-text a:visited,.recipe-main .recipe-text a:visited,mat-card .recipe-text a:visited{color:var(--md-sys-color-tertiary);border-bottom-color:var(--md-sys-color-tertiary);background:rgba(var(--md-sys-color-tertiary-rgb),.05)}.recipe-content .recipe-text a:visited:hover,.recipe-main .recipe-text a:visited:hover,mat-card .recipe-text a:visited:hover{color:var(--md-sys-color-on-tertiary);background:var(--md-sys-color-tertiary);border-bottom-color:var(--md-sys-color-tertiary)}.recipe-title a,.category-badge a{color:inherit;text-decoration:none;transition:color .2s ease}.recipe-title a:hover,.category-badge a:hover{color:var(--md-sys-color-primary)}.cdk-overlay-container .mat-mdc-select-panel{background:var(--mat-select-panel-background);color:var(--mat-select-panel-text-color);border:1px solid var(--mat-select-panel-border);box-shadow:0 4px 12px var(--mat-select-panel-shadow);border-radius:8px;overflow:hidden}.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option{color:var(--mat-select-panel-text-color);font-size:13px;padding:8px 12px;margin-bottom:5px;line-height:1.4}.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option:hover{background:var(--mat-select-option-hover-background);color:var(--mat-select-option-hover-text-color)}.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active{background:var(--mat-select-option-selected-background);color:var(--mat-select-option-selected-text-color)}.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-selected{background:var(--mat-select-option-selected-background);color:var(--mat-select-option-selected-text-color);font-weight:500}.version-switcher.version-switcher .cdk-overlay-container .mat-mdc-select-panel.mat-mdc-select-panel{min-width:160px;max-width:200px}.version-switcher.version-switcher .cdk-overlay-container .mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option{font-size:12px;padding:6px 10px;min-height:32px;line-height:1.3}.version-switcher.version-switcher .cdk-overlay-container .mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option .version-icon.version-icon{font-size:16px;margin-right:6px;vertical-align:middle}.version-switcher.version-switcher .cdk-overlay-container .mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option .version-status.version-status{font-size:10px;opacity:.8;margin-left:4px}@media (max-width: 768px){.version-switcher.version-switcher .cdk-overlay-container .mat-mdc-select-panel.mat-mdc-select-panel{min-width:140px;max-width:180px}.version-switcher.version-switcher .cdk-overlay-container .mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option{font-size:11px;padding:5px 8px;min-height:28px}.version-switcher.version-switcher .cdk-overlay-container .mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option .version-icon.version-icon{font-size:14px;margin-right:4px}.version-switcher.version-switcher .cdk-overlay-container .mat-mdc-select-panel.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option .version-status.version-status{font-size:9px}}