:root{color-scheme:light dark;--bg: #fafaf8;--surface: #fff;--card: #f0efeb;--text-strong: #000;--text: #475467;--text-muted: #6b7280;--panel-text: #555;--panel-text-muted: #777;--spinner-text: #444;--border: #d1d5db;--accent: #a9533f;--accent-hover: #964632;--on-accent: #fafaf8;--btn-bg: #7d3d2e;--btn-bg-hover: #6a3326;--btn-text: #fafaf8;--btn-border: transparent;--btn-outline-border: #a9533f;--btn-outline-text: #8a3f2f;--btn-outline-hover: #f3e1db;--remove-bg: #b84f4f;--remove-bg-hover: #d14646;--remove-icon: #fff;--remove-icon-hover: #fff;--remove-border: transparent;--accent-border: transparent;--error-text: #d14646;--link: #007acc;--select-bg: #fff;--select-border: #ccc;--select-border-focus: #2684ff;--select-text: #333;--select-placeholder: #808080;--select-indicator: #ccc;--select-indicator-hover: #666;--option-focus: #deebff;--option-active: #b2d4ff;--option-selected: #2684ff;--option-selected-text: #fff;--skeleton-base: #ebebeb;--skeleton-highlight: #f5f5f5}@media screen and (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #161513;--surface: #1f1d1b;--card: #272522;--text-strong: #ece9e4;--text: #c8ccd4;--text-muted: #a3a9b5;--panel-text: #c8ccd4;--panel-text-muted: #a3a9b5;--spinner-text: #c8ccd4;--border: #78746e;--accent: #a9533f;--accent-hover: #964632;--on-accent: #fafaf8;--btn-bg: #7d3d2e;--btn-bg-hover: #6a3326;--btn-text: #fafaf8;--btn-border: #a9533f;--remove-bg: #2a2724;--remove-bg-hover: #b84f4f;--remove-icon: #ff8f87;--remove-icon-hover: #fff;--remove-border: #3a3632;--accent-border: #c4705a;--error-text: #ff8f87;--link: #6cb8f0;--select-bg: #1f1d1b;--select-border: #78746e;--select-border-focus: #6cb8f0;--select-text: #ece9e4;--select-placeholder: #a3a9b5;--select-indicator: #a3a9b5;--select-indicator-hover: #ece9e4;--option-focus: #33312d;--option-active: #403d38;--option-selected: #1d5fc4;--option-selected-text: #fff;--skeleton-base: #2f2d2a;--skeleton-highlight: #3d3a36;--btn-outline-border: #c4705a;--btn-outline-text: #e8a28c;--btn-outline-hover: #3b2420}}@media screen{:root[data-theme=dark]{color-scheme:dark;--bg: #161513;--surface: #1f1d1b;--card: #272522;--text-strong: #ece9e4;--text: #c8ccd4;--text-muted: #a3a9b5;--panel-text: #c8ccd4;--panel-text-muted: #a3a9b5;--spinner-text: #c8ccd4;--border: #78746e;--accent: #a9533f;--accent-hover: #964632;--on-accent: #fafaf8;--btn-bg: #7d3d2e;--btn-bg-hover: #6a3326;--btn-text: #fafaf8;--btn-border: #a9533f;--remove-bg: #2a2724;--remove-bg-hover: #b84f4f;--remove-icon: #ff8f87;--remove-icon-hover: #fff;--remove-border: #3a3632;--accent-border: #c4705a;--error-text: #ff8f87;--link: #6cb8f0;--select-bg: #1f1d1b;--select-border: #78746e;--select-border-focus: #6cb8f0;--select-text: #ece9e4;--select-placeholder: #a3a9b5;--select-indicator: #a3a9b5;--select-indicator-hover: #ece9e4;--option-focus: #33312d;--option-active: #403d38;--option-selected: #1d5fc4;--option-selected-text: #fff;--skeleton-base: #2f2d2a;--skeleton-highlight: #3d3a36;--btn-outline-border: #c4705a;--btn-outline-text: #e8a28c;--btn-outline-hover: #3b2420}}:root[data-theme=light]{color-scheme:light}@media print{:root,:root[data-theme]{color-scheme:light}}*{box-sizing:border-box}body{width:calc(100vw - var(--scrollbar-width, 0px));overflow-y:auto;margin:0;font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text-strong)}.container,.suggested-recipe-container{max-width:900px;margin:0 auto;padding:0 16px;width:100%;color:var(--text)}.skeleton-container{margin-top:48px;line-height:2}.container ul{padding-left:20px;margin:0}.container ul li{margin-bottom:3px}header{background-color:var(--surface);position:relative;display:flex;justify-content:center;align-items:center;height:80px;width:100%;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.center-content{display:flex;align-items:center}.center-content>img{width:43px;height:52px}.center-content>h1{font-weight:400;font-size:1.89rem;padding-left:12px}.header-right{position:absolute;right:20px;margin:15px;padding-top:8px}.menu-container{position:relative;display:inline-block}.menu-button{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;border-radius:4px;background:none;color:inherit;font:inherit;line-height:0;cursor:pointer}.menu-button:focus-visible{outline:2px solid var(--link);outline-offset:2px}.dropdown-container,.dropdown-wrapper{position:absolute;top:100%;right:0;margin-top:.75rem;z-index:1000}.dropdown-panel{min-width:300px;background-color:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:0 12px 30px #00000040}.dropdown-panel h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.dropdown-panel p{margin:0 0 .25rem;font-size:.9rem;color:var(--panel-text)}.dropdown-panel p:last-of-type{font-size:.85rem;color:var(--panel-text-muted)}.dropdown-panel a{display:inline-block;margin-top:.5rem;font-size:.85rem;color:var(--link);text-decoration:none}.theme-switch{display:flex;margin-top:12px;border:1px solid var(--btn-outline-border);border-radius:6px;overflow:hidden}.theme-option{flex:1;padding:6px 8px;border:none;background:transparent;color:var(--btn-outline-text);font-family:Inter,sans-serif;font-size:.85rem;cursor:pointer}.theme-option+.theme-option{border-left:1px solid var(--btn-outline-border)}.theme-option:hover{background:var(--btn-outline-hover)}.theme-option[aria-pressed=true]{background:var(--btn-bg);color:var(--btn-text)}.theme-option:focus-visible{outline:2px solid var(--link);outline-offset:-2px}main{padding:30px 30px 10px}main>form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:900px;width:100%;margin:0 auto;padding:0 16px}main>form>input{flex-grow:1;min-width:150px;max-width:1168px;height:38px;border-radius:6px;border:1px solid var(--border);background-color:var(--select-bg);color:var(--text-strong);padding:9px 13px;font-family:Inter,sans-serif;font-weight:400;font-size:1rem}main>form>input::placeholder{color:var(--select-placeholder)}main>form>button{flex-grow:1;max-width:150px;height:38px;font-family:Inter,sans-serif;color:var(--btn-text);background-color:var(--btn-bg);border-radius:6px;padding:0 15px;font-size:1rem;border:1px solid var(--btn-border);outline:none;box-shadow:none;cursor:pointer}main>form>button:hover{background-color:var(--btn-bg-hover)}.select-field{flex-grow:1;height:38px;font-family:Inter,sans-serif;background-color:var(--bg);color:var(--select-text);border-radius:6px;font-size:1rem;border:none;outline:none;box-shadow:none;cursor:pointer}@media (max-width: 650px){main>form{flex-direction:column;align-items:stretch}main>form>input,main>form>button{width:100%;max-width:none}}.get-recipe-container{display:flex;justify-content:space-between;align-items:center;border-radius:8px;background:var(--card);padding:10px 28px;margin-top:50px}.get-recipe-container h3{font-size:1.125rem;font-weight:500;line-height:24px}.get-recipe-container p{color:var(--text-muted);font-size:.875rem;line-height:20px;padding-right:10px}.get-recipe-container button{border:1px solid var(--accent-border);border-radius:6px;background-color:var(--accent);box-shadow:0 1px 2px #0000000d;color:var(--on-accent);padding:8px 16px;font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;min-height:38px}.get-recipe-container button:hover{background:var(--accent-hover)}.error-container{display:flex;justify-content:space-between;align-items:center;border-radius:8px;background:var(--card);padding:10px 28px;box-sizing:border-box;width:calc(100% - 32px);max-width:868px;margin:50px auto 0}.error-container p{color:var(--text-muted);font-size:.875rem;line-height:20px;padding-right:10px}.error-container button{border:none;border-radius:6px;background-color:var(--accent);box-shadow:0 1px 2px #0000000d;color:var(--on-accent);padding:9px 17px;font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;min-height:38px}.error-container button:hover{background:var(--accent-hover)}.recipe-notice{color:var(--text-muted);font-size:.875rem;margin:20px 0 8px}.suggested-recipe-container{color:var(--text);line-height:28px;font-size:1.125rem;font-weight:400}.suggested-recipe-container ul li,.suggested-recipe-container ol li{margin-bottom:8px;font-size:1rem}.suggested-recipe-container h1{padding-top:25px;padding-bottom:10px}.LoadingSpinner{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30rem;text-align:center;font-size:1.2rem;color:var(--spinner-text)}.ingredient-item{display:flex;justify-content:space-between;align-items:center;list-style-type:none;position:relative;padding-left:1em}.ingredient-item:before{content:"•";position:absolute;left:0;font-size:1.2em;line-height:1}.ingredient-item button{margin-left:10px}.removeButton{width:25px;height:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--remove-bg);border:1px solid var(--remove-border);padding:1px 5px;border-radius:5px;box-shadow:1px 1px 3px #00000026}.removeButton:hover,.removeButton:focus-visible{background:var(--remove-bg-hover)}.removeButton:focus-visible{outline:2px solid var(--link);outline-offset:2px}.xIcon{color:var(--remove-icon);font-size:16px}.removeButton:hover .xIcon,.removeButton:focus-visible .xIcon{color:var(--remove-icon-hover)}main>form>button:focus-visible,.clear-all-button:focus-visible,.get-recipe-container button:focus-visible,.error-container button:focus-visible,.print-button:focus-visible{outline:2px solid var(--link);outline-offset:2px}.description{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:900px;width:100%;margin:0 auto;padding:0 16px;font-size:13px;text-align:center;color:var(--error-text);height:45px;overflow:hidden}h2{margin-top:0;margin-bottom:6px}.ingredients-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-bottom:6px}.ingredients-heading h2{margin-bottom:0}.clear-all-button{border:1px solid var(--btn-outline-border);border-radius:6px;background-color:transparent;color:var(--btn-outline-text);padding:5px 11px;font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;min-height:32px;white-space:nowrap;flex-shrink:0}@media (max-width: 400px){.ingredients-heading{justify-content:flex-end}.ingredients-heading h2{margin-right:auto}.clear-all-button{padding:3px 9px;font-size:.8125rem;min-height:28px}}.clear-all-button:hover{background-color:var(--btn-outline-hover)}.print-button{border:none;border-radius:6px;display:block;margin:40px auto 80px;background-color:var(--accent);color:var(--on-accent);padding:9px 17px;font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;min-height:38px;box-shadow:0 1px 2px #0000000d;transition:background-color .2s ease;padding-top:100}.print-button:hover{background-color:var(--accent-hover)}.print-window{margin:0 auto;padding:0;max-width:800px;box-sizing:border-box}.print-button-content{display:flex;align-items:center;gap:10px}@media print{body{background:none!important}@page{size:A4;margin:0}html,body{margin:0;padding:0;width:100%;height:100%;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-sizing:border-box}.print-wrapper{margin:0;padding:40px;width:100%;max-width:none;box-sizing:border-box;zoom:1!important;transform:none!important}.print-button{display:none!important}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}