/* Fill an actual phone viewport; keep a phone-sized preview on desktop. */
body{padding:0!important;margin:0;background:#f5f7f3!important}
.lns-shell{padding:16px 0}
.lns-device{width:min(100%,500px);margin:auto;container-type:inline-size}
#mp-app{width:100%;min-height:860px;display:flex;flex-direction:column;box-sizing:border-box}
#mp-app .mp-footer{margin-top:auto}
#mp-app .mp-header{padding:20px 18px 12px;align-items:center}
#mp-app .mp-work{padding-inline:18px}
#mp-app .mp-stage{max-width:210px}
#mp-app .mp-dish .mp-recipe-preview{width:108px}
#mp-app .mp-result .mp-foodplate{max-width:155px}
#mp-app .mp-recipe-title{font-size:21px;line-height:1.3}
#mp-app .mp-meat-note{margin:12px 0;padding:12px 14px;border:1px solid #e8dcc8;border-radius:14px;background:#fffbf4;font-size:12px;line-height:1.5;color:#554c3a;text-align:left}
#mp-app .mp-meat-note>strong{font-weight:600;color:#425842}
#mp-app .mp-meat-note p{margin:6px 0}
#mp-app .mp-meat-note summary{cursor:pointer;padding:6px 0;color:#315940}
#mp-app .mp-meat-note a{color:#315940;text-underline-offset:3px}
@media(max-width:600px){
 body{background:#fff!important}
 .lns-shell{padding:0}
 .lns-device{width:100%;max-width:none}
 #mp-app{min-height:100svh;min-height:100dvh;max-width:none;border:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 #mp-app .mp-stage{max-width:clamp(155px,25svh,230px)}
 #mp-app .mp-grid{max-width:none}
 #mp-app .mp-result .mp-foodplate{max-width:clamp(110px,18svh,165px)}
}
@media(max-width:360px){#mp-app .mp-work{padding-inline:12px}#mp-app .mp-recipe-title{font-size:19px}#mp-app .mp-dish .mp-recipe-preview{width:85px}}
/* Larger content, readable names and a separate selection badge. */
#mp-app .mp-logo{font-size:26px}
#mp-app .mp-stage{max-width:clamp(190px,28svh,260px)}
#mp-app .mp-mobile-nav button,#mp-app .mp-detail-nav button{font-size:13px;min-height:44px}
#mp-app .mp-dish .mp-recipe-preview{width:130px}
#mp-app .mp-dish strong{font-size:14px;line-height:1.35;min-height:38px}
#mp-app .mp-dish small{font-size:12px}
#mp-app .mp-result .mp-foodplate{max-width:180px}
#mp-app .mp-grid{max-width:none;gap:10px 8px}
#mp-app .mp-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;aspect-ratio:auto;border:1px solid #e8ede6;border-radius:14px;padding:7px 4px 5px;background:#fff;min-width:0}
#mp-app #mp-grid .mp-item{max-height:none;min-height:108px}
#mp-app .mp-item .mp-photo{width:min(100%,74px);flex:none;margin:0 auto;border-radius:0}
#mp-app .mp-photo.mp-photo-cutout{mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal}
#mp-app .mp-item .mp-name{position:static;display:block;opacity:1;transform:none;background:transparent;padding:5px 1px 0;min-height:30px;width:100%;font-size:12px;font-weight:500;line-height:1.25;color:#314b3e;overflow-wrap:anywhere;z-index:auto}
#mp-app .mp-item[aria-pressed=true]{background:#f0f6ec;border-color:#62856a}
#mp-app .mp-item[aria-pressed=true]:after{top:4px;right:4px;bottom:auto;width:17px;height:17px;font-size:10px;box-shadow:0 0 0 2px #fff}
#mp-app .mp-item[aria-pressed=true] .mp-photo{filter:none}
#mp-app .mp-missing{flex-wrap:wrap;gap:8px}
#mp-app .mp-missing .mp-item{width:96px;flex:0 0 96px}
@media(max-width:360px){#mp-app .mp-logo{font-size:23px}#mp-app .mp-stage{max-width:170px}#mp-app .mp-dish .mp-recipe-preview{width:105px}#mp-app .mp-item .mp-name{font-size:11px}#mp-app .mp-grid{gap:7px 5px}}