#mp-app{--mp-bg:light-dark(#eeede8,#272725);--mp-fg:light-dark(#303a32,#f0f0e7);--mp-muted:light-dark(#777a70,#c2c3b8);--mp-line:light-dark(#d7d9ce,#55574d);--mp-active:light-dark(#516b4a,#b4c4a0);--mp-atlas:url('./assets/ingredients-fridge.jpg');position:relative;isolation:isolate;background:var(--mp-bg);color:var(--mp-fg);font:14px/1.4 'Segoe UI',sans-serif;border-radius:22px;overflow:hidden}
#mp-app *{box-sizing:border-box}#mp-app button,#mp-app input{font:inherit;color:inherit}#mp-app button{border:0;background:none;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#mp-app button:focus-visible,#mp-app input:focus-visible{outline:2px solid var(--mp-active);outline-offset:4px}#mp-app button:disabled{opacity:.4}#mp-app [hidden]{display:none!important}#mp-app .mp-header{display:flex;align-items:center;justify-content:space-between;padding:22px 32px 8px;padding-right:115px;gap:24px}#mp-app .mp-logo{font:600 27px/1 Georgia,serif;letter-spacing:-1.5px}#mp-app .mp-logo:after{content:'·';color:#b58570;padding-left:3px}#mp-app .mp-energy{display:flex;align-items:center;gap:5px;color:var(--mp-muted);font-size:11px}#mp-app .mp-energy input{width:64px;background:none;border:0;border-bottom:1px solid var(--mp-line);font-size:17px;font-weight:500;text-align:right;padding:4px 0;appearance:textfield}#mp-app .mp-energy input::-webkit-inner-spin-button{appearance:none}#mp-app .mp-work{display:grid;grid-template-columns:1.24fr 1fr;align-items:center;gap:8px;padding:0 28px 12px}#mp-app .mp-left{min-width:0}#mp-app .mp-stage{position:relative;aspect-ratio:1;max-width:500px;width:100%;margin:auto;isolation:isolate}#mp-app .mp-photo{background-image:var(--mp-atlas);background-size:400% 400%;background-position:var(--mp-x) var(--mp-y);width:100%;aspect-ratio:1;display:block;mix-blend-mode:multiply}#mp-app .mp-fridgeimage{position:absolute;inset:0;transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 850ms cubic-bezier(.22,1,.36,1),filter 650ms ease;pointer-events:none}#mp-app .mp-closed{opacity:1;transform:scale(1)}#mp-app .mp-opened{opacity:0;transform:scale(.975);filter:brightness(.83)}#mp-app .mp-stage[data-open=true] .mp-closed{opacity:0;transform:scale(.985)}#mp-app .mp-stage[data-open=true] .mp-opened{opacity:1;transform:scale(1);filter:brightness(1)}#mp-app .mp-fridgehit{position:absolute;inset:4% 23% 7%;z-index:2;border-radius:12px!important;cursor:grab}#mp-app .mp-fridgehit:active{cursor:grabbing}#mp-app .mp-handle-light{position:absolute;left:47%;top:18%;width:1px;height:23%;background:#fffefb;box-shadow:0 0 9px 3px #fffbe57d;opacity:0;transition:opacity 230ms}#mp-app .mp-stage:hover .mp-handle-light{opacity:.65}#mp-app .mp-stage[data-open=true] .mp-handle-light{opacity:0}#mp-app .mp-slots{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transition:opacity 350ms 200ms}#mp-app .mp-stage[data-open=true] .mp-slots{opacity:1}#mp-app .mp-slot{position:absolute;width:12%;height:12%;pointer-events:auto;min-width:0;transition:transform 220ms cubic-bezier(.22,1,.36,1),filter 220ms;filter:drop-shadow(0 2px 2px #1c252318)}#mp-app .mp-slot:hover{transform:translateY(-3px)}#mp-app .mp-slot .mp-photo{mask-image:radial-gradient(ellipse at center,#000 50%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at center,#000 50%,transparent 74%)}#mp-app .mp-slot.mp-used{filter:drop-shadow(0 0 4px #fff7ad)}#mp-app .mp-slot.mp-unused{opacity:.32}#mp-app .mp-slot.mp-frozen{width:12.5%;height:14%}#mp-app .mp-freezerhit{position:absolute;top:65%;left:30%;width:40%;height:26%;z-index:2;border-radius:8px!important}#mp-app .mp-freezerhit:hover{box-shadow:inset 0 0 16px #e7faff55}#mp-app .mp-snow{position:absolute;left:27%;top:74%;color:#6e959e;opacity:0;transition:opacity 250ms;pointer-events:none;font-size:17px}#mp-app .mp-stage[data-open=true] .mp-snow{opacity:.9}#mp-app .mp-dock{display:flex;align-items:center;justify-content:center;gap:25px;min-height:77px;margin-top:-19px;position:relative;z-index:4}#mp-app .mp-docktext{font-size:12px;color:var(--mp-muted);min-width:72px;text-align:right;font-variant-numeric:tabular-nums}#mp-app .mp-platehit{width:70px;height:70px;border-radius:50%;position:relative;box-shadow:0 7px 13px #333d3020;transition:transform 350ms cubic-bezier(.22,1,.36,1)}#mp-app .mp-platehit:hover{transform:translateY(-3px) rotate(-4deg)}#mp-app .mp-platehit:active{transform:scale(.95)}#mp-app .mp-plate{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#eeeae0 52%,#dad5c8 54%,#fffdf5 57%,#e6e3d9 70%,#fffef7 71%);box-shadow:inset 1px 2px 3px #fffdf7;color:#76816c;display:grid;place-items:center;font-size:23px}#mp-app .mp-badge{position:absolute;top:0;right:-4px;border-radius:50%;width:23px;height:23px;background:var(--mp-active);color:var(--mp-bg);font-size:11px;display:grid;place-items:center}#mp-app .mp-panel{min-width:0;padding:10px 0 15px}#mp-app .mp-tabs{display:flex;justify-content:space-between;gap:9px;align-items:center;border-bottom:1px solid var(--mp-line);margin:0 0 20px;padding-bottom:11px}#mp-app .mp-tab{position:relative;width:54px;height:54px;border-radius:50%;flex:none;opacity:.5;transition:opacity 180ms,transform 220ms}#mp-app .mp-tab .mp-photo{border-radius:50%;mask-image:radial-gradient(#000 48%,transparent 73%)}#mp-app .mp-tab:hover{opacity:1;transform:translateY(-2px)}#mp-app .mp-tab[aria-pressed=true]{opacity:1}#mp-app .mp-tab[aria-pressed=true]:after{content:'';height:3px;width:19px;border-radius:2px;background:var(--mp-active);position:absolute;bottom:-12px;left:calc(50% - 9px)}#mp-app .mp-tab.mp-all{font-size:24px;letter-spacing:-3px;color:var(--mp-active)}#mp-app .mp-search{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px;height:31px;color:var(--mp-muted)}#mp-app .mp-search input{width:100%;min-width:0;background:transparent;border:0;font-size:16px;padding:4px 0}#mp-app .mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 10px}#mp-app .mp-item{position:relative;aspect-ratio:1;border-radius:50%;width:100%;min-height:44px;transition:transform 220ms cubic-bezier(.22,1,.36,1)}#mp-app .mp-item:hover{transform:translateY(-3px) scale(1.035)}#mp-app .mp-item:active{transform:scale(.94)}#mp-app .mp-item .mp-photo{border-radius:22px;mask-image:radial-gradient(ellipse,#000 53%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 53%,transparent 73%)}#mp-app .mp-item[aria-pressed=true]:after{content:'✓';position:absolute;bottom:6px;right:4px;background:var(--mp-active);color:var(--mp-bg);border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:11px}#mp-app .mp-item[aria-pressed=true] .mp-photo{filter:saturate(.78)}#mp-app .mp-name{position:absolute;bottom:-7px;left:0;right:0;text-align:center;font-size:10px;color:var(--mp-muted);opacity:0;transform:translateY(2px);transition:opacity 140ms,transform 140ms;pointer-events:none;background:var(--mp-bg);border-radius:7px;z-index:5;padding:2px}#mp-app .mp-item:hover .mp-name,#mp-app .mp-item:focus-visible .mp-name{opacity:1;transform:translateY(0)}#mp-app .mp-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:7px 32px 0;padding:12px 0 16px;border-top:1px solid var(--mp-line);color:var(--mp-muted);font-size:10px}#mp-app .mp-summary{display:flex;gap:10px;align-items:center}#mp-app .mp-inventory-count{min-width:20px;font-variant-numeric:tabular-nums}#mp-app .mp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#mp-app .mp-error{font-size:12px;color:var(--mp-muted);padding:20px 10px;text-align:center}#mp-app .mp-flight{position:absolute;z-index:10;width:70px;height:70px;pointer-events:none;mix-blend-mode:multiply}#mp-app .mp-flight .mp-photo{mask-image:radial-gradient(#000 45%,transparent 73%)}#mp-app .mp-result{position:relative}#mp-app .mp-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--mp-muted);font-size:12px}#mp-app .mp-icon{width:44px;height:44px;display:grid;place-items:center;font-size:21px;border-radius:50%;color:var(--mp-muted)}#mp-app .mp-foodplate{width:100%;aspect-ratio:1;position:relative;margin:7px auto 0;animation:mp-reveal 550ms cubic-bezier(.22,1,.36,1)}#mp-app .mp-foodplate>.mp-photo{border-radius:50%;mask-image:radial-gradient(#000 64%,transparent 73%)}#mp-app .mp-otherplate{background:radial-gradient(circle,#f5f1e5 54%,#dbd7c9 55%,#fffdf2 58%,#e5e2d6 69%,transparent 70%);filter:drop-shadow(0 9px 8px #363e2620)}#mp-app .mp-otherplate .mp-photo{position:absolute;width:42%;mask-image:radial-gradient(#000 40%,transparent 72%)}#mp-app .mp-otherplate .mp-photo:nth-child(1){left:18%;top:15%}#mp-app .mp-otherplate .mp-photo:nth-child(2){left:46%;top:35%}#mp-app .mp-otherplate .mp-photo:nth-child(3){left:18%;top:51%}#mp-app .mp-recipe-meta{display:flex;align-items:baseline;justify-content:center;gap:17px}#mp-app .mp-kcal{font-size:23px;font-weight:500;letter-spacing:-.6px}#mp-app .mp-time{font-size:11px;color:var(--mp-muted)}#mp-app .mp-quantities{display:flex;justify-content:center;gap:10px;margin-top:12px}#mp-app .mp-quantity{width:63px;text-align:center;font-size:11px;color:var(--mp-muted)}#mp-app .mp-quantity .mp-photo{mask-image:radial-gradient(#000 44%,transparent 72%)}#mp-app .mp-switch{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}#mp-app .mp-dot{width:32px;height:32px;display:grid;place-items:center}#mp-app .mp-dot:before{content:'';width:5px;height:5px;background:var(--mp-muted);border-radius:50%}#mp-app .mp-dot[aria-pressed=true]:before{background:var(--mp-active);width:18px;border-radius:4px}#mp-app details{font-size:11px;color:var(--mp-muted);margin-top:10px}#mp-app summary{list-style:none;text-align:center;min-height:40px;padding:10px;font-size:15px}#mp-app details p{margin:7px 0}#mp-app details ol{padding-left:17px}#mp-app details li{margin:7px 0}
#mp-app .mp-fridgeimage{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}#mp-app .mp-fridgeimage .mp-photo{mask-image:linear-gradient(transparent,#000 4%,#000 98%,transparent)}#mp-app .mp-snow{top:66%}
#mp-app .mp-dock{min-height:28px;margin-top:0}#mp-app .mp-docktext{text-align:center}#mp-app .mp-suggestions{display:flex;justify-content:center;gap:10px;margin-top:14px}#mp-app .mp-suggestions:empty{display:none}#mp-app .mp-recipe-preview{position:relative;width:100px;aspect-ratio:1;border-radius:50%;transition:transform 250ms ease}#mp-app .mp-recipe-preview:hover{transform:scale(1.04)}#mp-app .mp-recipe-preview>.mp-photo{border-radius:50%;mask-image:radial-gradient(#000 62%,transparent 73%)}
#mp-app .mp-suggestions{justify-content:flex-start;align-items:center;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid var(--mp-line)}
#mp-app .mp-launch{display:flex;align-items:center;gap:14px;text-align:left;width:100%}
#mp-app .mp-launch .mp-recipe-preview{display:block;flex:0 0 108px}
#mp-app .mp-launch-copy{font-size:14px;font-weight:500}
#mp-app .mp-launch-copy small{display:block;font-size:11px;font-weight:400;color:var(--mp-muted);margin-top:4px}
#mp-app .mp-missing{display:flex;align-items:center;gap:6px;margin-top:3px}
#mp-app .mp-missing .mp-item{width:52px;flex:0 0 52px}
#mp-app .mp-awaitplate{flex:0 0 85px;opacity:.55}
#mp-app .mp-ready-note{font-size:11px;color:var(--mp-muted)}
#mp-app .mp-cooking{position:relative;min-height:410px;display:grid;align-content:center}
#mp-app .mp-cooking[hidden]{display:none}
#mp-app .mp-cook-back{position:absolute;top:0;left:0;z-index:5}
#mp-app .mp-cook-scene{position:relative;width:100%;max-width:350px;aspect-ratio:1;margin:auto;isolation:isolate;pointer-events:none}
#mp-app .mp-pan-shadow{position:absolute;left:19%;top:65%;width:65%;height:12%;border-radius:50%;background:#303a321b;filter:blur(13px);animation:mp-shadow 4500ms cubic-bezier(.4,0,.2,1) both}
#mp-app .mp-pan{position:absolute;inset:0;animation:mp-saute 4500ms cubic-bezier(.4,0,.2,1) both;transform-origin:50% 64%}
#mp-app .mp-pan:before{content:'';position:absolute;width:29%;height:8%;top:59%;left:1%;border-radius:18px 4px 4px 18px;background:linear-gradient(#6a6d67,#292d29 42%,#191d19 64%,#4b5049);transform:rotate(-17deg);box-shadow:0 3px 3px #20272024}
#mp-app .mp-pan:after{content:'';position:absolute;width:67%;height:40%;left:24%;top:40%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#545b50 0%,#343c32 59%,#151c16 67%,#b9bbae 69%,#e1e1d7 71%,#4a5149 73%,#292f28 79%);box-shadow:0 9px 0 -3px #242b23,0 14px 12px -5px #25322340}
#mp-app .mp-cook-food{position:absolute;z-index:2;width:29%;left:var(--cook-left);top:var(--cook-top);opacity:0;animation:mp-drop 650ms cubic-bezier(.2,0,0,1) var(--cook-delay) both}
#mp-app .mp-cook-food .mp-photo{mask-image:radial-gradient(#000 42%,transparent 72%)}
#mp-app .mp-steam{position:absolute;z-index:3;left:42%;top:26%;width:8%;height:26%;border-radius:50%;background:linear-gradient(transparent,#ffffff94,transparent);filter:blur(8px);opacity:0;animation:mp-steam 1300ms cubic-bezier(.4,0,.2,1) 850ms both}
#mp-app .mp-steam:nth-of-type(2){left:59%;animation-delay:1000ms;height:30%}
#mp-app .mp-steam:nth-of-type(3){left:74%;animation-delay:1150ms;height:22%}
#mp-app .mp-cook-caption{font-size:12px;letter-spacing:.08em;color:var(--mp-muted);text-align:center;margin:0;animation:mp-reveal 400ms cubic-bezier(.2,0,0,1)}
#mp-app[data-cooking=true] .mp-left{opacity:.5;transition:opacity 350ms ease}
@keyframes mp-drop{0%{opacity:0;transform:translate(-15px,-65px) rotate(-12deg) scale(.85)}45%{opacity:1;transform:translate(-6px,-32px) rotate(-5deg) scale(.95)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes mp-saute{0%{opacity:0;transform:translateY(12px) scale(.94)}16%,38%{opacity:1;transform:translateY(0) rotate(0) scale(1)}48%{transform:translate(6px,-8px) rotate(-5deg)}59%{transform:translate(-2px,2px) rotate(2deg)}70%,79%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}100%{opacity:0;transform:translateY(12px) scale(.95)}}
@keyframes mp-steam{0%{opacity:0;transform:translateY(15px) scale(.65)}40%{opacity:.7;transform:translate(3px,-8px) scale(1)}100%{opacity:0;transform:translate(-6px,-38px) scale(1.3)}}
@keyframes mp-shadow{0%{opacity:0;transform:scale(.8)}25%,40%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.87)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}
@container(max-width:530px){#mp-app[data-cooking=true] .mp-left{display:none}#mp-app .mp-cooking{min-height:380px}}
@keyframes mp-reveal{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@container(max-width:700px){#mp-app .mp-header{padding:20px 24px 6px;padding-right:95px}#mp-app .mp-work{padding:0 15px 12px;gap:0;grid-template-columns:1.12fr 1fr}#mp-app .mp-tabs{gap:2px}#mp-app .mp-tab{width:40px;height:44px}#mp-app .mp-grid{gap:7px 5px}#mp-app .mp-dock{margin-top:-2px;gap:12px}#mp-app .mp-docktext{font-size:10px;min-width:55px}#mp-app .mp-platehit{width:57px;height:57px}}
@container(max-width:530px){#mp-app .mp-header{padding:18px 20px 0;padding-right:95px}#mp-app .mp-logo{font-size:25px}#mp-app .mp-energy{gap:3px;font-size:10px}#mp-app .mp-energy input{width:54px;font-size:16px}#mp-app .mp-work{display:block;padding:0 16px 4px}#mp-app .mp-stage{max-width:345px;margin-top:-1px}#mp-app .mp-dock{min-height:48px;margin-top:-10px;gap:18px}#mp-app .mp-platehit{width:48px;height:48px}#mp-app .mp-plate{font-size:19px}#mp-app .mp-docktext{font-size:11px}#mp-app .mp-panel{padding:10px 0 4px}#mp-app .mp-tabs{max-width:310px;margin:0 auto 7px;padding-bottom:6px}#mp-app .mp-tab{width:44px;height:44px}#mp-app .mp-tab[aria-pressed=true]:after{bottom:-7px}#mp-app .mp-search{height:24px;margin-bottom:3px;margin-top:5px}#mp-app .mp-search input{height:24px}#mp-app .mp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 9px}#mp-app .mp-item .mp-name{font-size:9px}#mp-app .mp-item[aria-pressed=true]:after{width:17px;height:17px;font-size:10px;right:0;bottom:4px}#mp-app .mp-footer{margin:6px 20px 0;padding:10px 0 14px;font-size:9px}#mp-app .mp-result .mp-foodplate{max-width:285px}#mp-app[data-view=plate] .mp-left{display:none}#mp-app .mp-result-head{margin-top:16px}#mp-app .mp-slot{width:14%;height:14%}#mp-app .mp-quantity{width:60px}}
@media(prefers-reduced-motion:reduce){#mp-app *,#mp-app *:after{animation:none!important;transition:none!important}}

#mp-app .mp-suggestions{display:block;margin-bottom:16px}
#mp-app .mp-dishes-heading{display:flex;justify-content:space-between;font-size:15px;margin-bottom:10px}#mp-app .mp-dishes-heading small{font-size:11px;color:var(--mp-muted)}
#mp-app .mp-dishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}#mp-app .mp-dish{text-align:left;min-width:0;padding:5px;border-radius:12px;transition:background 180ms ease}#mp-app .mp-dish[aria-pressed=true]{background:color-mix(in srgb,var(--mp-active) 10%,transparent)}#mp-app .mp-dish .mp-recipe-preview{display:block;width:95px;margin:auto}#mp-app .mp-dish strong{display:block;font-size:12px;font-weight:500;margin-top:5px}#mp-app .mp-dish small{display:block;font-size:11px;color:var(--mp-muted);margin-top:3px}#mp-app .mp-more summary{font-size:12px;text-align:left}#mp-app .mp-needed{margin-top:12px;padding-top:12px;border-top:1px solid var(--mp-line);font-size:12px}#mp-app .mp-needed small{display:block;color:var(--mp-muted);margin-top:4px}
#mp-app .mp-cook-tip{font-size:14px;line-height:1.6;text-align:center;max-width:280px;margin:15px auto;min-height:48px;color:var(--mp-active)}
#mp-app .mp-recipe-title{font-size:23px;font-weight:500;line-height:1.2;text-align:center;margin:0 0 12px}#mp-app .mp-result .mp-foodplate{max-width:240px}#mp-app .mp-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 8px}#mp-app .mp-macros div{text-align:center}#mp-app .mp-macros strong{display:block;font-size:18px;font-weight:500}#mp-app .mp-macros span{font-size:11px;color:var(--mp-muted)}#mp-app .mp-demo-note{font-size:11px;line-height:1.6;color:var(--mp-muted)}#mp-app .mp-timings{display:flex;gap:20px;justify-content:center;padding:14px 0;border-block:1px solid var(--mp-line);font-size:12px}#mp-app .mp-timings strong{display:block;font-weight:500;margin-top:3px}#mp-app .mp-section-title{font-size:15px;font-weight:500;margin:22px 0 10px}#mp-app .mp-ingredients>div{display:flex;align-items:center;gap:10px;font-size:12px;padding:4px 0}#mp-app .mp-ingredients .mp-photo{width:42px;flex:0 0 42px;mask-image:radial-gradient(#000 45%,transparent 73%)}#mp-app .mp-ingredients strong{margin-left:auto;font-weight:500}#mp-app .mp-steps label{display:flex;gap:10px;padding:10px 0;font-size:12px;line-height:1.7}#mp-app .mp-steps input{accent-color:var(--mp-active);margin-top:5px;width:17px;height:17px;flex:0 0 17px}#mp-app .mp-steps b{margin-right:10px;font-weight:500;color:var(--mp-active)}#mp-app .mp-steps input:checked+span{opacity:.5;text-decoration:line-through}#mp-app .mp-another{padding:14px 0;font-size:13px;color:var(--mp-active);text-decoration:underline}
#mp-app[data-view=plate] .mp-work{align-items:start}


#mp-app .mp-mobile-nav,#mp-app .mp-mobile-pages,#mp-app .mp-detail-nav{display:none}
@container(max-width:600px){
#mp-app .mp-header{padding:14px 96px 8px 16px;gap:12px}#mp-app .mp-logo{font-size:24px}#mp-app .mp-energy{font-size:10px;gap:2px}#mp-app .mp-energy input{width:48px;font-size:16px}
#mp-app .mp-mobile-nav,#mp-app .mp-detail-nav{display:flex;gap:4px;margin:4px 16px 8px;background:color-mix(in srgb,var(--mp-active) 8%,var(--mp-bg));border-radius:12px;padding:3px}#mp-app .mp-mobile-nav button,#mp-app .mp-detail-nav button{flex:1;min-height:38px;font-size:12px;border-radius:9px}#mp-app .mp-mobile-nav button[aria-pressed=true],#mp-app .mp-detail-nav button[aria-pressed=true]{background:var(--mp-bg);box-shadow:0 2px 6px #0000000c;color:var(--mp-active);font-weight:500}
#mp-app .mp-work{display:block;padding:0 16px 4px}#mp-app .mp-stage{max-width:170px;margin:0 auto}#mp-app .mp-dock{min-height:20px;margin:0}#mp-app .mp-docktext{font-size:11px;text-align:center}#mp-app .mp-panel{padding:2px 0}
#mp-app[data-mobile-tab=fridge] #mp-suggestions{display:none}#mp-app[data-mobile-tab=meals] .mp-left,#mp-app[data-mobile-tab=meals] #mp-tabs,#mp-app[data-mobile-tab=meals] .mp-search,#mp-app[data-mobile-tab=meals] #mp-grid{display:none}
#mp-app .mp-tabs{gap:3px;padding-bottom:4px;margin:2px auto 5px;max-width:340px}#mp-app .mp-tab{width:44px;height:44px}#mp-app .mp-tab[aria-pressed=true]:after{bottom:-5px}#mp-app .mp-search{height:27px;margin:2px 0 3px}#mp-app .mp-search input{height:27px;font-size:16px}
#mp-app .mp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px;max-width:350px;margin:auto}#mp-app #mp-grid .mp-item{max-height:74px}#mp-app #mp-grid .mp-item:not(.mp-mobile-show){display:none}
#mp-app .mp-mobile-pages{display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;color:var(--mp-muted);font-size:11px}#mp-app .mp-mobile-pages button{min-width:44px;min-height:38px;font-size:19px}#mp-app .mp-mobile-pages:has(button[disabled]:first-child):has(button[disabled]:last-child){visibility:hidden;min-height:12px;height:12px}
#mp-app .mp-suggestions{margin:0;padding:6px 0;border:0}#mp-app .mp-dishes-heading{margin-bottom:6px;font-size:14px}#mp-app .mp-dishes{gap:10px}#mp-app .mp-dish{padding:5px}#mp-app .mp-dish .mp-recipe-preview{width:82px}#mp-app .mp-dish strong{font-size:12px;line-height:1.35}#mp-app .mp-dish small{font-size:11px}#mp-app .mp-dish:not(.mp-mobile-show){display:none}#mp-app .mp-dishes:not(:has(.mp-mobile-show)){display:none}#mp-app .mp-more{display:contents}#mp-app .mp-more>summary{display:none}#mp-app .mp-more:not([open])>.mp-dishes{display:grid}#mp-app .mp-more:not([open])>.mp-dishes:not(:has(.mp-mobile-show)){display:none}
#mp-app .mp-needed{margin-top:8px;padding-top:8px}#mp-app .mp-footer{margin:0 16px;padding:8px 0;font-size:10px}#mp-app .mp-slot{pointer-events:none}#mp-app .mp-flight{display:none}
#mp-app[data-view=plate] .mp-mobile-nav,#mp-app[data-view=plate] .mp-left,#mp-app[data-cooking=true] .mp-mobile-nav{display:none}#mp-app .mp-result-head{margin:0}#mp-app .mp-detail-nav{margin:0 0 6px}#mp-app .mp-result .mp-foodplate{max-width:105px;margin:0 auto}#mp-app .mp-recipe-title{font-size:19px;margin:0 0 5px}#mp-app .mp-kcal{font-size:20px}#mp-app .mp-macros{margin:10px 0 5px}#mp-app .mp-macros strong{font-size:16px}#mp-app .mp-demo-note{margin:6px 0;font-size:11px;line-height:1.35}#mp-app .mp-timings{padding:8px 0}#mp-app .mp-section-title{margin:10px 0 5px;font-size:14px}#mp-app .mp-ingredients>div{padding:1px 0}#mp-app .mp-ingredients .mp-photo{width:30px;flex-basis:30px}#mp-app[data-detail-tab=summary] .mp-detail-steps,#mp-app[data-detail-tab=steps] .mp-detail-summary{display:none}#mp-app .mp-steps label{font-size:12px;line-height:1.5;padding:9px 0}#mp-app .mp-cooking{min-height:380px}#mp-app .mp-cook-scene{max-width:280px}
}

@container(max-width:360px){#mp-app .mp-stage{max-width:130px}#mp-app .mp-header{padding-top:10px}#mp-app .mp-result .mp-foodplate{max-width:80px}#mp-app .mp-recipe-title{font-size:17px}}
@container(max-width:600px){#mp-app:not([data-detail-tab=summary]) .mp-detail-summary,#mp-app:not([data-detail-tab=quantities]) .mp-detail-quantities,#mp-app:not([data-detail-tab=steps]) .mp-detail-steps{display:none}}
@container(max-width:600px){#mp-app .mp-header{flex-wrap:wrap;gap:5px;padding-top:12px}#mp-app .mp-logo{font-size:22px;letter-spacing:-1px}#mp-app .mp-energy{margin-left:auto}}

#mp-app{--mp-meals:url('./assets/cooked-meals-hands.jpg')}
#mp-app .mp-meal-photo{display:block;width:100%;aspect-ratio:1;background-image:var(--mp-meals);background-size:400% 400%;background-position:var(--meal-x) var(--meal-y);border-radius:50%;mask-image:radial-gradient(#000 63%,transparent 74%);mix-blend-mode:multiply}
#mp-app .mp-portion-toggle{display:flex;gap:6px;padding:3px;background:color-mix(in srgb,var(--mp-active) 8%,var(--mp-bg));border-radius:10px;margin:10px 0}
#mp-app .mp-portion-toggle button{flex:1;font-size:12px;min-height:38px;border-radius:8px}#mp-app .mp-portion-toggle button[aria-pressed=true]{background:var(--mp-bg);color:var(--mp-active);font-weight:500}
#mp-app .mp-hand-row{display:flex;gap:12px;align-items:center;padding:5px 0;border-bottom:1px solid var(--mp-line)}#mp-app .mp-hand-row>.mp-meal-photo{width:48px;flex:0 0 48px}#mp-app .mp-hand-row strong{display:block;font-weight:500;font-size:13px}#mp-app .mp-hand-row small{display:block;font-size:11px;color:var(--mp-muted);margin-top:3px}#mp-app .mp-hand-note{font-size:11px;line-height:1.45;color:var(--mp-muted);margin:9px 0}#mp-app .mp-hand-note a{color:var(--mp-active)}#mp-app .mp-hand-guide summary{font-size:12px;text-align:left;padding:7px 0;min-height:32px}#mp-app .mp-hand-guide p{font-size:11px;line-height:1.5;margin:4px 0}