:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--tab-icon-size:48px;font:18px/145% var(--sans);letter-spacing:.18px;color:#f3f4f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#2e303a}@media (width<=1024px){:root{font-size:16px}}body{margin:0}#root{width:100vw;max-width:100svw;height:100vw;max-height:100svh;overflow:hidden}p,div,ul,li,p{margin:0;padding:0}#app{text-align:left;box-sizing:border-box;flex-direction:column;row-gap:.5em;width:100vw;max-width:100svw;height:100vw;min-height:100svh;max-height:100svh;padding:1em;display:flex;overflow:hidden}#app .panels{box-sizing:border-box;flex-direction:row;column-gap:.5em;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.recipes-selection-toggle{flex-direction:column;width:min-content;display:flex}.recipes-selection-toggle .toggle-button{cursor:pointer;background-color:#6495ed;border-radius:8px;padding:5px;display:flex}.recipes-selection{transition:margin-left .3s ease-in-out}.recipes-selection.closed{margin-left:-100%}.panel-container{--header-height:42px;--tabs-height:70px;box-sizing:border-box;background:#212321;border-radius:20px;width:100%;overflow:hidden}.panel-header{text-align:left;height:var(--header-height);box-sizing:border-box;background:linear-gradient(90deg,#4b6cb7,#182848);padding:3px}.panel-header h1{margin:.3rem;font-size:1.2rem;font-weight:600}.panel-header p{opacity:.9;font-size:1.1rem}.tabs{height:var(--tabs-height);background:#202020;border-bottom:1px solid #e0e0e0;display:flex}.tabs .scrollable{scrollbar-width:thin;flex:1;display:flex;overflow:auto hidden}.tabs .sticky{display:flex}.tab{cursor:pointer;color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:3px solid #0000;align-items:center;padding:5px;font-size:1.5rem;font-weight:600;transition:all .3s;display:flex;position:relative}.tab:hover{color:#4b6cb7;background:#4b6cb71a}.tab.active{color:#9090a0;background:#a0c6f3;border-bottom:3px solid #4b6cb7}.tab-content{box-sizing:border-box;max-height:calc(100% - (var(--header-height) + var(--tabs-height)));height:calc(100% - (var(--header-height) + var(--tabs-height)));overflow:hidden}.tab img.resource-icon{width:var(--tab-icon-size)}img.resource-icon{width:32px}img.resource-icon:hover{anchor-name:--resource-anchor}.resource-popup{position-anchor:--resource-anchor;top:anchor(top);left:anchor(right);position-try-fallbacks:flip-inline, flip-block, flip-inline flip-block;z-index:10;background-color:#2c69a4;border:2px solid #9090a0;border-radius:8px;padding:.3rem;position:absolute}.resource-popup .recipe,.resource-entry{flex-flow:row;align-items:center;column-gap:.2rem;display:flex}.resource-popup h2{margin:0;padding:0;font-size:.8rem}.resource-popup .recipe{margin:0 0 5px}.recipe-selection-panel-content{scrollbar-width:thin;max-height:100%;overflow:auto}ul.categories,ul.machine{padding:10px}ul.categories,ul.sub-categories{list-style:none}ul.sub-categories{padding-left:20px}.selectable-recipes{flex-flow:wrap;column-gap:.2rem;margin-top:.3em;padding-left:2rem;display:flex}.selectable-recipe{cursor:pointer}.item-title{align-items:center;column-gap:.5em;display:flex}.panel-header{flex-direction:row;align-items:center;column-gap:.5em;display:flex}.panel-header .spacer-h{flex:1;width:100%}.panel-header .view-mode-button{cursor:pointer;margin:.3rem;display:flex}.recipe-list-tab{color:#fff;-webkit-user-select:none;user-select:none;background-color:#2c69a4;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;line-height:1;display:flex;position:relative;top:0}.recipe-list-tab .inventory{margin-right:1em}.total-tab{color:#fff;background-color:#2c69a4;border:1px solid #2c69a4;border-radius:8px;padding:.5rem;display:flex}.recipes-lists .panel-header{flex-direction:row;column-gap:.5em;display:flex}.recipes-list-panel-content{flex-direction:column;height:100%;display:flex}.recipes-list-resources{scrollbar-width:thin;flex-direction:column;flex:1;row-gap:5px;max-height:100%;padding:10px;display:flex;overflow:auto}.recipes-list-resources .header{text-align:left;margin-top:.5rem;line-height:1;display:flex}.recipes-list-resources .header span{margin-right:.5rem;font-size:.8rem;font-weight:700;display:inline-block}.recipes-list-resources .header hr{flex:1;display:inline-block}.recipes-list-resources ul{flex-flow:wrap;column-gap:.5em;list-style:none;display:flex}div.spacer{flex:1;height:100%}.selected-recipe.editable{cursor:pointer}.recipes-list-actions{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;padding:5px;display:flex}.recipes-list-actions .center{flex:.95;justify-content:center;display:flex}.recipes-list-actions .button{cursor:pointer;align-items:center;padding:2px}