div.accordion.svelte-1uqzou1.svelte-1uqzou1{margin:1rem 0}div.header.svelte-1uqzou1.svelte-1uqzou1{display:flex;width:100%}div.header.svelte-1uqzou1 .text.svelte-1uqzou1{flex:1;margin-right:5px}div.details.svelte-1uqzou1.svelte-1uqzou1{background-color:#cecece47;padding:1rem;margin:10px 0}.accordion-width.svelte-1uqzou1.svelte-1uqzou1{width:100%;max-width:500px;margin:auto}@media (max-width: 768px){.accordion-width.svelte-1uqzou1.svelte-1uqzou1{width:100%}}div.accordion.svelte-1k3pgqk.svelte-1k3pgqk{margin:1rem 0}div.header.svelte-1k3pgqk.svelte-1k3pgqk{display:flex;width:100%}div.header.svelte-1k3pgqk .text.svelte-1k3pgqk{flex:1;margin-right:5px}div.details.svelte-1k3pgqk.svelte-1k3pgqk{background-color:#cecece47;padding:1rem;margin:10px 0}.accordion-width.svelte-1k3pgqk.svelte-1k3pgqk{width:100%;margin:auto}.typeChoose.svelte-1k3pgqk.svelte-1k3pgqk{background:transparent;border:black 1px solid;cursor:pointer;padding:4px 10px;font-size:.7rem;text-transform:uppercase;border-radius:20px;border:solid black .8px;margin:4px}.typeSelected.svelte-1k3pgqk.svelte-1k3pgqk{background:var(--bright-violet)}.sortChoose.svelte-1k3pgqk.svelte-1k3pgqk{background:transparent;border:black 1px solid;cursor:pointer;padding:4px 10px;font-size:.7rem;text-transform:uppercase;border-radius:20px;border:solid black .8px;margin:4px}.sortSelected.svelte-1k3pgqk.svelte-1k3pgqk{background:var(--bright-violet)}.outer-details.svelte-1k3pgqk.svelte-1k3pgqk{width:90%;max-width:500px;margin:auto}@media (max-width: 768px){.accordion-width.svelte-1k3pgqk.svelte-1k3pgqk{width:100%}div.details.svelte-1k3pgqk.svelte-1k3pgqk{margin:5px 0;padding:.5rem}}line.svelte-xm4mcz{stroke-width:1px;stroke:#000}circle.svelte-xm4mcz{stroke:#000;stroke-width:.4px;r:7px}circle#selected.svelte-xm4mcz{r:9px;stroke-width:2}.dot-base.svelte-xm4mcz{cursor:pointer;fill:var(--colour-blue)}.dot-given.svelte-xm4mcz{cursor:pointer;fill:var(--colour-green)}@media (max-width: 540px){circle.svelte-xm4mcz{r:5px}circle#selected.svelte-xm4mcz{r:6px}}.tick.svelte-1mzpkzg.svelte-1mzpkzg{font-size:11px}line.svelte-1mzpkzg.svelte-1mzpkzg,.tick.svelte-1mzpkzg line.svelte-1mzpkzg{stroke:#aaa;stroke-dasharray:2}.tick.svelte-1mzpkzg text.svelte-1mzpkzg{fill:#666}.tick.svelte-1mzpkzg .tick-mark.svelte-1mzpkzg,.baseline.svelte-1mzpkzg.svelte-1mzpkzg{stroke-dasharray:0}.axis.snapLabels.svelte-1mzpkzg .tick:last-child text.svelte-1mzpkzg{transform:translate(3px)}.axis.snapLabels.svelte-1mzpkzg .tick.tick-0 text.svelte-1mzpkzg{transform:translate(-3px)}.tick.svelte-vvbyrv.svelte-vvbyrv{font-size:11px}.tick.svelte-vvbyrv line.svelte-vvbyrv{stroke:#aaa}.tick.svelte-vvbyrv .gridline.svelte-vvbyrv{stroke-dasharray:2}.tick.svelte-vvbyrv text.svelte-vvbyrv{fill:#666}.tick.tick-0.svelte-vvbyrv line.svelte-vvbyrv{stroke-dasharray:0}@media (max-width: 540px){.tick.svelte-vvbyrv text.svelte-vvbyrv{font-size:9px}}.dot-popup.svelte-f97mgi{border:1px solid black;border-radius:10px;padding:10px;position:absolute;top:100px;left:0;z-index:1000;background:var(--table-bg)}.chart-container.svelte-f97mgi{width:100%;height:480px}.legend-item.svelte-f97mgi{display:flex;align-items:center;gap:10px;justify-content:center}.legend-item-color-general.svelte-f97mgi{width:12px;height:12px;border-radius:50%;border:.4px solid black;background-color:var(--colour-blue)}.legend-item-color-selected.svelte-f97mgi{width:12px;height:12px;border-radius:50%;border:.4px solid black;background-color:var(--colour-green)}.legend-item-label.svelte-f97mgi{font-size:14px;margin:2px}@media (max-width: 540px){.chart-container.svelte-f97mgi{height:380px;padding-left:20px}.legend-item-label.svelte-f97mgi{font-size:12px;margin:0}}.slot-img.svelte-1qk629k{animation:svelte-1qk629k-float 3s ease-in-out infinite;transition:transform .3s ease;margin:0 25px;cursor:pointer;width:80px;height:80px}.slot-img.svelte-1qk629k:hover{transform:scale(1.1)}.slot-img.svelte-1qk629k:nth-child(1){animation-duration:2.2s}.slot-img.svelte-1qk629k:nth-child(2){animation-duration:3.8s}.slot-img.svelte-1qk629k:nth-child(3){animation-duration:2.6s}@keyframes svelte-1qk629k-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes svelte-1qk629k-bounce{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(-5px)}60%{transform:translate(-3px)}}@media (max-width: 768px){.slot-img.svelte-1qk629k{width:60px;height:60px;margin:0 15px}}@media (max-width: 480px){.slot-img.svelte-1qk629k{width:50px;height:50px;margin:0 15px}}.bar-group.svelte-7hr3yg{width:500px;min-height:200px}.bar-rect.svelte-7hr3yg{stroke:#000;stroke-width:.8px}.bar-rect-0.svelte-7hr3yg{fill:var(--colour-blue)}.bar-rect-1.svelte-7hr3yg{fill:var(--colour-green)}.tick.svelte-zh90wa{font-size:11px;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.tick.svelte-zh90wa:hover{opacity:.8}@media (max-width: 768px){.tick.svelte-zh90wa{min-width:48px;min-height:48px}.icon-container.svelte-zh90wa{padding:8px}}.chart-container.svelte-1utg2xp.svelte-1utg2xp{width:90%;max-width:520px;margin:0 auto 0 0;height:100px}.chart-container-inner.svelte-1utg2xp.svelte-1utg2xp{height:70px}@media (max-width: 768px){.chart-container-inner.svelte-1utg2xp.svelte-1utg2xp{min-width:100px;min-height:70px;width:100%;margin:auto}}.popup.svelte-1utg2xp.svelte-1utg2xp{position:absolute;z-index:10000;background:#fffaf2;border:1px solid #f5e6d7;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:250px;min-width:200px;pointer-events:auto}.popup-content.svelte-1utg2xp.svelte-1utg2xp{padding:12px;position:relative}.popup-content.svelte-1utg2xp h4.svelte-1utg2xp{margin:0 0 8px;font-size:14px;font-weight:600;color:#333;text-align:left}.popup-content.svelte-1utg2xp p.svelte-1utg2xp{margin:0;font-size:12px;line-height:1.4;color:#666}.close-btn.svelte-1utg2xp.svelte-1utg2xp{position:absolute;top:8px;right:8px;background:none;border:none;font-size:16px;cursor:pointer;color:#999;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn.svelte-1utg2xp.svelte-1utg2xp:hover{background:#f0f0f0;color:#666}.see-details-btn.svelte-1utg2xp.svelte-1utg2xp{background:none;border:none;color:inherit;font:inherit;padding:0;margin:0;text-decoration:underline;cursor:pointer;font-size:12px;line-height:1.4;display:inline}.chart-container.svelte-2uyb4p.svelte-2uyb4p{width:100%;height:90%;margin:auto}.node-group.svelte-2uyb4p text.svelte-2uyb4p{font-family:sans-serif;font-size:12px}.node-group.svelte-2uyb4p circle.svelte-2uyb4p{stroke:var(--color-bg-1);stroke-width:2px;fill:var(--colour-blue)}.animated-line.svelte-2uyb4p.svelte-2uyb4p{animation:svelte-2uyb4p-drawLine .8s ease-out forwards}@keyframes svelte-2uyb4p-drawLine{to{stroke-dashoffset:0}}.base-arc-0.svelte-1ig6ua7,.given-arc-0.svelte-1ig6ua7{fill:var(--colour-green)}.base-arc-1.svelte-1ig6ua7,.given-arc-1.svelte-1ig6ua7{fill:var(--color-bg-1)}.ingredient-card.svelte-zeibbo.svelte-zeibbo{border:1px solid rgba(0,0,0,.5);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;min-height:380px;min-width:335px;position:relative;cursor:pointer}.flip-container.svelte-zeibbo.svelte-zeibbo{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .2s ease}.flip-container.flipped.svelte-zeibbo.svelte-zeibbo{transform:rotateY(180deg)}.card-front.svelte-zeibbo.svelte-zeibbo,.card-back.svelte-zeibbo.svelte-zeibbo{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden}.card-back.svelte-zeibbo.svelte-zeibbo{transform:rotateY(180deg);background:var(--color-bg-1)}.card-content.svelte-zeibbo.svelte-zeibbo{padding:1rem;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.card-header.svelte-zeibbo.svelte-zeibbo{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:20px}.card-title.svelte-zeibbo.svelte-zeibbo{font-size:1rem;font-weight:400;text-transform:uppercase;margin:0;line-height:1.3;margin-right:.5rem}.card-title-back-left.svelte-zeibbo.svelte-zeibbo{text-align:left;justify-self:flex-start;margin-right:auto;margin-left:0}.card-title-back.svelte-zeibbo.svelte-zeibbo{text-align:right;justify-self:flex-end;margin-left:auto;margin-right:0}.card-bars.svelte-zeibbo.svelte-zeibbo{margin:0}.card-image-container.svelte-zeibbo.svelte-zeibbo{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-5}.gradient-overlay.svelte-zeibbo.svelte-zeibbo{position:absolute;top:0;left:0;right:0;height:100px;background:#f9f4ebd1;z-index:2;pointer-events:none}.grey-overlay.svelte-zeibbo.svelte-zeibbo{position:absolute;bottom:0;left:0;right:0;height:50%;background:#00000030;z-index:0;pointer-events:none}.card-image.svelte-zeibbo.svelte-zeibbo{width:100%;height:100%;object-fit:cover;object-position:center 20px;border-radius:8px;background-color:#fff3;transition:transform .2s ease;z-index:1;position:relative}.card-image.svelte-zeibbo.svelte-zeibbo:hover{transform:scale(1.05)}.card-footer.svelte-zeibbo.svelte-zeibbo{margin-top:auto;display:flex;justify-content:flex-end}.add-button.svelte-zeibbo.svelte-zeibbo{background:none;border:none;cursor:pointer;padding:0;border-radius:50%;transition:all .2s ease;color:#fff;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#000c;position:relative;font-weight:700}.add-button.svelte-zeibbo.svelte-zeibbo:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3);border-radius:50%;z-index:-1;background-size:400% 400%;animation:svelte-zeibbo-gradientShift 3s ease infinite}@media (min-width: 768px){.add-button.svelte-zeibbo.svelte-zeibbo:hover{background-color:#000000f2;transform:scale(1.1);color:#fff}.add-button.svelte-zeibbo.svelte-zeibbo:hover:before{animation:svelte-zeibbo-gradientShift 1s ease infinite}}@keyframes svelte-zeibbo-gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.plus-icon.svelte-zeibbo.svelte-zeibbo{font-size:24px;font-weight:300;line-height:1}.card-chart.svelte-zeibbo.svelte-zeibbo{height:95%;position:absolute;width:calc(100% - 2rem)}.svg-icon.svelte-zeibbo.svelte-zeibbo{position:absolute;bottom:.5rem;z-index:6;width:38px;height:38px;background:var(--color-bg-1);border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.svg-icon.svelte-zeibbo.svelte-zeibbo:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.scales-icon.svelte-zeibbo.svelte-zeibbo{left:0rem}.book-icon.svelte-zeibbo.svelte-zeibbo{right:0rem}.popup-overlay.svelte-zeibbo.svelte-zeibbo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:all}.popup-content.svelte-zeibbo.svelte-zeibbo{background:var(--color-bg-1);border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 8px 24px #0000004d;max-width:280px;min-width:240px;padding:0;position:relative}.popup-header.svelte-zeibbo.svelte-zeibbo{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem;border-bottom:1px solid rgba(0,0,0,.1)}.popup-header.svelte-zeibbo h4.svelte-zeibbo{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.popup-close.svelte-zeibbo.svelte-zeibbo{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.popup-close.svelte-zeibbo.svelte-zeibbo:hover{background:rgba(0,0,0,.1);color:var(--color-text)}.popup-body.svelte-zeibbo.svelte-zeibbo{padding:.5rem 1rem 1rem}.popup-body.svelte-zeibbo p.svelte-zeibbo{margin:0 0 .75rem;font-size:.85rem;line-height:1.4;color:var(--color-text)}.popup-body.svelte-zeibbo p.svelte-zeibbo:last-child{margin-bottom:0}.chevron-right-icon.svelte-zeibbo.svelte-zeibbo{position:absolute;right:0rem;bottom:.5rem;z-index:6;color:#888;opacity:.7;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-1);border:none;cursor:pointer;padding:0;border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.chevron-right-icon.svelte-zeibbo.svelte-zeibbo:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.chevron-left-icon.svelte-zeibbo.svelte-zeibbo{color:#888;opacity:.7;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-1);border:none;cursor:pointer;padding:0;position:absolute;left:0rem;bottom:.5rem;z-index:6;border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.chevron-left-icon.svelte-zeibbo.svelte-zeibbo:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}@media (max-width: 767px){.add-button.svelte-zeibbo.svelte-zeibbo:active{background-color:#000000f2;transform:scale(1.05);color:#fff}.ingredient-card.svelte-zeibbo.svelte-zeibbo{width:100%;height:300px}.card-content.svelte-zeibbo.svelte-zeibbo{padding:1rem;min-height:92%}.card-title.svelte-zeibbo.svelte-zeibbo{font-size:.9rem}.card-image-container.svelte-zeibbo.svelte-zeibbo{min-height:60px;margin:.3rem 0 0}.add-button.svelte-zeibbo.svelte-zeibbo{width:40px;height:40px}.plus-icon.svelte-zeibbo.svelte-zeibbo{font-size:20px}}.ingredient-card.svelte-1gegqab{border:1px solid rgba(0,0,0,.5);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;aspect-ratio:2.5 / 3.5;min-height:300px;position:relative}.pairings-container.svelte-1gegqab{display:flex;flex-wrap:wrap;gap:1em;justify-content:space-between;width:90%;margin:auto}.loader.svelte-1gegqab{border-top:8px solid var(--palette-1);border-radius:50%;width:48px;height:48px;animation:svelte-1gegqab-spin 1s linear infinite;box-shadow:0 2px 8px #0000000d}@keyframes svelte-1gegqab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.pairings-container.svelte-1gegqab{flex-direction:column;width:90%;margin:auto}}.ingredient-cards-container.svelte-1ffh7co{display:grid;gap:1.5rem;padding:1rem;max-width:1200px;margin:0 auto}.w-90.svelte-1ffh7co{width:90%;margin:0 auto}@media (min-width: 768px){.ingredient-cards-container.svelte-1ffh7co{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (max-width: 767px){.ingredient-cards-container.svelte-1ffh7co{grid-template-columns:repeat(3,1fr);gap:.2rem;padding:.5rem;max-width:95vw}}.ingredient-card.svelte-1ffh7co{border:1px solid var(--table-bg, #e5e5e5);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;min-height:380px;min-width:335px}@media (max-width: 767px){.ingredient-card.svelte-1ffh7co{min-height:160px;aspect-ratio:2.2 / 3.2}}.ingredient-card.svelte-1ffh7co:hover{transform:translateY(-4px);border-color:#c4cfb8}.card-content.svelte-1ffh7co{padding:1rem;flex:1;display:flex;flex-direction:column;min-height:200px;position:relative}.card-title.svelte-1ffh7co{font-size:.9rem;font-weight:400;text-transform:uppercase;margin:0 0 .5rem;color:var(--font-color-1, #333);line-height:1.3;overflow-wrap:anywhere;display:flex;align-items:flex-start}.card-description.svelte-1ffh7co{font-size:.8rem;color:var(--font-color-1, #666);margin:0 0 .75rem;line-height:1.4;flex:1}@media (max-width: 767px){.card-content.svelte-1ffh7co{padding:.6rem;min-height:92%}.card-title.svelte-1ffh7co{font-size:.7rem}.card-description.svelte-1ffh7co{font-size:.65rem;min-height:4.5em;display:flex;align-items:flex-start}}.ingredient-card.loading.svelte-1ffh7co{opacity:.7;pointer-events:none}.ingredient-cards-container.svelte-1ffh7co:empty:after{content:"No ingredients available";text-align:center;color:var(--font-color-1, #666);font-style:italic;padding:2rem;grid-column:1 / -1}.chart-container.svelte-1ffh7co{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-top:auto}@keyframes svelte-1ffh7co-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-container.svelte-1ffh7co svg{width:100%;height:100%}@media (max-width: 767px){.chart-container.svelte-1ffh7co{height:100%}.card-description.svelte-1ffh7co{margin:0}}@keyframes svelte-1ffh7co-shuffle{0%{transform:translate(0) rotate(0)}25%{transform:translate(-40px) rotate(-2deg)}50%{transform:translate(40px) rotate(2deg)}75%{transform:translate(-20px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@keyframes svelte-1ffh7co-shuffle2{0%{transform:translate(0) rotate(0)}25%{transform:translate(40px) rotate(2deg)}50%{transform:translate(-40px) rotate(-2deg)}75%{transform:translate(20px) rotate(1deg)}to{transform:translate(0) rotate(0)}}@keyframes svelte-1ffh7co-shuffle3{0%{transform:translate(0) rotate(0)}25%{transform:translate(-20px) rotate(-1deg)}50%{transform:translate(20px) rotate(1deg)}75%{transform:translate(-40px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.shuffle-card.svelte-1ffh7co{animation:svelte-1ffh7co-shuffle 2s infinite}.shuffle-card.svelte-1ffh7co:nth-child(2){animation:svelte-1ffh7co-shuffle2 2s infinite;animation-delay:.3s}.shuffle-card.svelte-1ffh7co:nth-child(3){animation:svelte-1ffh7co-shuffle3 2s infinite;animation-delay:.6s}.donut-placeholder.svelte-1ffh7co{width:60px;height:60px;border-radius:50%!important;background:#e0e0e0;margin:0 auto}.placeholder.svelte-1ffh7co{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:svelte-1ffh7co-placeholderShimmer 1.5s infinite linear;border-radius:6px}.card-title.placeholder.svelte-1ffh7co{width:70%;height:1.2em;margin-bottom:.5em}.card-description.placeholder.svelte-1ffh7co{width:90%;height:.9em;margin-bottom:1em}@keyframes svelte-1ffh7co-placeholderShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 767px){h2.svelte-1ffh7co{font-size:1.1rem;line-height:1.3}p.centered-text.svelte-1ffh7co{font-size:.9rem;margin:.2rem}}.selected-ingredients.svelte-1quye2m.svelte-1quye2m{max-width:500px;margin:auto;background-color:#ffffffe6;border-radius:15px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.toggle-button-h3.svelte-1quye2m.svelte-1quye2m{text-align:left;text-transform:uppercase;margin:0;color:var(--color-bg-1);font-size:14px}.toggle-button-cont.svelte-1quye2m.svelte-1quye2m{border-radius:4px;border:1px solid black;width:fit-content;padding:6px 8px;cursor:pointer}.toggle-button-cont.svelte-1quye2m>h3.svelte-1quye2m{color:#000}.toggle-button-cont-active.svelte-1quye2m.svelte-1quye2m{background-color:#000}.toggle-button-cont-active.svelte-1quye2m>h3.svelte-1quye2m{color:var(--color-bg-1)}.explain-cont.svelte-1quye2m.svelte-1quye2m{max-width:740px;margin:auto;text-align:left}.group-col-div.svelte-1quye2m.svelte-1quye2m{width:12px;height:12px;border-radius:50%}.color-cell.svelte-1quye2m.svelte-1quye2m{width:20px!important}.col-0.svelte-1quye2m.svelte-1quye2m{background:var(--palette-1);background:hsl(from var(--palette-1) h s l / .9)}.col-1.svelte-1quye2m.svelte-1quye2m{background:var(--palette-1b);background:hsl(from var(--palette-1b) h s l / .9)}.col-2.svelte-1quye2m.svelte-1quye2m{background:var(--palette-2);background:hsl(from var(--palette-2) h s l / .9)}.col-3.svelte-1quye2m.svelte-1quye2m{background:var(--palette-2b);background:hsl(from var(--palette-2b) h s l / .9)}.col-4.svelte-1quye2m.svelte-1quye2m{background:var(--palette-3);background:hsl(from var(--palette-3) h s l / .9)}.col-5.svelte-1quye2m.svelte-1quye2m{background:var(--palette-3b);background:hsl(from var(--palette-3b) h s l / .9)}.col-6.svelte-1quye2m.svelte-1quye2m{background:var(--palette-4);background:hsl(from var(--palette-4) h s l / .9)}.col-7.svelte-1quye2m.svelte-1quye2m{background:var(--palette-4b);background:hsl(from var(--palette-4b) h s l / .9)}.col-8.svelte-1quye2m.svelte-1quye2m{background:var(--palette-5);background:hsl(from var(--palette-5) h s l / .9)}.col-9.svelte-1quye2m.svelte-1quye2m{background:var(--palette-5b);background:hsl(from var(--palette-5b) h s l / .9)}.count-warning.svelte-1quye2m.svelte-1quye2m{border:1px grey solid;width:fit-content;margin:auto;padding:5px 10px}.tickButtonCont.svelte-1quye2m.svelte-1quye2m{display:flex;flex-direction:column;justify-content:center}.tooltip.svelte-1quye2m.svelte-1quye2m{position:absolute;background-color:#fff;border:1px solid #ddd;display:none;z-index:20;padding:10px 30px;max-width:420px;border-radius:20px;background:var(--color-bg-1)}.tooltip.visible.svelte-1quye2m.svelte-1quye2m{display:block}.chord-cont.svelte-1quye2m.svelte-1quye2m{width:640px;margin:auto}.card.svelte-1quye2m.svelte-1quye2m{transition:left .2s ease-in-out;z-index:1;display:none}.active.svelte-1quye2m.svelte-1quye2m{display:initial}.analysis-box.svelte-1quye2m.svelte-1quye2m{display:flex;align-items:center;margin:auto;flex-wrap:wrap;justify-content:center;max-width:600px}.analysis-box.svelte-1quye2m .svelte-1quye2m{font-size:1rem}.info-svg.svelte-1quye2m.svelte-1quye2m{fill:var(--table-bg);filter:brightness(.7)}.smui-fab--color-primary{background-color:#000}.seasonalcontainer.svelte-1quye2m.svelte-1quye2m{width:90%;max-width:720px;margin:0 auto;text-align:center}.cuisineChoose.svelte-1quye2m.svelte-1quye2m{background:transparent;padding:4px 12px;border:black 1px solid;margin:5px;cursor:pointer;height:34px}.selectedCuisine.svelte-1quye2m.svelte-1quye2m{background:var(--bright-violet)}.desktop-only.svelte-1quye2m.svelte-1quye2m{display:initial}@media only screen and (max-width: 768px){.desktop-only.svelte-1quye2m.svelte-1quye2m{display:none}p.svelte-1quye2m.svelte-1quye2m{font-size:.9rem}}.scroll-to-top-button.svelte-1quye2m.svelte-1quye2m{position:fixed;bottom:30px;left:30px;width:50px;height:50px;border-radius:50%;background-color:#000;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000}.scroll-to-top-button.svelte-1quye2m.svelte-1quye2m:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.scroll-to-top-button.svelte-1quye2m.svelte-1quye2m:active{transform:translateY(0)}.scroll-to-top-button.svelte-1quye2m svg.svelte-1quye2m{width:20px;height:20px}.explore-label.svelte-1quye2m.svelte-1quye2m{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:1000;pointer-events:none;white-space:nowrap}@media only screen and (max-width: 768px){.selected-ingredients.svelte-1quye2m.svelte-1quye2m{max-width:100%}.scroll-to-top-button.svelte-1quye2m.svelte-1quye2m{bottom:20px;left:20px;width:45px;height:45px}.scroll-to-top-button.svelte-1quye2m svg.svelte-1quye2m{width:18px;height:18px}.explore-label.svelte-1quye2m.svelte-1quye2m{bottom:40px;font-size:12px;padding:6px 12px}}h2.svelte-1kerp69.svelte-1kerp69{font-size:var(--gate-title-size, 1.8rem);font-weight:var(--gate-title-weight, 600);color:var(--gate-text-color-headings, #333);margin-top:0;margin-bottom:1rem;text-align:left}p.svelte-1kerp69.svelte-1kerp69{font-size:var(--gate-message-size, 1rem);color:var(--gate-text-color-body, #555);line-height:1.6;margin-bottom:2rem}.actions.svelte-1kerp69.svelte-1kerp69{display:flex;flex-direction:column;gap:.75rem;margin:15px}.actions.svelte-1kerp69 button.svelte-1kerp69{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;width:100%}@media (min-width: 480px){.actions.svelte-1kerp69 button.svelte-1kerp69{width:auto}}.actions.svelte-1kerp69 button.primary.svelte-1kerp69{background-color:var(--colour-secondary);color:var(--gate-primary-text-color, #ffffff);border-color:var(--colour-secondary);border-radius:50px}.actions.svelte-1kerp69 button.primary.svelte-1kerp69:hover{background-color:#2e5a8a;border-color:#2e5a8a}.actions.svelte-1kerp69 button.secondary.svelte-1kerp69{background-color:var(--gate-secondary-bg-color, transparent);color:var(--colour-secondary);border-color:var(--colour-secondary);border-radius:50px}.actions.svelte-1kerp69 button.secondary.svelte-1kerp69:hover{background-color:#55759814}.footer-slot.svelte-1kerp69.svelte-1kerp69{margin-top:1.5rem;font-size:.9rem;color:#777}@media (max-width: 768px){h2.svelte-1kerp69.svelte-1kerp69{font-size:1.6rem}p.svelte-1kerp69.svelte-1kerp69{font-size:1rem}}.error-message.svelte-1g61atn.svelte-1g61atn{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:.25rem;font-size:.9rem}.auth-form.svelte-1g61atn .form-group.svelte-1g61atn{margin-bottom:1.25rem;text-align:left}.auth-form.svelte-1g61atn label.svelte-1g61atn{display:block;margin-bottom:.1rem;font-weight:500;font-size:.9rem;color:#495057}.auth-form.svelte-1g61atn input[type=email].svelte-1g61atn,.auth-form.svelte-1g61atn input[type=password].svelte-1g61atn{width:100%;padding:.65rem .85rem;border:1px solid #ced4da;border-radius:.25rem;box-sizing:border-box;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.auth-form.svelte-1g61atn input[type=email].svelte-1g61atn:focus,.auth-form.svelte-1g61atn input[type=password].svelte-1g61atn:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.actions.svelte-1g61atn.svelte-1g61atn{display:flex;flex-direction:column;gap:.75rem;margin:15px}.actions.svelte-1g61atn button.svelte-1g61atn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;width:100%}form.svelte-1g61atn.svelte-1g61atn{width:100%}input#reg-email.svelte-1g61atn.svelte-1g61atn,input#reg-password.svelte-1g61atn.svelte-1g61atn,input#reg-confirm-password.svelte-1g61atn.svelte-1g61atn{background:transparent;border:1px solid black}input.svelte-1g61atn.svelte-1g61atn::placeholder{font-family:Inter;font-size:14px;font-weight:400;color:#00000074;opacity:1}.actions.svelte-1g61atn button.primary.svelte-1g61atn{background-color:var(--colour-secondary);color:var(--gate-primary-text-color, #ffffff);border-color:var(--colour-secondary);border-radius:50px}.actions.svelte-1g61atn button.primary.svelte-1g61atn:hover{background-color:#2e5a8a;border-color:#2e5a8a}.icon-slot.svelte-16yjfbr{margin-bottom:1.5rem}.icon-slot.svelte-16yjfbr svg{width:60px;height:60px;color:var(--colour-secondary)}h2.svelte-16yjfbr{font-size:var(--gate-title-size, 1.8rem);font-weight:var(--gate-title-weight, 600);color:var(--gate-text-color-headings, #333);margin-top:0;margin-bottom:1rem;text-align:left}p.svelte-16yjfbr{font-size:var(--gate-message-size, 1rem);color:var(--gate-text-color-body, #555);line-height:1.6;margin-bottom:2rem}.icon-slot.svelte-16yjfbr{position:absolute;top:1.5rem;right:1.5rem;margin-bottom:0}.icon-slot.svelte-16yjfbr svg{width:30px;height:30px;fill:var(--colour-secondary)}@media (max-width: 768px){h2.svelte-16yjfbr{font-size:1.6rem}p.svelte-16yjfbr{font-size:1rem}}h2.svelte-bplah5.svelte-bplah5{font-size:var(--gate-title-size, 1.8rem);font-weight:var(--gate-title-weight, 600);color:var(--gate-text-color-headings, #333);margin-top:0;margin-bottom:1rem;text-align:left}p.svelte-bplah5.svelte-bplah5{font-size:var(--gate-message-size, 1rem);color:var(--gate-text-color-body, #555);line-height:1.6;margin-bottom:2rem}.actions.svelte-bplah5.svelte-bplah5{display:flex;flex-direction:column;gap:.75rem;margin:15px}.actions.svelte-bplah5 button.svelte-bplah5{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:var(--gate-button-border-radius, 6px);border:1px solid transparent;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;width:100%}@media (min-width: 480px){.actions.svelte-bplah5 button.svelte-bplah5{width:auto}}.actions.svelte-bplah5 button.primary.svelte-bplah5{background-color:var(--colour-secondary);color:var(--gate-primary-text-color, #ffffff);border-color:var(--colour-secondary);border-radius:50px}.actions.svelte-bplah5 button.primary.svelte-bplah5:hover{background-color:#2e5a8a;border-color:#2e5a8a}.footer-slot.svelte-bplah5.svelte-bplah5{margin-top:1.5rem;font-size:.9rem;color:#777}button.svelte-bplah5.svelte-bplah5:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){h2.svelte-bplah5.svelte-bplah5{font-size:1.6rem}p.svelte-bplah5.svelte-bplah5{font-size:1rem}}.icon-slot.svelte-19gmpsy.svelte-19gmpsy{margin-bottom:1.5rem}.icon-slot.svelte-19gmpsy svg{width:60px;height:60px;color:var(--colour-secondary)}h2.svelte-19gmpsy.svelte-19gmpsy{font-size:var(--gate-title-size, 1.8rem);font-weight:var(--gate-title-weight, 600);color:var(--gate-text-color-headings, #333);margin-top:0;margin-bottom:1rem;text-align:left}p.svelte-19gmpsy.svelte-19gmpsy{font-size:var(--gate-message-size, 1rem);color:var(--gate-text-color-body, #555);line-height:1.6;margin-bottom:2rem}.actions.svelte-19gmpsy.svelte-19gmpsy{display:flex;flex-direction:column;gap:.75rem;margin:15px}.actions.svelte-19gmpsy button.svelte-19gmpsy{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:var(--gate-button-border-radius, 6px);border:1px solid transparent;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;width:100%}@media (min-width: 480px){.actions.svelte-19gmpsy button.svelte-19gmpsy{width:auto}}.actions.svelte-19gmpsy button.primary.svelte-19gmpsy{background-color:var(--colour-secondary);color:var(--gate-primary-text-color, #ffffff);border-color:var(--colour-secondary);border-radius:50px}.actions.svelte-19gmpsy button.primary.svelte-19gmpsy:hover{background-color:#2e5a8a;border-color:#2e5a8a}.footer-slot.svelte-19gmpsy.svelte-19gmpsy{margin-top:1.5rem;font-size:.9rem;color:#777}button.svelte-19gmpsy.svelte-19gmpsy:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){h2.svelte-19gmpsy.svelte-19gmpsy{font-size:1.6rem}p.svelte-19gmpsy.svelte-19gmpsy{font-size:1rem}}.background-colour.svelte-1eiv5cb.svelte-1eiv5cb{background-color:var(--white-colour)}.paywall-outer-container.svelte-1eiv5cb.svelte-1eiv5cb{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;min-height:50vh;width:100%}.paywall-container.svelte-1eiv5cb.svelte-1eiv5cb{background-color:#ffffff1a;border:5px solid #ffffff47;border-radius:12px;box-shadow:-3px 6px 20px 2px #1d39586b;width:100%;max-width:450px;min-width:350px;padding:2.5rem 2rem;position:relative}@media (max-width: 768px){.paywall-outer-container.svelte-1eiv5cb.svelte-1eiv5cb{padding:0}.paywall-container.svelte-1eiv5cb.svelte-1eiv5cb{min-width:150px;max-width:250px}}.ingredient-cards-container.svelte-1eiv5cb.svelte-1eiv5cb{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;max-width:800px;margin:0 auto}.ingredient-card.svelte-1eiv5cb.svelte-1eiv5cb{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;width:200px;min-height:260px;display:flex;flex-direction:column}.ingredient-card.svelte-1eiv5cb.svelte-1eiv5cb:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.ingredient-card-image.svelte-1eiv5cb.svelte-1eiv5cb{height:160px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.ingredient-card-image.svelte-1eiv5cb img.svelte-1eiv5cb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ingredient-card.svelte-1eiv5cb:hover .ingredient-card-image img.svelte-1eiv5cb{transform:scale(1.05)}.ingredient-card-content.svelte-1eiv5cb.svelte-1eiv5cb{padding:16px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;text-align:left}.ingredient-card-subtitle.svelte-1eiv5cb.svelte-1eiv5cb{margin:0;font-size:14px;color:var(--color-theme-1);font-weight:500;opacity:.8}@media (max-width: 768px){.ingredient-cards-container.svelte-1eiv5cb.svelte-1eiv5cb{gap:15px;padding:0 20px}.ingredient-card.svelte-1eiv5cb.svelte-1eiv5cb{width:160px;min-height:220px}.ingredient-card-image.svelte-1eiv5cb.svelte-1eiv5cb{height:120px}.ingredient-card-content.svelte-1eiv5cb.svelte-1eiv5cb{padding:12px}.ingredient-card-subtitle.svelte-1eiv5cb.svelte-1eiv5cb{font-size:12px}}@media (max-width: 480px){.ingredient-cards-container.svelte-1eiv5cb.svelte-1eiv5cb{flex-direction:column;align-items:center;gap:12px;padding:0 5%}.ingredient-card.svelte-1eiv5cb.svelte-1eiv5cb{width:90%;max-width:300px}}