:root{--checkbox-size:20px;--tooltip-font-size:14px;--shadow-basic:0 1px 4px var(--shadow-color);background-color:var(--bg-level-0);color:var(--fg);font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400}@media (min-width:600px){:root{--tooltip-font-size:16px;--checkbox-size:22px;font-size:16px}}@media (min-width:850px){:root{--checkbox-size:24px;font-size:18px}}.theme-dark{--fg:#fff;--fg-fav:#fe6;--bg-level-0:#1a1a1a;--bg-level-1:#282828;--bg-level-2:#393939;--border-fav:#fe6;--help-fg:#888;--icon-fg:#f2f2f2;--link-fg:#99c4ff;--link-fg-hover:#cce1ff;--link-fg-active:#ffbf80;--recipe-fg:var(--fg);--recipe-bg:var(--bg-level-1);--recipe-bg-title:var(--bg-level-2);--recipe-bg-title-fav:#443e17;--recipe-bg-catalyst:#393939;--recipe-bg-qty:var(--bg-level-1);--recipe-help-bg-hover:var(--bg-level-2);--input-fg:var(--fg);--input-bg:#191919;--input-border:#5d5d5d;--dropdown-fg:var(--fg);--dropdown-bg:#191919;--dropdown-bg-hover:#045f87;--dropdown-border:#5d5d5d;--checkbox-fg:var(--fg);--checkbox-bg:#191919;--checkbox-border:#5d5d5d;--button-fg:var(--fg);--button-fg-disabled:#9c9c9c;--button-bg:#484848;--button-bg-hover:#5d5d5d;--button-bg-active:#363636;--button-bg-pressed:#282828;--button-bg-disabled:#3c3c3c;--button-border:#5d5d5d;--button-border-hover:#5d5d5d;--button-border-pressed:var(--button-border);--tooltip-fg:var(--fg);--tooltip-bg:#111;--filter-fg-selected:#57e38a;--filter-bg:var(--button-bg);--filter-bg-selected:#175f31;--filter-border-selected:#1f8544;--tab-border-current:#9c9c9c;--explorer-line:#9c9c9c;--planner-ingredient-bg:var(--bg-level-1);--planner-ingredient-bg-hidden:var(--bg-level-0);--planner-ingredient-toggle-bg-pressed:var(--bg-level-1);--notice-info-fg-icon:#2aa0f3;--notice-info-bg:#073a5f;--notice-info-bg-hover:#0c5a91;--notice-warning-fg-icon:#f1ce2c;--notice-warning-bg:#514406;--notice-warning-bg-hover:#87710b;--notice-error-fg-icon:#f94242;--notice-error-bg:#510303;--notice-error-bg-hover:#970e0e;--focus-color:#2999c9;--scroll-thumb:#9c9c9c;--shadow-color:rgba(0,0,0,.6);--overlay-bg:rgba(25,25,25,.75)}.theme-light{--fg:#000;--fg-fav:#826c00;--bg-level-0:#e2e2e2;--bg-level-1:#f3f3f3;--bg-level-2:#fff;--border-fav:#655400;--help-fg:#777;--icon-fg:#222;--link-fg:#05c;--link-fg-hover:#38f;--link-fg-active:#e67300;--recipe-fg:var(--fg);--recipe-bg:var(--bg-level-2);--recipe-bg-title:var(--bg-level-1);--recipe-bg-title-fav:#f3eaa5;--recipe-bg-catalyst:#e8e8e8;--recipe-bg-qty:var(--bg-level-0);--recipe-help-bg-hover:var(--bg-level-1);--input-fg:var(--fg);--input-bg:#fff;--input-border:#b4b4b4;--dropdown-fg:var(--fg);--dropdown-bg:#fff;--dropdown-bg-hover:#b2e8ff;--dropdown-border:#b4b4b4;--checkbox-fg:var(--fg);--checkbox-bg:#fff;--checkbox-border:#b4b4b4;--button-fg:var(--fg);--button-fg-disabled:#777;--button-bg:#d8d8d8;--button-bg-hover:#e8e8e8;--button-bg-active:#c4c4c4;--button-bg-pressed:#c4c4c4;--button-bg-disabled:#eee;--button-border:#b4b4b4;--button-border-hover:#b4b4b4;--button-border-pressed:var(--button-border);--tooltip-fg:#fff;--tooltip-bg:#333;--filter-fg-selected:#028c34;--filter-bg:var(--button-bg);--filter-bg-selected:#b1e6c4;--filter-border-selected:#42a967;--tab-border-current:#555;--explorer-line:#555;--planner-ingredient-bg:var(--bg-level-2);--planner-ingredient-bg-hidden:var(--bg-level-1);--planner-ingredient-toggle-bg-pressed:var(--bg-level-0);--notice-info-fg-icon:#0b71b9;--notice-info-bg:#9bd5ff;--notice-info-bg-hover:#b9e1ff;--notice-warning-fg-icon:#9d8100;--notice-warning-bg:#ffe879;--notice-warning-bg-hover:#fff5c5;--notice-error-fg-icon:#cb0606;--notice-error-bg:#ff8989;--notice-error-bg-hover:#fdb0b0;--focus-color:#00a1e5;--scroll-thumb:#555;--shadow-color:rgba(0,0,0,.3);--overlay-bg:rgba(0,0,0,.4)}*{margin:0;padding:0}body.overlay-open{overflow:hidden}.thin-scroll{scrollbar-width:thin}@supports selector(::-webkit-scrollbar){.thin-scroll{scrollbar-width:unset}.thin-scroll::-webkit-scrollbar{height:6px;width:6px}.thin-scroll::-webkit-scrollbar-track{background:transparent}.thin-scroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:16px}}.app-root{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-inline:auto;max-width:1232px;min-height:100vh;padding:16px}main{flex:1 0 auto}footer{flex:none}footer,footer p:not(:first-child){margin-top:8px}a:link,a:visited{color:var(--link-fg)}a:hover{color:var(--link-fg-hover)}a:active{color:var(--link-fg-active)}input{font:inherit}input[type=search],input[type=text]{background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:5px;color:var(--input-fg);padding:4px 6px}input[type=search]:focus,input[type=text]:focus{border-color:var(--focus-color);outline:none}input[type=search]::placeholder,input[type=text]::placeholder{color:currentColor;opacity:.7}.input-group{align-items:center;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:5px;cursor:text;display:inline-flex}.input-group:focus-within{border-color:var(--focus-color)}.input-group>input{border:none;flex:1 1 auto}.input-group>.icon{flex:none}.input-group>.icon:first-child{margin-left:6px}.input-group>.icon:last-child{margin-right:6px}textarea{background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:5px;color:var(--input-fg);font:inherit;font-family:monospace;padding:4px 6px}textarea:focus{border-color:var(--focus-color);outline:none}.checkbox{align-items:center;display:flex;gap:4px;position:relative}.checkbox>input{appearance:none;height:var(--checkbox-size);left:0;position:absolute;top:calc(50% - var(--checkbox-size)/2);width:var(--checkbox-size)}.checkbox>input:focus{outline:none}.checkbox_marker{background-color:var(--checkbox-bg);border:2px solid var(--checkbox-border);border-radius:3px;box-sizing:border-box;color:var(--checkbox-fg);display:block;flex:none;height:var(--checkbox-size);position:relative;width:var(--checkbox-size)}input:focus+.checkbox_marker{border-color:var(--focus-color)}.checkbox_marker--checked:before,input:checked+.checkbox_marker:before{border-bottom:3px solid;border-left:3px solid;content:"";height:calc(50% - 5px);left:50%;position:absolute;top:50%;transform:translate(-50%,-75%) rotate(-45deg);width:calc(100% - 5px)}.checkbox_label{flex:1 1 auto}.btn,button{align-items:center;background-color:var(--button-bg);border:2px solid var(--button-border);border-radius:5px;display:inline-flex;font:inherit;gap:4px;justify-content:center;padding:4px 8px}.btn,a.btn,button{color:var(--button-fg)}a.btn{text-decoration:none}.btn.confirm,button.confirm{--confirm-time:0ms;background-position:100% 0;transition:background-position 0s linear}.btn.floating,button.floating{--button-border:var(--button-bg);--button-border-hover:var(--button-bg-hover);box-shadow:var(--shadow-basic)}.btn[aria-pressed=true],button[aria-pressed=true]{border-color:var(--button-border-pressed)}.btn:hover,button:hover{background-color:var(--button-bg-hover);border-color:var(--button-border-hover);color:var(--button-fg)}.btn:active,button:active{background-color:var(--button-bg-active);color:var(--button-fg)}.btn.confirm:active,button.confirm:active{background-color:var(--button-bg)}.btn.confirm.confirm--held,button.confirm.confirm--held{background:linear-gradient(90deg,var(--button-bg-active) 50%,var(--button-bg) 50%);background-position:0 0;background-size:200% 100%;transition-duration:var(--confirm-time)}.btn[aria-pressed=true],button[aria-pressed=true]{background-color:var(--button-bg-pressed)}.btn:focus,button:focus{border-color:var(--focus-color);outline:none}.btn:disabled,button:disabled{--icon-fg:currentColor;background-color:var(--button-bg-disabled);border-color:var(--button-bg-disabled);color:var(--button-fg-disabled)}:is(button,.btn)>:is(.icon,.sprite,.reagent){flex:none;margin-bottom:-4px;margin-top:-4px}:is(button,.btn)>:where(.icon,.sprite,.reagent):first-child{margin-left:-4px}:is(button,.btn)>:where(.icon,.sprite,.reagent):last-child{margin-right:-4px}@media (min-width:600px){.btn,button{padding-inline:10px}}select{background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:5px;color:var(--input-fg);font:inherit;padding:3px 6px}select:focus{border-color:var(--focus-color);outline:none}.select-group{align-items:center;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:5px;display:inline-flex}.select-group:focus-within{border-color:var(--focus-color)}.select-group>select{background:transparent;border:none;flex:1 1 auto;margin:-2px;padding:5px 8px}.select-group--icon-before>select{margin-left:-32px;padding-left:38px}.select-group option{background-color:var(--input-bg);color:var(--input-fg)}.select-group>.icon{pointer-events:none}.select-group>.icon:first-child{margin-left:6px}.select-group>.icon:last-child{margin-right:6px}.dropdown{display:flex;position:relative}.dropdown>button{flex:1 1 auto}.dropdown_trigger{--button-fg:var(--input-fg);--button-bg:var(--input-bg);--button-bg-hover:var(--input-bg);--button-bg-active:var(--input-bg);--button-border:var(--input-border);justify-content:flex-start}.dropdown--open>.dropdown_trigger{border-color:var(--focus-color)}.dropdown_prefix{opacity:.75}.dropdown_label{display:grid;flex:1 0 auto;justify-items:flex-start}.dropdown_label>span{grid-column:1;grid-row:1;visibility:hidden}.dropdown_label>span.current{visibility:visible}.dropdown_arrow{margin-left:-2px;margin-right:-6px}.dropdown_list{background-color:var(--dropdown-bg);border:2px solid var(--dropdown-border);border-radius:3px;box-shadow:0 2px 5px var(--shadow-color);box-sizing:border-box;color:var(--dropdown-fg);cursor:default;max-width:300px;min-width:100%;overflow:hidden;position:absolute;right:0;top:100%;user-select:none;width:max-content;z-index:10}.dropdown_list--above{bottom:100%;top:auto}.dropdown_list:focus{outline:none}.dropdown_item{align-items:center;display:grid;gap:4px 8px;grid-template-columns:1fr;grid-template-rows:auto;padding:8px;white-space:nowrap}.dropdown_list--icon>.dropdown_item{grid-template-columns:24px 1fr}.dropdown_item--current{--checkbox-border:var(--checkbox-bg);background-color:var(--dropdown-bg-hover)}.dropdown_item-name{grid-column:-2}.dropdown_item-desc{font-size:var(--tooltip-font-size);grid-column:1/-1;opacity:.75;white-space:normal}.dropdown_sep{border-top:2px solid var(--dropdown-border)}@media (min-width:600px){.dropdown_item{gap:2px 4px;padding:6px 8px}}.spacer{flex:1 1 auto}.tabs{flex:none}.tabs,.tabs_list{display:flex;gap:8px}.tabs_list{flex:1 1 auto;margin:-4px;overflow-x:auto;padding:4px}.tabs_tab{--button-bg:var(--bg-level-1);--button-bg-hover:var(--bg-level-2);--button-bg-active:var(--bg-level-0);border:none;box-shadow:var(--shadow-basic);flex:none;padding:8px 12px;position:relative;transition:border-radius 125ms ease}.tabs_tab:focus{outline:2px solid var(--focus-color)}.tabs_tab--current{--button-bg:var(--bg-level-2)}.tabs_tab:after{border-bottom:2px solid var(--tab-border-current);bottom:2px;content:"";left:50%;position:absolute;transform:translateX(-50%);transition:width 125ms ease;width:0}.tabs_tab--current:after{width:calc(100% - 8px)}.tabs_fork>.dropdown_trigger{box-shadow:var(--shadow-basic);padding-left:8px}@media (min-width:600px){.tabs_tab{min-width:250px;padding:10px 16px}}@media (min-width:850px){.tabs_tab{min-width:300px}}.icon{color:var(--icon-fg)}.sprite{background-image:var(--sprite-url);image-rendering:pixelated}.reagent,.sprite{display:inline-block;flex:none;height:32px;vertical-align:-8px;width:32px}.reagent{position:relative}.reagent>.sprite{display:block}.reagent_fill{background-color:#fff;height:32px;image-rendering:pixelated;left:0;-webkit-mask-image:var(--sprite-url);mask-image:var(--sprite-url);mask-mode:luminance;position:absolute;top:0;width:32px}.recipe{background-color:var(--recipe-bg);border-radius:7px;box-shadow:var(--shadow-basic);box-sizing:border-box;color:var(--recipe-fg);display:grid;gap:4px 8px;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:4px 8px;position:relative}.recipe--fav{--recipe-bg-title:var(--recipe-bg-title-fav)}.recipe--new-fav:before{animation-duration:1s;animation-iteration-count:1;animation-name:new-fav-shimmer;animation-timing-function:linear;background-image:linear-gradient(176deg,transparent 28%,var(--border-fav) 50%,transparent 72%);background-position:50% 0;background-size:100% 500%;border-radius:9px;content:"";inset:-3px;pointer-events:none;position:absolute;z-index:-1}@keyframes new-fav-shimmer{0%{background-position:50% 100%}to{background-position:50% 0}}.recipe_title{--button-bg:var(--recipe-bg-title);--button-border:var(--recipe-bg-title);background-color:var(--recipe-bg-title);border-top-left-radius:inherit;border-top-right-radius:inherit;display:flex;flex-direction:row;font-weight:700;gap:2px;grid-column:1/-1;height:32px;margin:-4px -8px 0;padding:2px;position:relative;transition:background-color 75ms ease-in-out}.recipe_title>button{padding-inline:6px}.recipe_trait{background:var(--trait-color);border-top-left-radius:inherit;clip-path:polygon(0 0,100% 0,0 100%);height:24px;left:0;position:absolute;top:0;width:18px}.recipe_result{align-items:center;display:flex;flex:1 0 auto;gap:4px;justify-content:center}.recipe_result-qty{background-color:var(--recipe-bg-qty);border-radius:3px;cursor:help;font-weight:400;padding:1px 6px}.recipe_spacer{flex:0 1 36px;margin-right:-2px}.recipe_ingredients{align-self:center}.recipe_ingredient{align-items:center;display:flex;flex-direction:row;gap:4px}.recipe_catalyst{background-color:var(--recipe-bg-catalyst);border-radius:3px;cursor:help;display:inline-block;font-size:.8rem;font-weight:500;padding:1px 4px;text-transform:uppercase}.recipe_ingredient-help{border-radius:3px;cursor:help;flex:none;padding:4px}.recipe_ingredient-help:hover{background-color:var(--recipe-help-bg-hover)}.recipe_ingredient-help>.icon{display:block}.recipe_method{align-items:center;align-self:center;display:flex;flex-direction:column;margin-bottom:2px;padding-top:2px;white-space:nowrap}.recipe-search{background:var(--bg-level-1);box-shadow:var(--shadow-basic);display:grid;gap:0 8px;grid-template-columns:1fr auto 2fr;margin:0 -16px 16px;padding:16px}.recipe-search>.input-group{grid-column:1/-1;margin-bottom:8px}.recipe-search_filter-toggle--active{--button-bg:var(--filter-bg-selected);--button-border:var(--filter-border-selected);--button-border-pressed:var(--button-border)}.recipe-search_filter-wedge{background-color:var(--bg-level-2);grid-column:1;height:8px;position:relative;z-index:1}.recipe-search_filter-wedge:after,.recipe-search_filter-wedge:before{background-color:var(--bg-level-1);content:"";height:100%;position:absolute;top:0;width:7px}.recipe-search_filter-wedge:before{border-bottom-right-radius:7px;left:0}.recipe-search_filter-wedge:after{border-bottom-left-radius:7px;right:0}.recipe-search_filter{background-color:var(--bg-level-2);border-radius:7px;box-shadow:var(--shadow-basic);display:none;gap:16px;grid-column:1/-1;grid-template-columns:1fr;margin:0 -8px -8px;padding:8px}.recipe-search_filter--open{display:grid}.recipe-search_label{align-self:center;grid-column:1}.recipe-search_opt-filter{display:flex;flex-wrap:wrap;gap:4px;margin-top:-12px;position:relative}.recipe-search_opt-filter>span{bottom:calc(100% + 4px);color:var(--filter-fg-selected);position:absolute;right:0}.recipe-search_opt-filter>.input-group{flex:1 0 auto}.recipe-search_opt-filter>button{flex:none}.recipe-search_options{display:grid;gap:4px;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(280px,auto));list-style-type:none;margin-top:-8px;max-height:160px;overflow:auto}.recipe-search_options--compact{display:flex;flex-wrap:wrap;grid-column:auto}.recipe-search_options--expanded{max-height:none}.recipe-search_options>li{flex:none}.recipe-search_no-match{grid-column:1/-1}.recipe-search_opt{--button-bg:var(--filter-bg);--button-bg-pressed:var(--filter-bg-selected);border:none;justify-content:flex-start;padding-right:12px;position:relative;vertical-align:top;width:100%}.recipe-search_opt:focus{outline:2px solid var(--focus-color);outline-offset:-2px}.recipe-search_row{align-items:center;display:flex;gap:8px;grid-column:1/-1}.recipe-search_row--actions>.dropdown,.recipe-search_row--actions>button{min-width:130px}.recipe-search_mode{display:flex;gap:4px;margin-top:-12px}.recipe-search_mode>select{flex:0 1 auto}.recipe-search_mode>button{flex:none}@media (min-width:600px){.recipe-search{grid-template-columns:1fr minmax(100px,auto) auto auto}.recipe-search>.input-group{grid-column:auto;margin-bottom:0}.recipe-search_filter-wedge{grid-column:2;margin-inline:-2px}.recipe-search_filter{grid-template-columns:auto 1fr;margin:0;padding:16px;position:relative}.recipe-search_opt-filter{justify-content:flex-end;margin-block:-4px}.recipe-search_opt-filter>span{align-self:center;flex:0 1 auto;position:static}.recipe-search_opt-filter>.input-group{max-width:270px}.recipe-search_mode,.recipe-search_options--compact{margin-top:0}.recipe-search_row--actions>.dropdown,.recipe-search_row--actions>button{min-width:180px}}@media (min-width:850px){.recipe-search{grid-template-columns:1fr minmax(150px,auto) auto auto}.recipe-search_row--actions{bottom:16px;position:absolute;right:0}.recipe-search_row--actions>.dropdown,.recipe-search_row--actions>button{min-width:130px}}@media (min-width:1000px){.recipe-search_row--actions>.dropdown,.recipe-search_row--actions>button{min-width:180px}}@media (min-width:1233px){.recipe-search{border-radius:7px}}.recipe-search_help{border-radius:3px;cursor:help;display:inline-block;margin:-4px;padding:4px}.recipe-search_help:hover{background-color:var(--bg-level-1)}.recipe-search_help>.icon{display:block}.recipe-ingredients{align-items:center;display:flex;gap:8px}.recipe-ingredients>span{flex:none}.recipe-ingredients_list{display:flex;gap:4px;list-style-type:none;overflow:hidden}.recipe-ingredients_list>li{flex:none}.recipe-ingredients_list button{--button-bg-pressed:var(--filter-bg-selected);border:none;padding-inline:4px 8px;vertical-align:top}.recipe-ingredients_list button:focus{outline:2px solid var(--focus-color);outline-offset:-2px}.recipe-count{margin-block:16px}.recipe-list{display:grid;gap:8px;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style-type:none}@media (min-width:850px){.recipe-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.recipe-list>li{align-self:flex-start}.fav{--button-bg-pressed:var(--button-bg);--button-border-pressed:var(--button-border)}.fav[aria-pressed=true]{--icon-fg:var(--fg-fav)}.fav[aria-pressed=true]:hover{background-color:var(--button-bg-hover)}.fav[aria-pressed=true]:active{background-color:var(--button-bg-pressed)}.explorer{background-color:var(--bg-level-0);box-sizing:border-box;color:var(--fg);height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100vw;z-index:100}.explorer:focus{outline:none}.explorer .recipe{max-width:400px;min-width:300px}.explorer_main>.recipe{outline:2px solid var(--explorer-line);transition:outline-color 175ms ease-in-out}@media (max-width:999px){.explorer{padding:16px 8px}.explorer_close{display:none}.explorer_main{display:grid;gap:8px 16px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;height:100%}.explorer_main>.recipe{grid-column:1/span 2;grid-row:1;justify-self:center}.explorer_arrow{grid-row:2;margin-block:8px;text-align:center;width:100%;width:125px}.explorer_arrow--before{grid-column:1;justify-self:flex-end}.explorer_arrow--after{grid-column:2;justify-self:flex-start}.explorer_arrow-label{cursor:default;position:relative}.explorer_arrow-label:before{border-top:2px solid var(--explorer-line);content:"";left:50%;opacity:.3;position:absolute;top:calc(100% + 2px);transform:translateX(-50%);transition-delay:125ms;transition-duration:.15s;transition-property:width,opacity;transition-timing-function:ease;width:60px}.explorer_arrow:hover>.explorer_arrow-label:before{opacity:.8;transition-delay:0s;width:80px}.explorer_arrow--current.explorer_arrow--current>.explorer_arrow-label:before{opacity:1;transition-delay:0s;width:110px}.explorer_arrow-label:after{border-left:2px solid var(--explorer-line);content:"";height:0;left:calc(50% - 1px);opacity:.3;position:absolute;top:calc(100% + 10px);transition-delay:0s;transition-duration:.1s;transition-property:top,height,opacity;transition-timing-function:ease}.explorer_arrow:hover>.explorer_arrow-label:after{opacity:.8}.explorer_arrow--current.explorer_arrow--current>.explorer_arrow-label:after{height:12px;opacity:1;top:calc(100% + 4px);transition-delay:175ms}.explorer_list{display:none;flex-direction:column;grid-column:1/span 2;grid-row:3;justify-self:center;padding:10px 10px 16px;position:relative}.explorer_list--current{display:flex}.explorer_list:before{border-bottom-style:solid;border:2px solid var(--explorer-line);border-bottom:2px var(--explorer-line);border-top-left-radius:13px;border-top-right-radius:13px;content:"";height:16px;left:0;pointer-events:none;position:absolute;right:0;top:0}.explorer_list-inner{display:flex;flex:1 1 100%;flex-direction:column;gap:8px}}@media (min-width:600px){.explorer_close{--button-bg:var(--bg-level-1);--button-border:var(--button-bg);border-radius:32px;box-shadow:var(--shadow-basic);display:block;padding:8px;position:fixed;right:8px;top:8px}.explorer_close>.icon{display:block;margin:0}}@media (min-width:700px) and (max-width:999px){.explorer_arrow{width:150px}.explorer_arrow-label.explorer_arrow-label.explorer_arrow-label:before{opacity:1;width:110px}.explorer_arrow-label.explorer_arrow-label.explorer_arrow-label:after{height:12px;opacity:1;top:calc(100% + 4px)}.explorer_list{display:flex}.explorer_list--before{grid-column:1;justify-self:flex-end}.explorer_list--after{grid-column:2;justify-self:flex-start}}@media (min-width:1000px){.explorer{padding:16px}.explorer_main{--x:0px;--y:0px;left:calc(50% + var(--x));position:absolute;top:calc(50% + var(--y));transform:translate(-50%,-50%)}.explorer_main--collapsed>.recipe{outline-color:transparent}.explorer_arrow{border-top:2px solid var(--explorer-line);position:absolute;top:50%;transform:translateY(-50%);transition:opacity 175ms ease-in-out;width:110px}.explorer_arrow--before{right:calc(100% + 2px)}.explorer_arrow--after{left:calc(100% + 2px)}.explorer_main--collapsed .explorer_arrow{opacity:0;pointer-events:none}.explorer_arrow:before{border-right:2px solid var(--explorer-line);border-top:2px solid var(--explorer-line);box-shadow:4px -4px 0 0 var(--bg-level-0);box-sizing:border-box;content:"";height:16px;left:50%;position:absolute;top:calc(50% - 1px);transform:translate(-50%,-50%) rotate(45deg);width:16px}.explorer_arrow-label{bottom:12px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.explorer_list{box-sizing:border-box;display:flex;max-height:calc(100vh - 48px);padding:10px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity 175ms ease-in-out}.explorer_list--before{right:calc(100% + 112px)}.explorer_list--after{left:calc(100% + 112px)}.explorer_main--collapsed .explorer_list{opacity:0;pointer-events:none}.explorer_list:before{border:2px solid var(--explorer-line);bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:16px}.explorer_list--before:before{border-bottom-right-radius:13px;border-left-style:none;border-top-right-radius:13px;right:0}.explorer_list--after:before{border-bottom-left-radius:13px;border-right-style:none;border-top-left-radius:13px;left:0}.explorer_list-inner{--list-height:auto;display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:wrap;height:var(--list-height);margin:-4px;width:max-content}.explorer_list-inner>.recipe{margin:4px}}.planner_list{display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:16px}.planner_list-menu{--button-bg:var(--bg-level-1);--button-bg-hover:var(--bg-level-2);--button-bg-active:var(--bg-level-0);--button-border:var(--bg-level-1);--button-border-hover:var(--bg-level-2);background-color:var(--bg-level-1);border-radius:7px;box-shadow:var(--shadow-basic);display:flex;flex:1 1 calc(50% - 8px)}.planner_list-menu>:is(button,.btn){padding:8px 12px}.planner_list-menu>:is(button,.btn):not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.planner_list-menu>:is(button,.btn):not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.planner_view-menu-button{align-items:flex-start;flex:1 1 auto;flex-direction:column;justify-content:flex-start;text-align:left}@media (min-width:850px){.planner_list{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}}.planner_empty-list{background-color:var(--bg-level-1);border-radius:7px;box-shadow:var(--shadow-basic);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin-inline:auto;max-width:600px;padding:16px;width:100%}.planner_view h2{margin-bottom:16px}.planner_editor h3,.planner_view h3{margin-block:24px 8px}.planner_view-actions{column-gap:4px;display:flex;flex-wrap:wrap;margin-block:-12px 8px;row-gap:8px}.planner_view-actions>.notice{flex-shrink:0;max-width:100%}.planner_view-ingredients{list-style-type:none}.planner_view-ingredients>li>:is(.sprite,.reagent){margin-right:4px}@media (min-width:600px){.planner_view-ingredients{column-count:2}}@media (min-width:1000px){.planner_view-ingredients{column-count:3}}.planner_editor p{margin-bottom:8px}.planner_editor .notice{margin-block:8px}.planner_editor-header{align-items:center;background-color:var(--bg-level-1);box-shadow:var(--shadow-basic);display:flex;flex-wrap:wrap;gap:8px;margin-inline:-16px;padding:16px}.planner_editor-header>label{flex:none}.planner_editor-header>input{flex:10 1 auto;max-width:500px}.planner_editor-actions{display:flex;flex:0 1 100%;gap:4px;justify-content:flex-end}.planner_editor-actions>:is(button,.btn){flex:0 1 95px}@media (min-width:600px){.planner_editor-actions{flex-basis:auto;flex-grow:1}}@media (min-width:850px){.planner_editor-header{border-radius:7px;margin-inline:0}.planner_editor-actions>:is(button,.btn){flex-basis:120px}}.planner_editor-recipe{position:relative;z-index:1}.planner_editor-recipe-header{--button-bg:var(--recipe-bg-title);--button-bg-disabled:var(--recipe-bg-title);--button-border:var(--recipe-bg-title);background-color:var(--recipe-bg-title);border-top-left-radius:7px;border-top-right-radius:7px;box-shadow:var(--shadow-basic);display:flex;gap:2px;left:0;padding:2px 2px 10px;position:absolute;top:0;transition:transform .1s ease;transition-delay:.15s;z-index:1}.planner_editor-recipe:hover>.planner_editor-recipe-header{transition-delay:.25s}.planner_editor-recipe-header.planner_editor-recipe-header:focus-within{transition-delay:0s}.planner_editor-recipe:is(:hover,:focus-within)>.planner_editor-recipe-header{transform:translateY(-100%) translateY(8px)}.planner_editor-recipe-header>:is(button,.btn){padding:6px}.planner_editor-recipe-header>:is(button,.btn):disabled{opacity:.75}.planner_editor-recipe>.recipe{position:relative;z-index:2}.planner_editor-search{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.planner_editor-query{max-width:500px}.planner_editor-results-wrapper{align-items:stretch;border-bottom:2px solid var(--explorer-line);border-bottom-left-radius:7px;border-left:2px solid var(--explorer-line);display:flex;grid-column:1/-1;justify-items:stretch;margin-left:-10px;padding-bottom:4px;padding-left:8px;position:relative}.planner_editor-results-wrapper:after,.planner_editor-results-wrapper:before{border-color:var(--explorer-line);border-width:2px;box-sizing:border-box;content:"";pointer-events:none;position:absolute}.planner_editor-results-wrapper:before{border-left-style:solid;border-top-left-radius:7px;border-top-style:solid;bottom:100%;height:10px;left:-2px;width:8px}.planner_editor-results-wrapper:after{border-bottom-right-radius:7px;border-bottom-style:solid;border-right-style:solid;bottom:-2px;height:16px;right:-10px;width:10px}.planner_editor-results{align-items:flex-start;display:flex;flex:1 1 auto;gap:8px;list-style-type:none;overflow:auto;padding-bottom:4px}.planner_editor-results>li{flex:none}.planner_editor-no-matches{flex:1 1 auto;max-width:100%}.planner_editor-results .recipe{max-width:400px;min-width:250px}.planner_editor-ingredient-list{display:grid;gap:4px;grid-template-columns:1fr}@media (min-width:850px){.planner_editor-ingredient-list{gap:8px;grid-template-columns:1fr 1fr}}.planner_editor-ingredient{--button-border:var(--button-bg);--button-border-hover:var(--button-bg);align-items:center;background-color:var(--planner-ingredient-bg);border-radius:7px;box-shadow:var(--shadow-basic);display:flex;gap:4px;padding:8px;transition-duration:.1s;transition-property:background-color,box-shadow;transition-timing-function:ease-in-out}.planner_editor-ingredient--off{background-color:var(--planner-ingredient-bg-hidden);box-shadow:none}.planner_editor-ingredient-toggle{--button-bg:var(--planner-ingredient-bg);--button-border:var(--button-bg);--button-border-hover:var(--button-bg-hover);--button-bg-pressed:var(--planner-ingredient-toggle-bg-pressed);--button-border-pressed:var(--button-bg-pressed);margin:-2px;padding:8px}.planner_editor-ingredient-add-recipe{gap:0;padding:2px 4px}.planner_editor-ingredient-add-recipe>.icon:only-child{margin:0}.planner_editor-ingredient-name{flex:1 0 auto;font-weight:700}.planner_editor-ingredient-info{border-radius:3px;cursor:help;margin:-2px -2px -2px 0;opacity:.7;padding:6px}.planner_editor-ingredient-info:hover{background-color:var(--recipe-help-bg-hover);opacity:1}.planner_editor-ingredient-info>.icon{display:block}.more-info{border-bottom:1px dashed var(--help-fg);cursor:help}.more-info:hover{border-bottom-style:solid}.notice{background-color:var(--notice-bg);border-radius:7px;box-shadow:var(--shadow-basic);box-sizing:border-box;display:flex;gap:8px;margin-inline:auto;max-width:640px;padding:8px}.notice--info{--notice-fg-icon:var(--notice-info-fg-icon);--notice-bg:var(--notice-info-bg);--notice-bg-hover:var(--notice-info-bg-hover)}.notice--warning{--notice-fg-icon:var(--notice-warning-fg-icon);--notice-bg:var(--notice-warning-bg);--notice-bg-hover:var(--notice-warning-bg-hover)}.notice--error{--notice-fg-icon:var(--notice-error-fg-icon);--notice-bg:var(--notice-error-bg);--notice-bg-hover:var(--notice-error-bg-hover)}.notice_icon{--icon-fg:var(--notice-fg-icon);flex:none}.notice_icon>.icon{display:block}.notice_content{align-self:center;flex:1 1 auto}.notice_content>h3{font-size:1rem}.notice_content>p{margin-block:0}.notice_dismiss{--button-bg:var(--notice-bg);--button-bg-hover:var(--notice-bg-hover);--button-border:var(--notice-bg);--button-border-hover:var(--notice-bg-hover);align-self:flex-start;border-radius:50%;flex:none;margin:-6px -6px -6px -2px;padding:4px}.notice_dismiss>.icon{margin:0}.popup{animation-duration:.1s;animation-name:popup-enter;pointer-events:none;position:fixed;z-index:1000}.popup--tooltip{background-color:var(--tooltip-bg);border-radius:3px;box-shadow:0 3px 7px var(--shadow-color);color:var(--tooltip-fg);font-size:var(--tooltip-font-size);max-width:300px;padding:4px 8px;white-space:pre-wrap}.popup--recipe{display:flex;flex-direction:column;gap:2px;max-width:400px;min-width:300px}.popup--recipe>.recipe{box-shadow:0 2px 7px 1px var(--shadow-color)}.popup--recipe>.popup--tooltip{align-self:center;max-width:none}@keyframes popup-enter{0%{opacity:0}to{opacity:1}}.overlay{background-color:var(--overlay-bg);inset:0;position:fixed;z-index:100}.dialog{background-color:var(--bg-level-1);border-radius:7px;box-shadow:0 2px 7px var(--shadow-color);box-sizing:border-box;color:var(--fg);display:flex;flex-direction:column;gap:12px;padding:12px;position:fixed;z-index:101}.dialog:focus{outline:none}.dialog--basic{left:50%;max-height:calc(100vh - 16px);max-width:calc(100vw - 16px);top:50%;transform:translate(-50%,-50%);width:max-content}.dialog h2{flex:none;font-size:1.5rem;line-height:1.2rem}.dialog h2,.dialog h3{font-style:normal;font-weight:700}.dialog h3{font-size:1.1rem;text-align:center}.dialog_body{flex:1 1 auto;overflow:auto}.dialog_actions{display:flex;flex:none;gap:8px;margin-top:4px}.dialog_actions>:is(button,.btn){min-width:90px}.dialog_actions>.spacer{margin-left:-8px}.dialog_close{--button-bg:var(--bg-level-1);--button-border:var(--button-bg);border-radius:32px;display:block;padding:4px;position:absolute;right:4px;top:4px}.dialog_close>.icon{display:block;margin:0}@media (min-width:850px){.dialog{gap:16px;padding:16px}.dialog--basic{max-width:calc(100vw - 32px)}.dialog_actions>:is(button,.btn){min-width:140px}.dialog_close{right:8px;top:8px}}.attributions{bottom:4px;left:50%;max-width:850px;top:4px;transform:translateX(-50%);width:calc(100% - 16px)}.attributions:focus{outline:none}.attributions p{margin-block:2px 0}.attributions_list{line-height:1.3;margin-right:-4px;overflow:auto;padding-right:4px;word-break:break-word}.attributions_item:not(:first-child){margin-top:16px}.attributions_sprites{display:flex;flex-wrap:wrap}@media (min-width:850px){.attributions{bottom:16px;top:16px}}.privacy{left:50%;max-height:calc(100vh - 8px);max-width:640px;top:50%;transform:translate(-50%,-50%);width:calc(100% - 16px)}.privacy_text{line-height:1.3;margin-right:-4px;overflow:auto;padding-right:4px;word-break:break-word}.privacy_text p:not(:first-child){margin-top:16px}.menu-export{width:600px}.menu-export>.dialog_body{display:grid;grid-template-columns:1fr;grid-template-rows:auto;justify-items:stretch}.menu-export_value,.menu-export_value-sizer{word-wrap:break-word;box-sizing:border-box;font:inherit;font-family:monospace;grid-column:1;grid-row:1;max-height:256px;max-width:100%;overflow:hidden;white-space:pre-wrap}.menu-export_value-sizer{align-self:flex-start;padding:6px 8px;pointer-events:none;user-select:none;visibility:hidden}.menu-export_value{align-self:stretch;resize:none}