@layer components{.utility-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:2.25rem;margin:.6rem 0 .25rem}.utility-badge{display:inline-flex;align-items:center;gap:.3rem;height:1.75rem;padding:0 .65rem;border-radius:var(--r-full);font-size:.78rem;font-weight:600;white-space:nowrap;line-height:1}.utility-badge--time{background:rgb(var(--c-blue-100));color:rgb(var(--c-blue-800))}.utility-badge--difficulty{background:rgb(var(--c-amber-100));color:rgb(var(--c-amber-800))}.utility-badge--cost{background:rgb(var(--c-green-100));color:rgb(var(--c-green-800))}.utility-badge--diet{background:rgb(var(--c-green-100) / .5);color:rgb(var(--c-green-700));box-shadow:inset 0 0 0 1px rgb(var(--c-green-500) / .3)}.utility-badge--sm{height:1.5rem;font-size:.72rem;padding:0 .5rem}.amie-card__badges{display:flex;align-items:center;gap:.35rem;margin-top:.1rem}.checklist--interactive{gap:0}.ingr-item{padding:0;list-style:none}.ingr-cb{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ingr-label{display:flex;align-items:flex-start;gap:.7rem;min-height:3rem;padding:.45rem .1rem;cursor:pointer;font-size:.97rem;line-height:1.5;border-radius:var(--r-md);transition:background .1s var(--ease)}.ingr-label:hover{background:rgb(var(--c-gray-50))}.ingr-label:active{background:rgb(var(--c-gray-100))}.ingr-check-icon{flex-shrink:0;width:1.3rem;height:1.3rem;margin-top:.1rem;border-radius:var(--r-full);background:rgb(var(--c-gray-100));border:2px solid rgb(var(--c-gray-200));display:flex;align-items:center;justify-content:center;transition:none}.ingr-cb:checked+.ingr-label .ingr-check-icon{background:rgb(var(--c-green-500));border-color:rgb(var(--c-green-500))}.ingr-cb:checked+.ingr-label .ingr-check-icon:after{content:"";display:block;width:.45rem;height:.25rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-.05rem)}.ingr-cb:checked+.ingr-label>span:last-child{text-decoration:line-through;color:rgb(var(--tertiary))}.ingr-cb:focus-visible+.ingr-label{outline:2px solid rgb(var(--accent));outline-offset:2px}[data-ingr-recipe]{--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.ingr-progress{min-height:2.5rem;margin:0 0 .35rem}.ingr-progress__track{height:.5rem;border-radius:var(--r-full);background:rgb(var(--c-gray-100));overflow:hidden}.ingr-progress__bar{display:block;height:100%;width:100%;border-radius:var(--r-full);background:rgb(var(--c-green-500));transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ease)}.ingr-progress__status{margin:.4rem 0 0;font-size:.85rem;font-weight:600;color:rgb(var(--tertiary))}@keyframes ingr-pop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}.ingr-item--pop .ingr-check-icon{animation:ingr-pop .34s var(--ease-spring)}.ingr-done-wrap{min-height:0}.ingr-done{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:.9rem 0 .25rem;padding:.85rem 1rem;text-align:center;background:rgb(var(--c-green-100) / .6);border:2px solid rgb(var(--c-green-100));border-radius:var(--r-xl);animation:ingr-done-in .42s var(--ease-spring) both}.ingr-done[hidden]{display:none}.ingr-done__emoji{font-size:1.5rem;line-height:1}.ingr-done__text{margin:0;font-size:1rem;font-weight:700;color:rgb(var(--primary))}@keyframes ingr-done-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.ingr-label,.ingr-check-icon{transition:none}.ingr-item--pop .ingr-check-icon{animation:none}.ingr-progress__bar{transition:none}.ingr-done{animation:none}}.cook-mode-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;background:#fff;border-radius:var(--r-xl);box-shadow:var(--shadow-natural);padding:.75rem 1rem;margin:0 0 .75rem}.cook-mode-counter{display:flex;align-items:baseline;gap:.35rem;font-size:.95rem}.cook-mode-counter__label{font-weight:500;color:rgb(var(--tertiary))}.cook-mode-counter__num{font-size:1.05rem;font-weight:700;color:rgb(var(--primary))}.cook-wake-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .9rem;border-radius:var(--r-full);background:rgb(var(--c-amber-100));color:rgb(var(--c-amber-800));font-size:.82rem;font-weight:600;border:0;cursor:pointer;transition:none}.cook-wake-btn:hover{background:rgb(var(--c-amber-500) / .2)}.cook-wake-btn.wake-lock-toggle--active{background:rgb(var(--c-amber-800));color:#fff}.cook-wake-btn:focus-visible{outline:2px solid rgb(var(--c-amber-500));outline-offset:2px}.cook-resume-wrap{min-height:2.5rem;display:flex;align-items:center;margin-bottom:.5rem}.cook-resume-chip{display:inline-flex;align-items:center;gap:.4rem;background:rgb(var(--c-blue-100));color:rgb(var(--c-blue-800));font-size:.85rem;font-weight:600;padding:.4rem .85rem;border-radius:var(--r-full);box-shadow:var(--shadow-natural);height:2.25rem}.cook-resume-chip[hidden]{display:none}.steps--cook{list-style:none;padding:0;counter-reset:none}.steps__item--cook{display:flex;gap:.85rem;align-items:flex-start;padding:.6rem 0;border-bottom:1px solid rgb(var(--separator) / .06)}.steps__item--cook:last-child{border-bottom:0}.cook-step-label{flex-shrink:0;display:flex;align-items:flex-start;cursor:pointer;padding-top:.15rem}.cook-step-cb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:-1px;padding:0;border:0;white-space:nowrap}.cook-step-box{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--r-md);border:2px solid rgb(var(--c-gray-200));background:#fff;color:transparent;box-shadow:var(--shadow-natural);transition:none}.cook-step-cb:checked+.cook-step-box{background:rgb(var(--c-green-500));border-color:rgb(var(--c-green-500));color:#fff}.steps__item--cook:has(.cook-step-cb:checked) .st{opacity:.45;text-decoration:line-through;text-decoration-color:rgb(var(--c-gray-300))}.cook-step-cb:focus-visible+.cook-step-box{outline:2px solid rgb(var(--accent));outline-offset:2px}.cook-celebration-wrap{min-height:0}.cook-celebration{display:flex;flex-direction:column;align-items:center;gap:.65rem;background:#fff;border-radius:var(--r-2xl);box-shadow:var(--shadow-natural);padding:1.75rem 1.25rem;margin:1.5rem 0;text-align:center;border:2px solid rgb(var(--c-green-100))}.cook-celebration[hidden]{display:none}.cook-celebration__emoji{font-size:2.5rem;line-height:1;margin:0}.cook-celebration__heading{font-size:1.2rem;font-weight:700;color:rgb(var(--primary));margin:0}.cook-celebration__sub{font-size:.95rem;color:rgb(var(--secondary));margin:0}.btn-viber-celebrate{display:inline-flex;align-items:center;gap:.5rem;min-height:52px;padding:.85rem 1.5rem;border-radius:var(--r-xl);background:rgb(var(--color-viber));color:#fff;font-size:1rem;font-weight:700;box-shadow:0 2px 10px rgb(var(--color-viber) / .35);transition:background .18s var(--ease),transform .18s var(--ease);margin-top:.25rem}.btn-viber-celebrate:hover{background:rgb(var(--color-viber) / .88);transform:translateY(-2px)}.btn-viber-celebrate:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.cook-step-box{transition:none}.steps__item--cook:has(.cook-step-cb:checked) .st{transition:none}.btn-viber-celebrate,.cook-wake-btn{transition:none}}.serving-adjuster{min-height:4rem;display:flex;align-items:center;margin-bottom:var(--space-sm)}.serving-adjuster__inner{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;background:#fff;border-radius:var(--r-xl);box-shadow:var(--shadow-natural);padding:.6rem 1rem;width:100%}.serving-adjuster__label{font-size:.85rem;font-weight:600;color:rgb(var(--tertiary));flex:1 0 auto;min-width:4rem}.serving-adjuster__controls{display:flex;align-items:center;gap:.5rem}.serving-adjuster__btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--r-full);border:1.5px solid rgb(var(--c-gray-150));background:rgb(var(--c-gray-50));color:rgb(var(--primary));cursor:pointer;transition:transform .1s var(--ease);touch-action:manipulation}.serving-adjuster__btn:hover{background:rgb(var(--c-blue-100));border-color:rgb(var(--accent));color:rgb(var(--accent-text))}.serving-adjuster__btn:active{transform:scale(.93)}.serving-adjuster__btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.serving-adjuster__btn:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}.serving-adjuster__count{min-width:2.5rem;text-align:center;font-size:1.25rem;font-weight:700;color:rgb(var(--accent-text));line-height:1;display:inline-block}.serving-adjuster__reset{font-size:.78rem;font-weight:600;color:rgb(var(--tertiary));background:none;border:none;padding:.2rem .3rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;border-radius:var(--r-md);transition:none;margin-left:auto}.serving-adjuster__reset:hover{color:rgb(var(--accent-text))}.serving-adjuster__reset:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}.ingr-qty{display:inline;transition:none}@keyframes sa-qty-flash{0%{color:rgb(var(--accent))}60%{color:rgb(var(--accent))}to{color:inherit}}.ingr-qty--flash{animation:sa-qty-flash .35s var(--ease) forwards}@media(prefers-reduced-motion:reduce){.serving-adjuster__btn,.serving-adjuster__reset,.ingr-qty{transition:none}.ingr-qty--flash{animation:none}}.fridge-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1rem;margin:1.75rem 0;padding:1.1rem 1.25rem;background:rgb(var(--c-blue-100) / .55);border:1px solid rgb(var(--separator) / .1);border-radius:var(--r-2xl)}.fridge-cta__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex:none;border-radius:var(--r-full);background:#fff;color:rgb(var(--accent-text));box-shadow:var(--shadow-natural)}.fridge-cta__text{flex:1 1 12rem;min-width:0}.fridge-cta__title{margin:0;font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:rgb(var(--primary))}.fridge-cta__sub{margin:.15rem 0 0;font-size:.95rem;line-height:1.4;color:rgb(var(--secondary))}.fridge-cta__btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 100%;min-height:3rem;padding:0 1.25rem;border-radius:var(--r-full);background:rgb(var(--btn-primary-bg));color:#fff;font-weight:700;font-size:1rem;text-decoration:none;transition:background .15s var(--ease),transform .15s var(--ease)}.fridge-cta__btn:hover{background:rgb(var(--btn-primary-bg-hover));transform:translateY(-1px)}@media(min-width:30rem){.fridge-cta__btn{flex:none}}@media(prefers-reduced-motion:reduce){.fridge-cta__btn{transition:none}.fridge-cta__btn:hover{transform:none}}}