:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbf5e7;--paper-raised:#fffdf7;--paper-sunken:#f3ecd9;--paper-inset:#ece3cd;--ink:#283f20;--ink-soft:#43503c;--ink-mute:#5e6756;--line:#ddd3ba;--line-strong:#978963;--accent:#2f6b3f;--accent-soft:#e4ecdd;--deal:#a8391f;--deal-soft:#f6e4dd;--r:14px;--r-sm:9px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--section:44px;--pad:20px;--font:"Manrope", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--ease:var(--ease-smooth);--dur-fast:.15s;--dur:.25s;--dur-slow:.35s}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#14180f;--paper-raised:#1c2216;--paper-sunken:#10140c;--paper-inset:#232a1c;--ink:#eae4d2;--ink-soft:#b3bda6;--ink-mute:#8b957f;--line:#2c3423;--line-strong:#647454;--accent:#8fc79a;--accent-soft:#22301f;--deal:#e8917a;--deal-soft:#33211b}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:15px;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.t-display{font:800 clamp(28px, 6vw, 40px)/1.1 var(--font);letter-spacing:-.03em;text-wrap:balance}.t-h1{font:800 21px/1.25 var(--font);letter-spacing:-.02em;text-wrap:pretty}.t-h2{font:700 16px/1.35 var(--font);letter-spacing:-.01em}.t-body{font:500 15px/1.55 var(--font)}.t-sm{font:500 13px/1.45 var(--font)}.t-xs{font:600 11.5px/1.4 var(--font)}.t-over{font:700 10.5px/1 var(--font);letter-spacing:.11em;text-transform:uppercase}.t-price{font:800 17px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.muted{color:var(--ink-soft)}.faint{color:var(--ink-mute)}.wrap{width:100%;max-width:1140px;padding:0 var(--pad);margin:0 auto}.grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}@media (width>=700px){.grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.rise{animation:rise var(--dur) var(--ease) both}.fade{animation:fade var(--dur) var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.skip{z-index:100;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font:700 13px/1 var(--font);padding:12px 18px;text-decoration:none;position:absolute;top:8px;left:-9999px}.skip:focus{left:50%;transform:translate(-50%)}.tab{border-radius:var(--r-pill);min-height:40px;font:700 14px/1 var(--font);color:var(--ink-soft);transition:background var(--dur) var(--ease), color var(--dur) var(--ease), transform 90ms var(--ease);padding:0 16px}@media (hover:hover){.tab:hover{background:var(--paper-sunken);color:var(--ink)}}.tab-on{background:var(--ink);color:var(--paper)}.tab:active{transform:scale(.96)}.rail{gap:var(--s2);margin:0 calc(var(--pad) * -1);padding:2px var(--pad);scrollbar-width:none;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}@media (width>=700px){.rail{flex-wrap:wrap;margin:0;padding:0;overflow:visible}}.chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper-raised);min-height:40px;font:600 13px/1 var(--font);color:var(--ink-soft);white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform 90ms var(--ease);flex:none;padding:0 15px}@media (hover:hover){.chip:hover{border-color:var(--line-strong);color:var(--ink)}}.chip:active{transform:scale(.96)}.chip-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.card-btn{transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease)}@media (hover:hover){.card-btn:hover{border-color:var(--line-strong)}}.card-btn:active{transition-duration:90ms;transform:scale(.985)}.sheet-panel{background:var(--paper);border-radius:22px 22px 0 0;outline:none;flex-direction:column;width:100%;max-width:620px;max-height:92vh;display:flex;position:relative}::selection{background:var(--ink);color:var(--paper)}*{caret-color:var(--accent)}html{scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill);border:3px solid var(--paper);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-mute);background-clip:padding-box}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1.5px}html,body{overflow-x:clip}.grid>*{min-width:0}input{font-size:16px}input:focus{outline:none}.btn-ghost{border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--paper-raised);min-height:44px;font:700 13px/1 var(--font);color:var(--ink);transition:background var(--dur) var(--ease), transform 90ms var(--ease);padding:0 18px}@media (hover:hover){.btn-ghost:hover{background:var(--paper-inset)}}.btn-ghost:active{transform:scale(.96)}.brand-text{min-width:0;display:grid}@media (width<=719px){.brand-text{display:none}}@media (width>=720px){.narrow-only{display:none}}.truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:var(--s5);width:max-content;list-style:none;animation:46s linear infinite marquee;display:flex}@keyframes marquee{to{transform:translate(-50%)}}@media (hover:hover){.marquee:hover .marquee-track{animation-play-state:paused}}.marquee-item{justify-items:center;gap:var(--s2);text-align:center;flex:none;width:64px;display:grid}.marquee-item img{border-radius:14px;width:64px;height:64px}.search{height:52px;padding:0 8px 0 var(--s4);background:var(--paper-raised);border:1.5px solid var(--line);border-radius:var(--r-pill);transition:border-color .6s var(--ease-smooth);align-items:center;display:flex;position:relative}.search:focus-within{border-color:var(--accent)}.search__glow{border-radius:var(--r-pill);background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 30%, transparent) 0%, color-mix(in srgb, var(--accent) 12%, transparent) 55%, transparent 75%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .7s var(--ease-smooth), transform .7s var(--ease-smooth);will-change:opacity, transform;position:absolute;inset:-14px;transform:scale(.9)}.search:focus-within .search__glow{opacity:1;animation:3.2s ease-in-out .7s infinite breathe;transform:scale(1)}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.045)}}.search__icon{color:var(--ink-mute);transition:transform .7s var(--ease-spring), color .5s var(--ease-smooth);will-change:transform;flex:none;display:grid}.search:focus-within .search__icon{color:var(--accent);transform:translate(-2px)scale(1.1)}.search__input{min-width:0;font:500 15px/1 var(--font);color:var(--ink);caret-color:var(--accent);padding:0 var(--s2);background:0 0;border:0;outline:none;flex:1;align-self:stretch}.search__input::placeholder{color:var(--ink-mute)}.search__input::-webkit-search-cancel-button{display:none}.search__clear{border-radius:var(--r-pill);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-smooth), transform .55s var(--ease-spring);will-change:transform, opacity;flex:none;place-items:center;display:grid;transform:scale(.4)rotate(-45deg)translate(6px)}.search.has-text .search__clear{opacity:1;pointer-events:auto;transform:scale(1)rotate(0)translate(0)}@media (hover:hover){.search__clear:hover{background:var(--accent);color:var(--paper)}}.search__clear:active{transition-duration:.12s;transform:scale(.82)}.card-btn{contain:layout paint;content-visibility:auto;contain-intrinsic-size:auto 280px}@media (width<=699px){.rail{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--pad), #000 calc(100% - 28px), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--pad), #000 calc(100% - 28px), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--pad), #000 calc(100% - 28px), transparent 100%)}}.sort{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-raised);min-width:150px;max-width:52vw;min-height:40px;color:var(--ink-soft);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);flex:none;justify-content:flex-end;align-items:center;padding:0 11px 0 13px;display:inline-flex;position:relative}@media (hover:hover){.sort:hover{border-color:var(--line-strong);color:var(--ink)}}.sort:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sort__select{appearance:none;width:100%;height:100%;color:inherit;font:600 13px/1 var(--font);cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;margin:0;padding:0 30px 0 13px;position:absolute;inset:0}.sort__select:focus{outline:none}.sort>svg{pointer-events:none;position:relative}@media (pointer:coarse){.sort__select{font-size:16px}}.sort__select option{background:var(--paper-raised);color:var(--ink)}.sec-head{justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s3);display:flex}.btn-solid{border-radius:var(--r-pill);border:1px solid var(--accent);background:var(--accent);min-height:36px;color:var(--paper);white-space:nowrap;transition:filter var(--dur) var(--ease), transform 90ms var(--ease);align-items:center;gap:6px;padding:0 13px;font-weight:700;display:inline-flex}@media (hover:hover){.btn-solid:hover{filter:brightness(1.08)}}.btn-solid:active{transform:scale(.96)}.ing{align-items:flex-start;gap:var(--s3);padding:var(--s3) 2px;cursor:pointer;min-height:44px;transition:opacity var(--dur) var(--ease);display:flex}.ing input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ing__box{border:1.5px solid var(--line-strong);background:var(--paper-raised);color:#0000;width:21px;height:21px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:7px;flex:none;place-items:center;margin-top:1px;display:grid}.ing input:focus-visible+.ing__box{outline:2px solid var(--accent);outline-offset:2px}.ing--done .ing__box{background:var(--accent);border-color:var(--accent);color:var(--paper)}.ing__text{flex-wrap:wrap;align-items:baseline;gap:0 7px;display:flex}.ing__amount{font-variant-numeric:tabular-nums;font-weight:800}.ing__note{color:var(--ink-mute);font-size:.88em;font-style:normal}.ing--done{opacity:.5}.ing--done .ing__text{text-decoration:line-through;text-decoration-thickness:1.5px}.cook{z-index:60;gap:var(--s4);padding:max(var(--s4), env(safe-area-inset-top)) var(--s4) max(var(--s4), env(safe-area-inset-bottom));background:var(--paper);grid-template-rows:auto auto 1fr auto;display:grid;position:fixed;inset:0}.cook__bar{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.cook__progress{background:var(--paper-inset);border-radius:2px;height:4px;overflow:hidden}.cook__progress>span{background:var(--accent);transform-origin:0;height:100%;transition:transform var(--dur-slow) var(--ease-spring);display:block}.cook__step{font:500 clamp(19px, 2.6vh + 13px, 30px)/1.45 var(--font);color:var(--ink);text-wrap:pretty;align-self:center;overflow-y:auto}.cook__nav{gap:var(--s3);justify-content:space-between;align-items:center;display:flex}.cook__nav .btn-ghost,.cook__nav .btn-solid{min-height:48px;padding:0 var(--s4)}.cook__nav button:disabled{opacity:.4;pointer-events:none}.splash{z-index:100;background:var(--paper);position:fixed;inset:0}.splash__layer{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;position:absolute;inset:0}.splash__layer--1{background:var(--accent)}.splash__layer--2{background:var(--accent-soft)}.splash__layer--3{background:var(--paper-inset)}.splash__layer--4{background:var(--paper);padding:max(var(--s5), env(safe-area-inset-top)) var(--pad) max(var(--s5), env(safe-area-inset-bottom));place-items:center;display:grid}.splash__stack{justify-items:center;display:grid}.splash__mark{width:108px;height:108px;display:block}.splash__word{margin-top:var(--s4);padding:2px 0;display:flex;overflow:hidden}.splash__word span{font:700 28px/1.15 var(--font);letter-spacing:-.02em;color:var(--ink);display:inline-block}.splash__line{color:var(--ink-mute);text-align:center;margin:8px 0 0;font-size:12.5px}.splash__count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:700}.splash__track{left:50%;bottom:max(30px, calc(env(safe-area-inset-bottom) + 22px));background:var(--paper-inset);border-radius:2px;width:min(152px,44vw);height:2px;position:absolute;overflow:hidden;transform:translate(-50%)}.splash__bar{background:var(--accent);border-radius:inherit;transform-origin:0;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.splash__layer{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)!important}.splash__mark,.splash__word span,.splash__line{opacity:1!important;filter:none!important;transform:none!important}.splash__bar{transform:scaleX(1)!important}}.card-in{animation:rise var(--dur-slow) var(--ease) backwards;animation-delay:calc(var(--i,0) * 35ms)}.foryou{grid-template-columns:minmax(0,1fr);gap:36px;display:grid}.shelf-sec{min-width:0}.foryou-hello .t-display{color:var(--ink)}.chip-quiet{color:var(--ink-mute);border-style:dashed}.shelf-sec .sec-head{align-items:flex-end}.shelf{gap:var(--s3);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);margin:0 calc(var(--pad) * -1);padding:2px var(--pad) 6px;scrollbar-width:none;grid-auto-columns:156px;grid-auto-flow:column;display:grid;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf>*{scroll-snap-align:start;min-width:0}@media (width<=699px){.shelf{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%)}}@media (width>=700px){.shelf{gap:var(--s4);grid-auto-columns:184px;margin:0;padding:2px 0 6px;scroll-padding-inline:0}}.shelf-arrow{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper-raised);width:36px;height:36px;color:var(--ink-soft);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform 90ms var(--ease);place-items:center;display:none}@media (hover:hover) and (pointer:fine){.shelf-arrow{display:grid}.shelf-arrow:hover{border-color:var(--line-strong);color:var(--ink)}}.shelf-arrow:active{transform:scale(.92)}.shelf-more{border-radius:var(--r-pill);min-height:40px;color:var(--accent);transition:background var(--dur) var(--ease), transform 90ms var(--ease);align-items:center;gap:2px;padding:0 6px 0 12px;font-weight:700;display:inline-flex}@media (hover:hover){.shelf-more:hover{background:var(--accent-soft)}}.shelf-more:active{transform:scale(.96)}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-out{0%{transform:none}to{transform:translateY(100%)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sheet-panel{animation:.42s cubic-bezier(.32,.72,0,1) both sheet-in}.sheet-root.is-closing .sheet-panel{animation:.22s cubic-bezier(.4,0,1,1) both sheet-out}.sheet-scrim{animation:fade .3s var(--ease) both}.sheet-root.is-closing .sheet-scrim{animation:fade-out .22s var(--ease) both}.sheet-root.is-closing{pointer-events:none}
