:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background:#f2fbf9}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(1200px 700px at 10% -20%,rgba(87,214,178,.22),transparent 58%),radial-gradient(1000px 600px at 90% -24%,rgba(109,228,193,.18),transparent 60%),linear-gradient(180deg,#f5fffc,#ecfbf6 58%,#effaf8)}#root{width:100%}.layout{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{border-right:1px solid #eaecf0;background:#fff;padding:1.4rem 1rem}.brand{margin:0;font-size:1.6rem;letter-spacing:-.03em;text-align:center}.brand-subtitle{margin:.25rem 0 1.4rem;color:#667085;font-size:.9rem;text-align:center}.menu{display:flex;flex-direction:column;gap:.2rem}.menu-item{text-decoration:none;color:#344054;border-radius:10px;padding:.6rem .7rem;font-size:.96rem;border:none;background:none;cursor:pointer;width:100%;text-align:left}.menu-item:hover{background:#f2f4f7}.menu-item.active{background:#eff4f2;color:#1f2937;font-weight:600}.app-shell{width:min(1120px,100%);margin:0 auto;padding:2.4rem 1.25rem 3.4rem}.app-shell>*+*{margin-top:1rem}.hero{text-align:center;max-width:880px;margin:0 auto 1.4rem;animation:hero-float 6s ease-in-out infinite}.hero h1{margin:0;font-size:clamp(2.2rem,4.4vw,3.35rem);font-family:Georgia,Times New Roman,serif;letter-spacing:-.02em;color:#0f5c49}.hero p{margin:.7rem auto 0;color:#3f6f66;font-size:1.08rem;max-width:700px}.panel{background:#ffffffe6;border:1px solid #dbf1ea;border-radius:22px;padding:1.35rem 1.4rem;box-shadow:0 1px 2px #10182808,0 10px 24px #0a574517;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#55d3ad00,#55d3ad80,#55d3ad00);pointer-events:none}.search-panel{width:100%;margin:0 0 1.1rem}.search-row{display:grid;gap:.6rem;grid-template-columns:1fr 48px 160px;align-items:center}.search-input{border:1px solid #cfece3;border-radius:14px;height:50px;padding:0 1rem;font:inherit;background:#fffffff5;color:#101828;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.search-input:focus{outline:none;border-color:#67cfaa;box-shadow:0 0 0 4px #74e7bf3d;transform:translateY(-1px)}button{border:1px solid #d0d5dd;border-radius:12px;padding:.6rem .9rem;background:#fff;cursor:pointer;font:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}button:focus-visible,.search-input:focus-visible{outline:none;box-shadow:0 0 0 4px #74e7bf47}button:disabled{opacity:.55;cursor:not-allowed}.add-circle-button{width:48px;height:48px;aspect-ratio:1 / 1;border-radius:50%;padding:0;font-size:1.1rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#43c79a,#29a97f);color:#fff;border-color:#2f9f79;box-shadow:0 8px 16px #29a97f42}.compare-button{background:linear-gradient(180deg,#45cda1,#2bac82);border-color:#2cae84;color:#fff;font-weight:700;height:50px;min-height:50px;width:100%;box-shadow:0 10px 22px #2bac823d}.compare-button:hover:not(:disabled),.meal-plan-button:hover:not(:disabled),.add-circle-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #2bac8247}.compare-button:active:not(:disabled),.meal-plan-button:active:not(:disabled),.add-circle-button:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 14px #2bac823d}.chip-row{margin-top:.82rem;display:flex;gap:.45rem;flex-wrap:wrap}.item-chip{border-radius:999px;background:#f2fbf8;border-color:#d5efe7;color:#246654;padding:.38rem .7rem;font-size:.88rem;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.item-chip:hover:not(:disabled){transform:translateY(-1px);background:#ebfaf5;border-color:#bfe7da}.item-chip span{opacity:.65;margin-left:.18rem}.store-selector-wrap{margin-top:.9rem}.store-selector{border:none;padding:0;margin:0;display:flex;gap:.45rem;flex-wrap:wrap}.store-pill{border-radius:999px;padding:.4rem .75rem;background:#f5fcfa;border-color:#d3eee6;color:#245f50;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.store-pill:hover{transform:translateY(-1px);background:#eefaf6;border-color:#bfe8db;box-shadow:0 6px 12px #3eab8629}.store-pill.selected{border-color:#83dbba;background:#e9fbf5;color:#0f7a5c;font-weight:600;box-shadow:0 4px 10px #43bc9333}.error-banner{margin-top:.75rem;background:#fef3f2;border:1px solid #fecdca;color:#b42318;padding:.65rem .75rem;border-radius:10px;font-size:.93rem}.results-header{display:flex;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:.4rem}.results-header h2{margin:0;font-size:1.9rem;font-family:Georgia,Times New Roman,serif;color:#0f5c49}.results-subtitle{margin:0 0 1.05rem;color:#4c7269}.savings-pill{margin:0;border-radius:999px;padding:.45rem .8rem;background:#e6fbf4;color:#198765;font-weight:600;font-size:.93rem;border:1px solid #c8efe0}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.95rem}.compare-card{border:1px solid #daeee8;border-radius:18px;padding:.95rem;background:#fff;width:100%;text-align:left;cursor:default;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;position:relative;overflow:hidden}.compare-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%236bcdb0' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 34c0-8 6-14 14-14s14 6 14 14-6 14-14 14-14-6-14-14Z'/%3E%3Cpath d='M92 34h20c8 0 14 6 14 14s-6 14-14 14H92c-8 0-14-6-14-14s6-14 14-14Z'/%3E%3Cpath d='M38 120c10-7 22-7 32 0-4 12-14 20-16 30-2-10-12-18-16-30Z'/%3E%3Cpath d='M116 112c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14Z'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px;background-repeat:repeat;background-position:center center;transform:translate(0);transition:transform .28s cubic-bezier(.22,1,.36,1);will-change:transform}.compare-card:after{content:"";position:absolute;inset:auto -20% -55%;height:70%;background:radial-gradient(ellipse at center,#70dbb838,#70dbb800);opacity:0;transition:opacity .2s ease;pointer-events:none}.compare-card:hover{border-color:#bfe7db;transform:translateY(-2px)}.compare-card:hover:before{transform:translate(10px)}.compare-card:active:before{transform:translate(-8px)}.compare-card:hover:after{opacity:1}.compare-card.expanded{border-color:#93d9be;box-shadow:0 10px 22px #239b7629}.compare-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem}.compare-card h3{margin:0;font-size:1.14rem;font-family:Georgia,Times New Roman,serif;color:#111827}.best-badge{border-radius:999px;background:#e6fbf4;color:#198765;border:1px solid #c8efe0;font-size:.78rem;font-weight:700;padding:.2rem .45rem}.match-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.38rem}.match-row{border-radius:10px;padding:.58rem .65rem;border:1px solid #eaecf0;display:flex;justify-content:space-between;align-items:baseline;gap:.55rem;font-size:.95rem;color:#344054}.match-row.best-row{background:#edf7f3;border-color:#cbe8db}.match-row.missing{background:#fcfcfd;color:#667085}.price{color:#11644a;font-weight:700}.price small{color:#98a2b3;font-weight:500}.images-row{margin-top:.74rem;padding-top:.7rem;border-top:1px solid #def0ea;display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.image-tile{border:1px solid #deefe9;border-radius:14px;padding:.56rem;background:#fbfffe;display:flex;flex-direction:column;gap:.45rem;min-width:0;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.image-tile:hover{transform:translateY(-1px);border-color:#bee8dc;box-shadow:0 8px 16px #239b761f}.image-tile.best-store{border-color:#8fd8bc;background:linear-gradient(180deg,#f1fdf8,#eafaf4)}.image-tile.missing{background:#fcfcfd}.image-tile-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.image-tile-label{font-size:.83rem;color:#255f50;text-align:left;font-weight:600}.image-tile-size{font-weight:500;color:#5a7a70;font-size:.78rem}.image-tile-unit-price{white-space:nowrap}.image-tile-best{border-radius:999px;background:#e8fbf4;color:#1a8866;border:1px solid #c8efe0;font-size:.7rem;font-weight:700;padding:.12rem .38rem}.image-tile-img-wrap,.image-placeholder{width:100%;min-width:0;height:140px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f3fbf9}.image-tile img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.image-placeholder{display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#7c8f95;border:1px dashed #c8e4dc;background:#f3fbf9}.image-tile-price{font-size:.96rem;font-weight:700;color:#0f7a5a}.image-tile-price small{color:#98a2b3;font-weight:500}.image-tile-price.missing{color:#98a2b3}.meal-input-wrap{display:grid;gap:.55rem;grid-template-columns:1fr auto;align-items:center}.meal-input{width:100%}.meal-plan-button{background:linear-gradient(180deg,#45cda1,#2bac82);border-color:#2cae84;color:#fff;font-weight:700;height:50px;white-space:nowrap;padding:0 1.28rem}.meal-suggestions{margin-top:.7rem;display:flex;gap:.45rem;flex-wrap:wrap}.ingredient-chip{cursor:default;pointer-events:none;background:#e9fbf5;border-color:#c7ecde;color:#0f7a5c}.meal-loading-panel{margin-top:1rem;text-align:center;display:grid;gap:.5rem;justify-items:center;padding-block:2.1rem}.meal-loading-panel h2{margin:0;font-size:1.2rem}.meal-loading-step{margin:0;color:#128263;font-weight:600}.meal-loading-note{margin:0;color:#667085;max-width:520px;font-size:.94rem}.meal-loading-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #bdeedc;border-top-color:#24ae82;animation:meal-spin .9s linear infinite}.ingredients-panel{margin-top:1rem;margin-bottom:0}.ingredients-heading{margin:0 0 .75rem;font-size:1.15rem;font-family:Georgia,Times New Roman,serif;font-weight:600}.ingredients-heading em{font-style:italic;color:#16916d}.totals-section{margin-top:1rem}.empty-state{margin-top:1rem;text-align:center}.empty-state h2{margin:0;font-size:1.22rem;color:#0f5c49}.empty-state p{margin:.42rem 0 0;color:#557a70}.guide-layout{margin-top:1rem;display:grid;grid-template-columns:minmax(220px,.95fr) minmax(280px,1.35fr);gap:.8rem;text-align:left}.guide-list{display:grid;gap:.55rem}.guide-option{border:1px solid #d7eee6;border-radius:16px;padding:.72rem .8rem;background:linear-gradient(180deg,#fffffff5,#f0fcf7e6);box-shadow:0 6px 14px #1f836714;display:grid;gap:.14rem;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.guide-option small{color:#7a8f89;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.guide-option strong{color:#134f40;font-size:.97rem}.guide-option span{color:#4f736a;font-size:.86rem}.guide-option:hover{transform:translateY(-2px);border-color:#bce7d8;box-shadow:0 12px 20px #1f836724}.guide-option.active{border-color:#85dcb9;background:linear-gradient(180deg,#ecfcf5fa,#e5f9f0f2);box-shadow:0 12px 22px #228d6e33}.guide-preview{border:1px solid #caebdf;border-radius:18px;padding:.95rem;background:linear-gradient(180deg,#fffffffa,#eafaf3f2);box-shadow:0 10px 20px #197b611f}.guide-preview-label{margin:0;color:#6b8f86;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.guide-preview h3{margin:.35rem 0 .55rem;font-size:1.15rem;color:#104d3e}.guide-highlight-list{margin:0 0 .9rem;padding:0;list-style:none;display:grid;gap:.36rem}.guide-highlight-list li{position:relative;padding-left:1.05rem;color:#4d756b;font-size:.9rem}.guide-highlight-list li:before{content:"";position:absolute;left:0;top:.42rem;width:.46rem;height:.46rem;border-radius:999px;background:linear-gradient(180deg,#49cfa3,#2bac82)}.guide-cta{height:42px;min-height:42px;font-size:.9rem;width:auto;min-width:175px}@media(max-width:900px){.guide-layout{grid-template-columns:1fr}}@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #eaecf0}.menu{flex-direction:row;overflow-x:auto}.app-shell{padding:1.4rem 1rem 2rem}}@media(max-width:640px){.search-row,.meal-input-wrap{grid-template-columns:1fr}.add-circle-button{min-height:42px;border-radius:10px}.results-header{flex-direction:column;align-items:flex-start}.results-header h2{font-size:1.55rem}.comparison-grid,.images-row{grid-template-columns:1fr}}.section-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.meta{margin:.2rem 0;color:#667085;font-size:.9rem}.totals-grid{display:grid;gap:.86rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.total-card{border:1px solid #dff0ea;border-radius:14px;padding:.9rem;background:#fff;box-shadow:0 6px 14px #20937217;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.total-card:hover{transform:translateY(-2px);border-color:#bde7da;box-shadow:0 10px 18px #20937224}.total-card.best{border-color:#8cd8bc;background:#ebfaf4}.total-price{font-size:1.3rem;font-weight:700;margin-bottom:.4rem}@keyframes meal-spin{to{transform:rotate(360deg)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}body{background:radial-gradient(900px 500px at -8% 8%,rgba(147,255,217,.42),transparent 62%),radial-gradient(840px 520px at 108% 12%,rgba(129,236,255,.34),transparent 64%),radial-gradient(740px 420px at 50% 112%,rgba(111,221,186,.28),transparent 66%),linear-gradient(180deg,#f7fffd,#edfbf6 54%,#eefaf8)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%236bcdb0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 44c0-10 8-18 18-18s18 8 18 18-8 18-18 18-18-8-18-18Z'/%3E%3Cpath d='M46 26c0-6 4-10 10-10'/%3E%3Cpath d='M140 42c10 0 18 8 18 18s-8 18-18 18h-24c-10 0-18-8-18-18s8-18 18-18h24Z'/%3E%3Cpath d='M52 142c16-10 34-10 50 0-6 18-22 30-25 46-4-16-19-28-25-46Z'/%3E%3Cpath d='M66 126c6-8 14-12 24-14'/%3E%3Cpath d='M148 134c10 0 18 8 18 18s-8 18-18 18-18-8-18-18 8-18 18-18Z'/%3E%3Cpath d='M136 160h24'/%3E%3C/g%3E%3C/svg%3E");background-size:220px 220px;background-repeat:repeat}#root{position:relative;isolation:isolate;z-index:1}#root:before,#root:after{content:"";position:fixed;width:360px;height:360px;border-radius:999px;pointer-events:none;z-index:-1;filter:blur(42px);opacity:.45;animation:drift 16s ease-in-out infinite}#root:before{left:-140px;top:18%;background:radial-gradient(circle at 30% 30%,#3ed6a2b3,#3ed6a200)}#root:after{right:-120px;top:36%;animation-delay:-7s;background:radial-gradient(circle at 40% 40%,#60cdff94,#60cdff00)}.app-shell{max-width:1160px;position:relative}.hero h1{background:linear-gradient(120deg,#0f5c49,#138c6b 46%,#1ca78c);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}.hero p{max-width:760px}.panel{border-radius:26px;border-color:#a9e9d7cc;box-shadow:0 10px 28px #10614e1c,inset 0 1px #ffffffbf}.panel:after{content:"";position:absolute;width:180px;height:180px;border-radius:999px;right:-76px;top:-88px;background:radial-gradient(circle,#84edc84d,#84edc800);pointer-events:none}.search-panel{overflow:hidden}.search-panel-head{margin-bottom:.85rem}.search-panel-head h2{margin:0;font-size:1.12rem;color:#0f5c49;letter-spacing:-.01em}.search-panel-head p{margin:.28rem 0 0;color:#4c7269;font-size:.94rem}.search-panel:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-64px;height:120px;border-radius:999px;background:linear-gradient(90deg,#7cecc442,#a2e4ff24);pointer-events:none}.search-input,.compare-button,.meal-plan-button{position:relative;z-index:1}.compare-button,.meal-plan-button{letter-spacing:.01em}.results-header{margin-bottom:.55rem}.results-header h2:after{content:"";display:block;width:64px;height:4px;margin-top:.4rem;border-radius:999px;background:linear-gradient(90deg,#42c89e,#78dbc2)}.comparison-grid{gap:1.1rem}.compare-card{border-radius:22px;border-color:#a9e9d7c2;box-shadow:0 8px 18px #16665217,inset 0 1px #ffffffb8}.compare-card:hover{transform:translateY(-4px);box-shadow:0 16px 26px #197b612b,inset 0 1px #ffffffc7}.images-row{padding-top:.82rem;gap:.72rem}.image-tile{border-radius:16px;border-color:#b8e8dcf2;background:linear-gradient(180deg,#fffffff2,#f3fdfaf2);box-shadow:inset 0 1px #ffffffd1}.image-tile.best-store{border-color:#79d5b4e6;box-shadow:0 10px 18px #23947429,inset 0 1px #ffffffd1}.image-tile img{box-shadow:0 6px 14px #103c3124}.total-card{border-radius:18px}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes section-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reveal-on-load{opacity:0;animation:section-enter .56s cubic-bezier(.22,1,.36,1) forwards}.delay-1{animation-delay:40ms}.delay-2{animation-delay:.14s}.delay-3{animation-delay:.24s}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reveal-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-in{0%{transform:scale(.9);opacity:.2}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes price-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reveal-up{animation:reveal-up .46s cubic-bezier(.22,1,.36,1) both}.reveal-delay-2{animation-delay:.12s}.reveal-delay-3{animation-delay:.22s}.reveal-stagger{animation:reveal-up .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--idx, 0) * 75ms)}.reveal-pop{animation:reveal-pop .34s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--idx, 0) * 60ms)}.pulse-in{animation:pulse-in .38s cubic-bezier(.22,1,.36,1) both}.price-pop{animation:price-pop .28s ease-out both}.loading-progress{width:min(360px,80%);height:8px;border-radius:999px;background:#1f8b671f;overflow:hidden;border:1px solid rgba(31,139,103,.18)}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#45cda1,#31b48a,#87e2c5);transition:width .42s cubic-bezier(.22,1,.36,1)}.loading-steps{display:flex;gap:.45rem;align-items:center}.loading-step-dot{width:24px;height:24px;border-radius:999px;border:1px solid #b5dfcf;color:#6a8f85;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:#fffc;transition:all .24s ease}.loading-step-dot.active{color:#0f7a5c;border-color:#7fd7b7;background:#e8fbf4;box-shadow:0 6px 12px #2bac8233}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}