.card-container.svelte-1i1970a{display:flex;flex-wrap:wrap;width:100%;cursor:context-menu}.card.svelte-1i1970a{width:100px;padding:6px 8px;background:#1e1e24;border:1px solid #2b2b33;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 3px #00000040;transition:transform .1s ease,box-shadow .1s ease}.card.svelte-1i1970a:hover{transform:scale(1.04);box-shadow:0 3px 6px #00000059}.card.svelte-1i1970a img:where(.svelte-1i1970a){width:36px;height:36px;object-fit:contain;margin-bottom:4px}.name.svelte-1i1970a{margin:0;font-size:.75rem;font-weight:600;color:#f0f0f5;line-height:1.1}.amount.svelte-1i1970a{margin:2px 0 0;font-size:.7rem;color:#c6c6d0}.tree-item.svelte-nd9bf2{display:flex;align-items:center;gap:.6rem}.tree-item.svelte-nd9bf2 img:where(.svelte-nd9bf2){width:32px;height:32px;object-fit:contain;border-radius:4px;background:#222;padding:2px;border:1px solid #333}.sidebar-toggle.svelte-11vz83q{position:fixed;top:1rem;right:1rem;background:#262a33;color:#fff;border:none;padding:.6rem 1rem;border-radius:.5rem;cursor:pointer;z-index:1001;transition:background .2s ease}.sidebar-toggle.svelte-11vz83q:hover{background:#363c49}.planner-count.svelte-11vz83q{position:absolute;top:0;left:0;border:solid red 1px;border-radius:100%;padding-right:2px;padding-left:2px;background-color:red}.sidebar.svelte-11vz83q{position:fixed;top:0;right:-400px;width:400px;height:100%;background:#262a33;color:#f1f1f1;box-shadow:-4px 0 12px #0006;transition:right .3s ease-in-out;z-index:1002;display:flex;flex-direction:column}.sidebar.open.svelte-11vz83q{right:0}.sidebar-header.svelte-11vz83q{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#20232b;border-bottom:1px solid #333}.sidebar-header.svelte-11vz83q h2:where(.svelte-11vz83q){margin:0;font-size:1.2rem}.close-btn.svelte-11vz83q{background:none;color:#f1f1f1;border:none;font-size:1.5rem;cursor:pointer;transition:color .2s ease}.close-btn.svelte-11vz83q:hover{color:#f55}.sidebar-content.svelte-11vz83q{flex:1;padding:1rem;overflow-y:auto}.recipe-tree.svelte-11vz83q{list-style:none;padding-left:0}.recipe-tree.svelte-11vz83q li:where(.svelte-11vz83q){margin:.3rem 0;position:relative;padding-left:1.2rem}.recipe-tree.svelte-11vz83q ul:where(.svelte-11vz83q){margin-left:1rem;border-left:1px dashed #555;padding-left:1rem}.tree-item.svelte-11vz83q{display:flex;align-items:center;gap:.6rem}.tree-item.svelte-11vz83q img:where(.svelte-11vz83q){width:32px;height:32px;object-fit:contain;border-radius:4px;background:#222;padding:2px;border:1px solid #333}.recipe-name.svelte-11vz83q{font-weight:700;color:#ffa726}.sidebar-content.svelte-11vz83q::-webkit-scrollbar{width:6px}.sidebar-content.svelte-11vz83q::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.sidebar-content.svelte-11vz83q::-webkit-scrollbar-thumb:hover{background:#666}.main-tree.svelte-11vz83q{padding-bottom:1rem;border-bottom:4px solid #17172b}.overlay.svelte-11vz83q{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;border:0px}.overlay.active.svelte-11vz83q{opacity:1;pointer-events:all}.tree-btn.svelte-11vz83q{background:none;color:#f1f1f1;font-size:1em;border:none;cursor:pointer;transition:color .2s ease}.tree-btn.svelte-11vz83q:hover{color:#f55}.count-input.svelte-11vz83q{width:10%;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#262a33;color:#fff;padding:1px;outline-width:0px;border:1px solid #797979;border-radius:6px}input[type=number].svelte-11vz83q{color-scheme:dark}.no-planner-items.svelte-11vz83q{text-align:center;margin-top:14rem;font-size:large;margin-right:1rem;margin-left:1rem}.recipe-card.svelte-1ocdvr4{background:#262a33;border-radius:8px;padding:20px;color:#fff;font-family:sans-serif}.recipe-header.svelte-1ocdvr4{display:flex;align-items:center;padding-bottom:15px;border-bottom:1px solid #3a3f4c;margin-bottom:15px;position:relative}@media screen and (max-width:600px){.recipe-card.svelte-1ocdvr4 .recipe-header:where(.svelte-1ocdvr4){display:flex;flex-direction:column}}.main-icon.svelte-1ocdvr4{width:64px;height:64px;border-radius:6px;margin-right:15px;background:#3a3f4c;flex-shrink:0}.info-title.svelte-1ocdvr4{display:flex;align-items:center;gap:20px}.header-info.svelte-1ocdvr4 h2:where(.svelte-1ocdvr4){margin:0 0 5px;color:#fff}.header-info.svelte-1ocdvr4 p:where(.svelte-1ocdvr4){margin:0;font-size:.9em;color:#ccc}.header-info.svelte-1ocdvr4 p:where(.svelte-1ocdvr4) span:where(.svelte-1ocdvr4){margin-right:15px}h3.svelte-1ocdvr4{color:#fff;border-bottom:1px solid #4a4a88;padding-bottom:5px;margin-top:0}.ingredients-list.svelte-1ocdvr4{list-style:none;padding:0;margin:0}.ingredient-item.svelte-1ocdvr4{display:flex;align-items:center;background:#3a3f4c;border-radius:6px;padding:10px;margin-bottom:10px}.ingredient-icon.svelte-1ocdvr4{width:40px;height:40px;border-radius:4px;margin-right:10px;background:#262a33;flex-shrink:0}.ingredient-tier-icon.svelte-1ocdvr4{width:20px;height:20px;border-radius:4px;margin-right:10px;background:#262a33;flex-shrink:0}.ingredient-item.svelte-1ocdvr4 .info:where(.svelte-1ocdvr4) h4:where(.svelte-1ocdvr4){margin:0 0 4px;font-size:1em}.ingredient-item.svelte-1ocdvr4 .info:where(.svelte-1ocdvr4) p:where(.svelte-1ocdvr4){margin:0;font-size:.8em;color:#ccc}.ingredient-item.svelte-1ocdvr4 .info:where(.svelte-1ocdvr4) p:where(.svelte-1ocdvr4) span:where(.svelte-1ocdvr4):first-child{margin-right:15px}.skill-info.svelte-1ocdvr4{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#3a3f4c;padding:15px;border-radius:6px}.skill-info.svelte-1ocdvr4 p:where(.svelte-1ocdvr4){margin:0;padding:5px 0;display:flex;justify-content:space-between;font-size:.9em;border-bottom:1px solid #262a33}.skill-info.svelte-1ocdvr4 p:where(.svelte-1ocdvr4):last-child{border-bottom:none}.skill-info.svelte-1ocdvr4 p:where(.svelte-1ocdvr4) span:where(.svelte-1ocdvr4):first-child{color:#ccc}.skill-info.svelte-1ocdvr4 p:where(.svelte-1ocdvr4) span:where(.svelte-1ocdvr4):last-child{font-weight:700}.add-to-planner.svelte-1ocdvr4{position:absolute;right:0;padding:.6rem 1rem;border:none;border-radius:.75rem;background-color:#262a33;color:#8aa9ff;font-weight:500;cursor:pointer;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #00000040}.add-to-planner.svelte-1ocdvr4:hover{transform:scale(1.04);background-color:#3a3f4c;box-shadow:0 2px 6px #0000004d}.add-to-planner.svelte-1ocdvr4:active{transform:scale(.98);background-color:#2a2e37;box-shadow:0 1px 3px #00000040}.add-to-planner.svelte-1ocdvr4:focus-visible{outline:2px solid #6666aa;outline-offset:3px}.search-section.svelte-1dzsep7{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;background:#262a33;padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.search-section.svelte-1dzsep7 label:where(.svelte-1dzsep7){font-weight:700;margin-right:10px}.search-section.svelte-1dzsep7 input:where(.svelte-1dzsep7){padding:8px;border:1px solid #797979;color:#fff;border-radius:6px;max-width:250px;margin-right:10px;background-color:#262a33}.results-list.svelte-1dzsep7{position:absolute;top:100%;z-index:10;background:#3a3f4c;border:1px solid #32325a;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0003;list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto;scrollbar-width:thin}.results-list.svelte-1dzsep7 li:where(.svelte-1dzsep7){padding:10px 15px;color:#fff;cursor:pointer;border-bottom:1px solid #262a33}.results-list.svelte-1dzsep7 li:where(.svelte-1dzsep7):last-child{border-bottom:none}.results-list.svelte-1dzsep7 li:where(.svelte-1dzsep7):hover{background:#4a4a88}.count-input.svelte-1dzsep7{padding:8px;border:1px solid #797979;border-radius:6px;width:70px;margin-right:10px;color:#fff;background:#fff;background-color:#262a33;text-align:center}.itemCount.svelte-1dzsep7{font-weight:700;margin-right:10px}input[type=number].svelte-1dzsep7{color-scheme:dark}.placeholder.svelte-vgwbbv{padding:40px 20px;text-align:center;font-size:large;color:#999;position:relative;background:#262a33;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a}button.svelte-kfq9ho{position:absolute;top:1rem;background:transparent;border-radius:.5rem;border:none;z-index:1001;transition:background .2s ease;cursor:pointer}svg.svelte-kfq9ho{height:30px;display:block}button.svelte-kfq9ho:hover{background:#2b303b;cursor:pointer}.update-menu.svelte-kfq9ho{position:relative;max-height:80vh}.update-content.svelte-kfq9ho{display:block;position:fixed;margin:auto;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);background:#2b303b;box-shadow:0 0 12px #0006;padding:.2rem 1rem;border-radius:1rem;max-height:80vh;overflow-y:auto}.close-btn.svelte-kfq9ho{position:fixed;color:#f1f1f1;border:none;font-size:1.5rem;cursor:pointer;transition:color .2s ease;right:1rem;top:1rem;background:none}.close-btn.svelte-kfq9ho:hover{color:#f55}.update-content.svelte-kfq9ho::-webkit-scrollbar{width:1px}.blip.svelte-kfq9ho{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background-color:#ff3b30;border-radius:50%;box-shadow:0 0 6px #ff3b3099;border:2px solid hsl(222,15%,20%);pointer-events:none;animation:svelte-kfq9ho-blip-pulse 1.4s infinite}@keyframes svelte-kfq9ho-blip-pulse{0%{transform:scale(.9)}50%{transform:scale(1.15)}to{transform:scale(.9)}}.close-btn.svelte-1kxvxx0{position:fixed;color:#fff;border:none;font-size:1.5rem;cursor:pointer;transition:color .2s ease;right:1rem;top:1rem;background:none}.close-btn.svelte-1kxvxx0:hover{color:#f55}.form-div.svelte-1kxvxx0{display:flex;flex-direction:column;position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);background:#2b303b;box-shadow:0 0 12px #0006;padding:3rem;border-radius:1rem;max-height:80vh;overflow-y:auto}form.svelte-1kxvxx0 input:where(.svelte-1kxvxx0){background-color:#262a33;color:#fff;border-radius:1rem;padding-left:1rem;padding-top:.1rem;padding-bottom:.1rem}form.svelte-1kxvxx0 input:where(.svelte-1kxvxx0):focus{background-color:#262a33;color:#fff;outline:none}.report-div.svelte-1kxvxx0{display:flex;align-items:center;margin-top:2rem}.report-recipe.svelte-1kxvxx0{width:8rem;margin:auto;padding:.6rem 1rem;border:none;border-radius:.75rem;background-color:#262a33;color:#fff;font-weight:500;cursor:pointer;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #00000040}.report-recipe.svelte-1kxvxx0:hover{transform:scale(1.04);background-color:#3a3f4c;box-shadow:0 2px 6px #0000004d}.report-recipe.svelte-1kxvxx0:active{transform:scale(.98);background-color:#2a2e37;box-shadow:0 1px 3px #00000040}.report-recipe.svelte-1kxvxx0:focus-visible{outline:2px solid #6666aa;outline-offset:3px}.select-radio.svelte-1kxvxx0{display:flex;justify-content:center;gap:3rem;margin-bottom:1rem;width:80%;margin:1rem auto}.form-div.svelte-1kxvxx0 form:where(.svelte-1kxvxx0){display:flex;flex-direction:column}.form-div.svelte-1kxvxx0 form:where(.svelte-1kxvxx0) button:where(.svelte-1kxvxx0){width:40%;align-self:center;margin-top:25px}.submit-button.svelte-1kxvxx0{border-radius:.5rem;padding:.2rem;color:#fff;background-color:#3a3f4c;box-shadow:0 0 12px #0006;border:1px black}main.svelte-1uha8ag{max-width:900px;margin:auto}