/* Existing milk, forest green and terracotta colors remain the shared palette. */
.tour-replay{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:0 0 4px;background:none;border:0;border-bottom:1px solid #173b3260;color:var(--green);font-size:14px;font-weight:600;min-height:36px}
.photo .kitchen-mascot{position:absolute;width:150px;height:150px;object-fit:contain;bottom:-4px;right:5px;z-index:2;filter:drop-shadow(0 8px 10px #102b2440)}
.photo>img:first-child{filter:brightness(.92)}.photo span{max-width:calc(100% - 160px)}
.pantry-name{display:flex;align-items:center;gap:9px;min-width:0}.pantry-name>span{overflow-wrap:anywhere}.food-icon{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;background:#f5f2eb;border-radius:10px;font-size:22px;font-style:normal}.pantry-item{padding:5px 0;border-bottom:1px solid #edf0ec}.pantry-item input{flex-shrink:0}.pantry-item .remove{min-width:32px;min-height:36px}.recipe-products{display:flex;gap:8px;margin-top:18px}.recipe-products>span{width:42px;height:42px;display:grid;place-items:center;font-size:25px;background:#f6f3ed;border-radius:50%}.card{overflow:hidden}.recipe-open{min-height:44px}.save{min-width:40px;min-height:40px}.panel{scroll-margin-top:18px}.results h2{scroll-margin-top:20px}
.welcome-dialog{width:min(490px,calc(100% - 24px));padding:0;max-height:calc(100dvh - 28px);background:#f5f7f4;border-radius:26px;overflow:auto;box-shadow:0 24px 100px #102b2433}.welcome-dialog::backdrop{background:#102b2499;backdrop-filter:blur(7px)}.welcome-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.welcome-skip{color:var(--muted);background:none;border:0;padding:10px 0 10px 14px;font-size:14px;min-height:44px}.welcome-art{height:260px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#e9e8dc 0%,#f5f7f400 65%);overflow:hidden}.welcome-art>img{width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 12px 10px #173b3217);margin-top:-10px}.welcome-orbit{position:absolute;inset:18px 26px 54px;pointer-events:none}.welcome-orbit>span{position:absolute;display:grid;place-items:center;width:54px;height:54px;background:white;border:1px solid #e9e8df;border-radius:17px;box-shadow:0 8px 16px #173b3208;font-size:30px}.welcome-orbit>span:nth-child(1){top:14px;left:10px;transform:rotate(-10deg)}.welcome-orbit>span:nth-child(2){top:6px;right:8px;transform:rotate(9deg)}.welcome-orbit>span:nth-child(3){bottom:3px;right:0;transform:rotate(-6deg)}.welcome-example{position:absolute;bottom:6px;left:18px;right:18px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.welcome-example>span{font-size:14px;background:white;border:1px solid var(--line);border-radius:12px;padding:8px 12px;box-shadow:0 6px 16px #173b3208}.welcome-example .welcome-recipe{display:flex;align-items:center;gap:12px;max-width:100%;color:var(--green);font-weight:600}.welcome-recipe b{font-size:26px;color:var(--orange)}.welcome-copy{text-align:center;padding:16px 30px 0;min-height:158px}.welcome-copy h2{font-size:29px;line-height:1.15;letter-spacing:-.6px;margin:0 0 12px;max-width:100%}.welcome-copy .eyebrow{color:var(--orange);font-size:13px}.welcome-copy>p:last-child{font-size:16px;line-height:1.5;color:var(--muted);margin:0}.welcome-bottom{padding:18px 24px 24px}.welcome-dots{display:flex;gap:7px;justify-content:center;margin-bottom:18px}.welcome-dots span{height:6px;width:6px;border-radius:8px;background:#d3dcd4}.welcome-dots .active{width:23px;background:var(--orange)}.welcome-actions{display:flex;gap:12px}.welcome-next{justify-content:center;border-radius:14px;min-height:50px}.welcome-back{background:white;color:var(--green);border:1px solid var(--line);border-radius:14px;padding:10px 16px;min-height:50px;font-size:14px}
@media(prefers-reduced-motion:no-preference){.welcome-art>img{animation:pot-arrive .65s cubic-bezier(.2,.8,.2,1) both}.welcome-orbit>span{animation:ingredient-arrive .5s cubic-bezier(.2,.8,.2,1) both}.welcome-orbit>span:nth-child(2){animation-delay:.12s}.welcome-orbit>span:nth-child(3){animation-delay:.24s}.welcome-example>span{animation:soft-enter .4s .18s both}.welcome-example>span:nth-child(2){animation-delay:.26s}.welcome-example>span:nth-child(3){animation-delay:.34s}.pantry-item{animation:soft-enter .3s ease-out both}.recipe-products>span{animation:ingredient-arrive .4s ease-out both}.recipe-products>span:nth-child(2){animation-delay:.06s}.recipe-products>span:nth-child(3){animation-delay:.12s}.recipe-products>span:nth-child(4){animation-delay:.18s}.photo .kitchen-mascot{animation:pot-arrive .7s .12s both}.welcome-dots span{transition:width .25s,background .25s}.card{transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#b3c3b8;box-shadow:0 8px 24px #173b3208}}
@keyframes pot-arrive{from{opacity:0;transform:translateY(20px) scale(.9) rotate(-4deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes ingredient-arrive{from{opacity:0;translate:0 14px;scale:.7}to{opacity:1;translate:0 0;scale:1}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:480px){.intro{gap:16px}.intro h1{font-size:38px}.intro .photo{height:125px}.photo .kitchen-mascot{width:130px;height:130px}.welcome-top{padding:10px 20px 0}.welcome-art{height:235px}.welcome-art>img{width:205px;height:205px}.welcome-copy{padding:12px 22px 0;min-height:152px}.welcome-copy h2{font-size:27px}.welcome-bottom{padding:16px 20px 20px}.welcome-orbit{left:15px;right:15px}.welcome-orbit>span{width:44px;height:44px;font-size:26px}.pantry-item{font-size:14px}.pantry-item input{width:66px}.food-icon{width:30px;height:32px;flex-basis:30px;font-size:21px}}
@media(max-height:680px){.welcome-art{height:180px}.welcome-art>img{width:165px;height:165px}.welcome-copy{min-height:0;padding-top:12px}.welcome-copy h2{font-size:24px}.welcome-bottom{padding-top:14px}.welcome-orbit>span{width:38px;height:38px;font-size:24px}.welcome-example>span{padding:5px 8px}.welcome-dots{margin-bottom:12px}}
/* Two finite cinematic scenes: meals travel through, ingredients land in the pot. */
.cinema-dialog{width:min(510px,calc(100% - 20px))}.cinema-stage{position:relative;height:330px;overflow:hidden;background:radial-gradient(ellipse at center,#e9e8dc 0%,transparent 68%);contain:layout paint}.meal-film,.cooking-film{position:relative;width:100%;height:100%}.meal-frame{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;will-change:transform,opacity}.meal-frame img{width:236px;height:236px;object-fit:cover;border-radius:50%;box-shadow:0 12px 22px #173b3214}.meal-period{font-size:25px;font-weight:650;color:var(--green)}.meal-caption{font-size:15px;text-align:center;padding:0 20px;color:var(--muted)}.meal-frame-0,.meal-frame-1{opacity:0;pointer-events:none}.meal-frame-2{opacity:1}.cinema-dialog .welcome-copy{min-height:130px;padding-top:10px}.cinema-dialog .welcome-copy h2{font-size:28px}.cinema-controls{display:flex;justify-content:center;gap:16px;padding:4px 20px 0}.cinema-controls button{background:none;border:0;color:var(--muted);font-size:13px;min-height:36px;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.cinema-dialog .welcome-bottom{padding-top:8px}.cinema-dialog .welcome-dots{margin-bottom:14px}.ingredient-track{position:absolute;top:15px;left:0;right:0;height:90px}.flying-food{position:absolute;top:0;left:50%;width:100px;margin-left:-50px;display:flex;align-items:center;flex-direction:column;gap:3px;border:1px solid #dfe4df;background:white;box-shadow:0 6px 16px #173b320c;border-radius:16px;padding:8px 5px;font-size:13px;opacity:0;z-index:3;transform-origin:center center}.ingredient-picture{font-size:34px;line-height:1.1}.flying-food b{position:absolute;top:-7px;right:-5px;border-radius:50%;width:23px;height:23px;background:var(--green);color:white;text-align:center;font-size:15px}.film-pot{position:absolute;width:205px;height:205px;object-fit:contain;top:90px;left:50%;margin-left:-102.5px;filter:drop-shadow(0 9px 8px #173b3215);transform:translateY(-22px) scale(.76)}.cooking-status{position:absolute;top:6px;left:0;right:0;text-align:center;height:26px;font-size:16px;color:var(--green);font-weight:600}.cooking-status>span{position:absolute;inset:0;opacity:0}.cooking-status>span:last-child{opacity:1}.film-recipe{position:absolute;bottom:12px;left:20px;right:20px;display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:17px;padding:12px;box-shadow:0 10px 28px #173b3212}.film-recipe>img{width:76px;height:76px;object-fit:cover;border-radius:12px}.film-recipe>div{flex:1;min-width:0}.film-recipe small{display:block;font-size:12px;color:var(--muted)}.film-recipe strong{display:block;font-size:16px;font-weight:600;line-height:1.25;margin:3px 0}.film-recipe span{font-size:13px;color:var(--muted)}.film-recipe>b{color:var(--orange);font-size:20px}
@media(prefers-reduced-motion:no-preference){
.meal-frame-0{animation:meal-first 3.2s cubic-bezier(.3,0,.2,1) both}.meal-frame-1{animation:meal-pass 3.2s 3.2s cubic-bezier(.3,0,.2,1) both}.meal-frame-2{animation:meal-last 3.2s 6.4s cubic-bezier(.3,0,.2,1) both}
.flying-food{animation:food-flight 2.6s cubic-bezier(.3,0,.25,1) both}.food-1{animation-delay:1s}.food-2{animation-delay:2s}.flying-food b{animation:food-check 2.6s both}.food-1 b{animation-delay:1s}.food-2 b{animation-delay:2s}.film-pot{animation:pot-cook 6s ease-in-out both}.film-recipe{animation:recipe-reveal 6.6s cubic-bezier(.2,.7,.2,1) both}.cooking-status>span:nth-child(1){animation:status-choose 6.6s both}.cooking-status>span:nth-child(2){animation:status-cook 6.6s both}.cooking-status>span:nth-child(3){animation:status-ready 6.6s both}
}
@keyframes meal-first{0%{opacity:0;transform:translateX(100%) rotate(8deg)}18%,80%{opacity:1;transform:translateX(0) rotate(0)}100%{opacity:0;transform:translateX(-100%) rotate(-8deg)}}
@keyframes meal-pass{0%{opacity:0;transform:translateX(100%) rotate(8deg)}18%,80%{opacity:1;transform:translateX(0) rotate(0)}100%{opacity:0;transform:translateX(-100%) rotate(-8deg)}}
@keyframes meal-last{0%{opacity:0;transform:translateX(100%) rotate(8deg)}22%,100%{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes food-flight{0%{opacity:0;transform:translate(280px,18px) scale(.85);border-color:var(--line)}22%{opacity:1;transform:translate(55px,18px) scale(1);border-color:var(--line)}38%{opacity:1;transform:translate(0,18px) scale(1.06);border-color:var(--green);background:#edf2ed}58%{opacity:1;transform:translate(-28px,53px) scale(.85);border-color:var(--green)}80%{opacity:1;transform:translate(0,135px) scale(.3)}92%,100%{opacity:0;transform:translate(0,145px) scale(.08)}}
@keyframes food-check{0%,25%{opacity:0;scale:.3}35%,100%{opacity:1;scale:1}}
@keyframes pot-cook{0%,30%{transform:translateY(0) scale(1)}38%{transform:rotate(-4deg)}45%{transform:rotate(3deg)}52%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}69%{transform:rotate(-2deg)}78%{transform:rotate(0) scale(1.04)}90%,100%{transform:translateY(-22px) scale(.76)}}
@keyframes recipe-reveal{0%,79%{opacity:0;transform:translateY(60px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes status-choose{0%,55%{opacity:1}60%,100%{opacity:0}}
@keyframes status-cook{0%,58%{opacity:0}62%,78%{opacity:1}82%,100%{opacity:0}}
@keyframes status-ready{0%,82%{opacity:0}90%,100%{opacity:1}}
/* A complete readable illustration also exists without any motion. */
body.motion-paused .meal-film{display:flex;align-items:center;gap:8px;padding:0 16px}body.motion-paused .meal-frame{position:static;opacity:1;flex:1;min-width:0}body.motion-paused .meal-frame img{width:100%;height:auto;aspect-ratio:1}body.motion-paused .meal-period{font-size:17px}body.motion-paused .meal-caption{font-size:12px;padding:0}body.motion-paused .flying-food{display:none}
@media(prefers-reduced-motion:reduce){.meal-film{display:flex;align-items:center;gap:8px;padding:0 16px}.meal-frame{position:static;opacity:1;flex:1;min-width:0}.meal-frame img{width:100%;height:auto;aspect-ratio:1}.meal-period{font-size:17px}.meal-caption{font-size:12px;padding:0}.flying-food{display:none}}
@media(max-width:480px){.cinema-stage{height:310px}.meal-frame img{width:215px;height:215px}.cinema-dialog .welcome-copy{min-height:138px}.cinema-dialog .welcome-copy h2{font-size:25px}.film-recipe{left:14px;right:14px;padding:10px;gap:9px}.film-recipe strong{font-size:15px}.film-recipe>img{width:62px;height:62px}.film-pot{top:80px}.meal-period{font-size:24px}}
@media(max-height:720px){.cinema-stage{height:250px}.meal-frame img{width:170px;height:170px}.meal-period{font-size:22px}.meal-frame{gap:5px}.cinema-dialog .welcome-copy{min-height:0;padding-top:6px}.cinema-dialog .welcome-copy h2{font-size:23px}.cinema-dialog .welcome-copy>p:last-child{font-size:14px}.cinema-dialog .welcome-copy .eyebrow{margin-bottom:7px}.film-pot{width:155px;height:155px;top:60px;margin-left:-77.5px}.film-recipe{bottom:4px;padding:8px}.film-recipe>img{width:52px;height:52px}.flying-food{width:85px;margin-left:-42.5px;font-size:12px}.ingredient-picture{font-size:27px}.ingredient-track{top:5px}.cooking-status{font-size:14px}.cinema-controls{padding-top:0}.cinema-dialog .welcome-bottom{padding-bottom:16px}.cinema-dialog .welcome-dots{margin-bottom:9px}}
.scan-film{height:100%;position:relative;overflow:hidden}.scan-soon{position:absolute;top:9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:#944d22;background:#fff1e7;border-radius:20px;padding:4px 12px;z-index:4}.scan-table-dish{position:absolute;width:210px;height:210px;left:50%;top:47px;margin-left:-170px;border-radius:50%;object-fit:cover;box-shadow:0 8px 20px #173b3214;opacity:.3;transform:translateX(-30px) scale(.8)}.scan-phone{position:absolute;left:50%;top:42px;width:153px;height:220px;background:var(--green);border-radius:25px;padding:9px;box-shadow:0 14px 20px #173b3230;transform:translateX(-165px) scale(.85);overflow:hidden}.scan-phone>img{width:100%;height:100%;border-radius:17px;object-fit:cover}.phone-speaker{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:44px;height:9px;border-radius:6px;background:var(--green);z-index:3}.scan-corners{position:absolute;inset:47px 22px 55px;border:1px solid #ffffffce;border-radius:12px}.scan-beam{position:absolute;left:13px;right:13px;top:38px;height:3px;background:#f5b586;box-shadow:0 -8px 24px 9px #d94c2844;opacity:0}.scan-phone-label{position:absolute;bottom:16px;left:12px;right:12px;border-radius:10px;padding:6px;background:#173b32e8;color:white;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:5px}.scan-phone-label>b{font-size:14px}.scan-analysis{position:absolute;left:44%;right:16px;top:75px;background:white;border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:0 10px 24px #173b3212}.scan-analysis>small,.scan-recipe small{display:block;font-size:12px;color:var(--muted);line-height:1.35}.scan-chips{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 12px}.scan-chips span{background:#edf2ed;color:var(--green);padding:4px 7px;font-size:12px;border-radius:7px}.scan-recipe{border-top:1px solid var(--line);padding-top:10px}.scan-recipe strong{display:block;font-size:15px;line-height:1.25;margin:4px 0;color:var(--green)}.scan-recipe>span{font-size:12px;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.scan-table-dish{animation:dish-settle 7s ease both}.scan-phone{animation:phone-scan 7s cubic-bezier(.25,.65,.25,1) both}.scan-beam{animation:beam-sweep 7s linear both}.scan-analysis{animation:analysis-reveal 7s ease both}.scan-chips span{animation:scan-chip 7s ease both}.scan-chips span:nth-child(2){animation-delay:.18s}.scan-chips span:nth-child(3){animation-delay:.36s}.scan-recipe{animation:scan-recipe 7.6s ease both}}
@keyframes phone-scan{0%{opacity:0;transform:translate(170px,25px) rotate(14deg)}15%,55%{opacity:1;transform:translate(-65px,0) rotate(0)}75%,100%{opacity:1;transform:translateX(-165px) scale(.85)}}
@keyframes dish-settle{0%,55%{opacity:1;transform:translateX(0) scale(1)}80%,100%{opacity:.3;transform:translateX(-30px) scale(.8)}}
@keyframes beam-sweep{0%,18%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}36%{opacity:1;transform:translateY(130px)}52%{opacity:1;transform:translateY(0)}58%,100%{opacity:0;transform:translateY(130px)}}
@keyframes analysis-reveal{0%,60%{opacity:0;transform:translateX(35px)}78%,100%{opacity:1;transform:translateX(0)}}
@keyframes scan-chip{0%,69%{opacity:0;transform:translateY(6px)}84%,100%{opacity:1;transform:translateY(0)}}
@keyframes scan-recipe{0%,84%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:380px){.scan-phone{left:55%}.scan-analysis{left:45%;right:9px;padding:9px}.scan-recipe strong{font-size:14px}.scan-chips{gap:3px}.scan-chips span{font-size:11px;padding:3px 5px}}
@media(max-height:720px){.scan-phone{top:30px;height:185px;width:132px}.scan-table-dish{width:170px;height:170px;top:40px}.scan-analysis{top:46px;padding:9px}.scan-chips{margin:6px 0}.scan-recipe{padding-top:6px}.scan-recipe strong{font-size:14px}.scan-phone-label{font-size:9px}}

/* A continuous procession: unselected foods pass, selected foods leave the line. */
.conveyor-film .ingredient-track{top:40px;height:94px}
.conveyor-item{position:absolute;left:50%;top:0;width:84px;margin-left:-42px;opacity:0;z-index:3}
.conveyor-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 3px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 16px #173b320c;font-size:12px;transform-origin:center}
.conveyor-card .ingredient-picture{font-size:36px}
.conveyor-card b{position:absolute;right:-5px;top:-7px;background:var(--green);color:white;border-radius:50%;width:23px;height:23px;text-align:center;font-size:15px;opacity:0}
.selection-tap{position:absolute;width:32px;height:32px;border:3px solid var(--orange);border-radius:50%;right:8px;bottom:6px;opacity:0}
.conveyor-film .film-pot{top:122px;width:155px;height:155px;margin-left:-77.5px;transform:none}
.conveyor-film .film-recipe{opacity:0;bottom:8px}
.stew-ingredients{flex:0 0 64px!important;font-size:25px;line-height:1.1;max-width:64px;text-align:center}
@media(prefers-reduced-motion:no-preference){
.conveyor-item{animation:conveyor-pass 6s var(--arrival) linear both}
.conveyor-chosen{animation-name:conveyor-pick}
.conveyor-chosen .conveyor-card{animation:conveyor-highlight 6s var(--arrival) both}
.conveyor-card b{animation:conveyor-check 6s var(--arrival) both}
.selection-tap{animation:conveyor-tap 6s var(--arrival) both}
.conveyor-film .film-pot{animation:conveyor-pot 14s ease-in-out both}
.conveyor-film .film-recipe{animation:recipe-reveal 14s ease both}
.conveyor-film .cooking-status>span:nth-child(1){animation:status-choose 17s both}
.conveyor-film .cooking-status>span:nth-child(2){animation:status-cook 15s both}
.conveyor-film .cooking-status>span:nth-child(3){animation:status-ready 14s both}
}
@keyframes conveyor-pass{0%{opacity:0;transform:translateX(310px)}5%{opacity:1}95%{opacity:1}100%{opacity:0;transform:translateX(-310px)}}
@keyframes conveyor-pick{0%{opacity:0;transform:translate(310px,0)}5%{opacity:1}46%{opacity:1;transform:translate(25px,0)}53%{opacity:1;transform:translate(-19px,0)}60%{opacity:1;transform:translate(-38px,28px) scale(.95)}73%{opacity:0;transform:translate(0,133px) scale(.12)}100%{opacity:0;transform:translate(0,133px) scale(.12)}}
@keyframes conveyor-highlight{0%,45%{border-color:var(--line);background:white}49%,100%{border-color:var(--green);background:#edf2ed}}
@keyframes conveyor-check{0%,48%{opacity:0;scale:.4}53%,100%{opacity:1;scale:1}}
@keyframes conveyor-tap{0%,43%{opacity:0;scale:1.5}47%{opacity:1;scale:.7}54%{opacity:0;scale:1.6}100%{opacity:0}}
@keyframes conveyor-pot{0%,72%{transform:none}76%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}84%{transform:rotate(-3deg)}89%,100%{transform:translateY(-22px) scale(.78)}}
body.motion-paused .conveyor-item{display:none}body.motion-paused .conveyor-film .film-recipe{opacity:1}body.motion-paused .conveyor-film .film-pot{transform:translateY(-22px) scale(.78)}
@media(prefers-reduced-motion:reduce){.conveyor-item{display:none}.conveyor-film .film-recipe{opacity:1}.conveyor-film .film-pot{transform:translateY(-22px) scale(.78)}}
@media(max-height:720px){.conveyor-film .ingredient-track{top:30px}.conveyor-card{padding:7px 3px}.conveyor-card .ingredient-picture{font-size:29px}.conveyor-film .film-pot{top:103px;width:125px;height:125px;margin-left:-62.5px}.conveyor-film .film-recipe{bottom:4px;padding:8px}.conveyor-film .film-recipe strong{font-size:14px}}

/* Keep the whole timeline at its first frame until every scene image is decoded. */
.cinema-stage.scene-loading *{animation-play-state:paused!important}
.cinema-stage.scene-loading>div{visibility:hidden}
.scene-load-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted);font-size:16px;line-height:1.5;margin:0}

.conveyor-card .ingredient-photo{display:block;width:64px;height:52px;object-fit:contain;border-radius:8px;background:white}
@media(max-height:720px){.conveyor-card .ingredient-photo{width:56px;height:43px}}
/* Larger round ingredient pictures with labels below the circle. */
.conveyor-item{width:104px;margin-left:-52px}
.conveyor-card{gap:7px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:13px;text-align:center}
.conveyor-card .ingredient-photo{box-sizing:border-box;width:88px;height:88px;object-fit:cover;border:2px solid #e2e7df;border-radius:50%;background:white;box-shadow:0 5px 14px #173b3212}
.conveyor-card b{right:6px;top:1px;z-index:1}
.selection-tap{right:20px;bottom:32px}
@media(prefers-reduced-motion:no-preference){.conveyor-chosen .conveyor-card{animation:none}.conveyor-chosen .ingredient-photo{animation:conveyor-highlight 6s var(--arrival) both}}
@media(max-height:720px){.conveyor-card .ingredient-photo{width:72px;height:72px}.conveyor-card{gap:5px;font-size:12px}.conveyor-card b{right:12px}}