: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;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.tools-panel{min-height:140px}.tool-list{grid-template-columns:repeat(6,72px);justify-content:center;gap:8px;padding:.5em;display:grid}.tool{flex-direction:column;width:72px;height:92px;padding:0;display:flex}.tool:hover{border-color:#cda434}.tool.selected{border-color:#d8af3e;box-shadow:inset 0 0 0 2px #d8af3e}.tool-image{background:#575757;flex:1;justify-content:center;align-items:center;display:flex}.tool-image img{object-fit:contain;max-width:48px;max-height:48px}.tool-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#3a3a3a;padding:4px;font-size:.7rem;overflow:hidden}.ingredient-list{flex:1;grid-template-columns:repeat(6,72px);justify-content:center;gap:8px;min-height:0;padding:.5em;display:grid;overflow-y:auto}.ingredient{flex-direction:column;width:72px;height:92px;padding:0;display:flex}.ingredient:hover{border-color:#cda434}.ingredient.selected{border-color:#d8af3e;box-shadow:inset 0 0 0 2px #d8af3e}.ingredient{position:relative}.ingredient.active:after{content:"";pointer-events:none;background:#ff03;position:absolute;inset:0}.ingredient-image{background:#575757;flex:1;justify-content:center;align-items:center;display:flex}.ingredient-image img{object-fit:contain;max-width:64px;max-height:64px}.ingredient-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#3a3a3a;padding:4px;font-size:.75rem;overflow:hidden}.recipe-list{flex-direction:column;flex:1;gap:5px;height:100%;display:flex;overflow-y:auto}.recipe-card{background:#696969;border:1px solid #9a9a9a;flex-direction:column;min-height:125px;margin-bottom:.5em;display:flex;overflow:hidden}.recipe-card-content{min-height:80px;padding-top:.5rem;display:flex;position:relative}.recipe-image{flex-shrink:0;justify-content:center;align-items:center;width:140px;display:flex}.recipe-image img{object-fit:contain;max-width:85px;max-height:70px}.recipe-info{flex-direction:column;margin-bottom:1rem;display:flex}.recipe-line{text-align:left;font-size:.8rem;line-height:1.3;display:flex}.recipe-line .label{color:#f0f0f0;width:10ch;min-width:5rem;font-weight:600;display:inline-block}.recipe-line .value{color:#ffd52b;text-overflow:ellipsis;white-space:nowrap;width:25em;margin-left:.3em;overflow:hidden}.recipe-line .value:before{content:":";color:#f0f0f0;padding-right:.2em}.recipe-duration{color:#d0d0d0;font-size:1.5rem;position:absolute;bottom:8px;right:12px}.recipe-footer{color:#fff;text-align:center;background:#141414;padding:5px;font-size:1rem;font-weight:700}.recipe-card{position:relative}.recipe-match{z-index:10;color:gold;background:#000000bf;border-radius:4px;padding:.2rem .5rem;font-size:.9rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.recipe-stars{z-index:10;gap:2px;padding:.2rem .5rem;display:flex;position:absolute;top:.5rem;right:.5rem}.recipe-stars img{width:16px;height:16px}body{color:#f0f0f0;background:#1a1a1a;margin:0;font-family:Segoe UI,sans-serif}#root{width:1280px;height:100vh}.app-layout{box-sizing:border-box;gap:1rem;width:1280px;height:100vh;padding:1rem;display:flex}.left-panel{flex-direction:column;gap:1rem;width:560px;min-width:420px;display:flex}.right-panel{flex-direction:column;flex:1;display:flex}.panel{background:#2d2d2d;border:1px solid #4d4d4d;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 2px 4px #00000040}.panel-content{padding:1rem}.tools-panel{height:9.5rem}.ingredients-panel{flex-direction:column;flex:1;height:max-content;min-height:0;display:flex}.selected-panel{min-height:9.5rem}.results-panel{flex-direction:column;min-height:0;display:flex}.ad-panel{width:300px;height:600px;display:none;position:fixed;top:10px}.left-ad{left:10px}.right-ad{right:10px}.ad-panel img{object-fit:cover;width:100%;height:100%}.language-selector{color:#aaa;-webkit-user-select:none;user-select:none;font-size:.9rem}.language-selector button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.language-selector .active{color:#fff;text-decoration:underline}.panel-header{paddin:0 1rem;background:#3a3a3a;border-bottom:1px solid #555;flex-direction:row;align-items:center;height:52px;display:flex;position:relative}.panel-title{text-align:center;width:100%;margin:auto}.panel-clear-button{color:#b0b0b0;cursor:pointer;background:0 0;border:none;width:28px;height:28px;font-size:1.2rem;position:absolute;right:1rem}.panel-clear-button:hover{color:#fff}.panel-clear-button:active{transform:scale(.9)}.language-selector{cursor:pointer;background:0 0;border:none;position:absolute;left:1rem}.footer{text-align:center;color:#b0b0b0;border-top:1px solid #444;margin-top:2rem;padding:1rem;font-size:.85rem}.footer p{margin:.4rem 0}