button.pill{font:inherit;font-size:13px;cursor:pointer}.anatomy-heading,.coach-heading,.progress-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:50px 0}.anatomy-heading h2{font-size:clamp(65px,8vw,130px);letter-spacing:-.075em}.anatomy-heading>p,.coach-heading>p,.progress-heading>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:310px;margin:0}.meal-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 45px}.meal-card{background:#ebe7db;border:1px solid transparent;border-radius:4px;text-align:left;padding:15px 22px 22px;overflow:hidden;display:block}.meal-card[aria-pressed=true]{border-color:var(--red)}.meal-card>img{height:170px;width:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #0001);transition:transform .3s}.meal-card:hover>img{transform:rotate(4deg)}.meal-card>span:not(.ingredient-sprite){display:block;font-size:17px;letter-spacing:-.03em;margin:10px 0}.meal-card small{font-size:10px;color:var(--muted)}.ingredient-sprite{display:block;background-image:url('/assets/foodie-fit/ingredient-atlas.webp');background-size:300% 200%;background-position:calc(var(--col) * 50%) calc(var(--row) * 100%);background-repeat:no-repeat;aspect-ratio:1}.card-sprite{width:170px;height:170px;margin:auto}.anatomy-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:stretch}.anatomy-visual{min-width:0}.anatomy-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px}.anatomy-controls>span{font-size:8px;letter-spacing:.05em}.anatomy-controls button{background:var(--ink);color:var(--paper);border:0;border-radius:25px;font-size:10px;padding:11px 14px;display:flex;align-items:center;gap:15px}.anatomy-controls button>span{font-size:16px}.exploded-scene{height:570px;position:relative;isolation:isolate}.anatomy-ring{position:absolute;width:92%;aspect-ratio:1;top:8%;left:4%;border-radius:50%;border:1px solid var(--line)}.empty-tray{position:absolute;width:95%;left:2.5%;top:23%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .8s;filter:drop-shadow(0 22px 20px #0002);pointer-events:none}.ingredient-layer{position:absolute;top:50%;left:50%;width:130px;height:155px;border:0;background:transparent;padding:0;transform:translate(-50%,-50%) translate(var(--packed-x),var(--packed-y)) scale(.76);z-index:2;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .7s;filter:drop-shadow(0 9px 10px #0001)}.ingredient-layer[hidden]{display:none}.ingredient-layer .ingredient-sprite{width:130px;height:130px}.ingredient-layer .ingredient-name{display:block;text-align:center;font-size:9px;letter-spacing:.01em;opacity:0;transition:opacity .6s}.ingredient-layer .ingredient-name b{font-size:8px;color:var(--red);margin-right:5px}.ingredient-layer[aria-pressed=true] .ingredient-sprite{filter:drop-shadow(0 0 4px #d6372999)}.exploded-scene.separated .empty-tray{transform:translateY(110px) scale(.75);opacity:.22}.exploded-scene.separated .ingredient-layer{transform:translate(-50%,-50%) translate(var(--spread-x),var(--spread-y)) scale(1)}.exploded-scene.separated .ingredient-name{opacity:1}.scene-hint{font-size:10px;color:var(--muted);text-align:center;margin:0}.nutrition-panel{border-left:1px solid var(--line);padding-left:40px}.nutrition-label{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.09em;border-bottom:1px solid var(--line);padding:4px 0 18px}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 0}.detail-top .ingredient-sprite{width:110px;height:110px;flex-shrink:0}.detail-top h3{font-size:32px;line-height:1;letter-spacing:-.05em;margin:10px 0}.detail-top small{font-size:9px;color:var(--muted)}.ingredient-role{font-size:12px;line-height:1.8;color:var(--muted)}.ingredient-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid var(--line);padding:20px 0}.ingredient-macros b{display:block;font-size:25px;font-weight:500;letter-spacing:-.04em}.ingredient-macros span{display:block;font-size:7px;letter-spacing:.02em;color:var(--muted);margin-top:7px}.ingredient-source{font-size:9px;color:var(--muted);line-height:1.7}.ingredient-source a{text-decoration:underline}.plate-totals{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.plate-totals>p{font-size:8px;letter-spacing:.04em;display:flex;justify-content:space-between;gap:15px}.plate-totals>p>span{letter-spacing:0;color:var(--muted)}.nutrition-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:15px 0}.nutrition-totals b{font-size:22px;color:var(--red);font-weight:500}.nutrition-totals span{display:block;margin-top:7px;font-size:7px;color:var(--muted)}.nutrition-note{font-size:9px;line-height:1.7;color:var(--muted);margin:20px 0}.nutrition-note a{text-decoration:underline}.nutrition-panel>.text-link{font-size:10px}.coach-section{background:var(--ink);color:var(--paper)}.coach-section .section-top{border-color:#50504b}.coach-section h2 span{color:#ff7261}.coach-section .micro,.coach-heading>p{color:#b9b5a8}.coach-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.coach-status{font-size:8px;letter-spacing:.05em;line-height:1.7;color:#c6c0b0;margin-bottom:35px;display:flex;gap:8px;align-items:center}.coach-status i{width:5px;height:5px;flex-shrink:0;background:#edb352;border-radius:50%}.field-label{display:block;font-size:9px;letter-spacing:.06em;margin:20px 0 12px}.coach-layout select{display:block;width:100%;background:#30302c;border:1px solid #62615a;color:var(--paper);padding:16px 14px;font-size:13px;border-radius:3px}.coach-layout .pill.dark{background:var(--red);margin-top:25px}.coach-footnote{font-size:10px;line-height:1.8;color:#b9b5a8;margin-top:20px}.coach-response{background:#30302c;padding:35px;min-height:400px;border-radius:3px}.coach-response>.eyebrow{color:#b9b5a8;font-size:8px}.coach-response h3{font-size:36px;line-height:1.05;letter-spacing:-.05em;margin:35px 0 20px}.coach-response>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#c9c3b8}.coach-recommendation{padding:22px 0;border-top:1px solid #55544d;display:flex;align-items:center;gap:16px}.coach-recommendation .ingredient-sprite{width:85px;height:85px;flex-shrink:0}.coach-recommendation h4{font-size:16px;line-height:1.2;margin:0 0 10px;letter-spacing:-.02em}.coach-recommendation p{font-size:10px;color:#c9c3b8;line-height:1.6;margin:0 0 7px}.coach-recommendation button{background:transparent;color:#ff8a7a;padding:5px 0;border:0;border-bottom:1px solid #ff8a7a;font-size:10px;text-align:left}.tracker-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.tracker-controls{border-right:1px solid var(--line);padding-right:35px}.unit-row{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.05em;border-bottom:1px solid var(--line);padding-bottom:15px}.tracker-controls input,.tracker-controls select{color:var(--ink);font-size:14px;min-width:0;width:100%;padding:14px;background:#ebe7db;border:1px solid #cbc6b9;border-radius:3px}.unit-row select{width:65px;padding:8px}.input-row{display:flex;gap:8px}.input-row>input{flex:1}.input-row>button{border:0;background:var(--ink);color:var(--paper);padding:0 15px;font-size:10px;white-space:nowrap;border-radius:3px}.tracker-controls .pill{margin-top:25px}.tracker-controls #tracker-status{font-size:10px;line-height:1.7;margin-top:25px}.storage-note{font-size:9px;color:var(--muted);line-height:1.7}.tracker-controls>.text-link{background:transparent;border:0;border-bottom:1px solid var(--line);font-size:10px;margin-top:12px}.weight-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.weight-stats span{font-size:7px;letter-spacing:.04em;display:block;color:var(--muted);line-height:1.5;min-height:22px}.weight-stats b{font-size:clamp(20px,2.5vw,39px);font-weight:500;letter-spacing:-.05em;line-height:1.4}.weight-chart{margin:30px 0 20px;height:245px;background:#ebe7db;border-radius:3px;padding:12px;display:flex;align-items:center;justify-content:center}.weight-chart>p{font-size:9px;letter-spacing:.07em;color:var(--muted);text-align:center;padding:20px}.weight-chart svg{width:100%;height:100%;overflow:visible}.weight-chart text{font:9px Arial;fill:var(--muted)}.goal-progress>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.04em}.goal-progress b{font-size:11px;color:var(--red)}.weight-progress-bar{height:5px;background:#dcd7cb;border-radius:5px;margin:12px 0 30px;overflow:hidden}.weight-progress-bar i{display:block;height:100%;width:0;background:var(--red);transition:width .5s}.history-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.history-heading h3{font-size:15px;font-weight:500;margin:0}.history-heading>span{font-size:8px;color:var(--muted)}.weight-history{max-height:220px;overflow:auto;margin-top:14px}.weight-history>p{font-size:11px;color:var(--muted)}.history-entry{display:grid;grid-template-columns:1fr 1fr 28px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.history-entry b{font-weight:500;text-align:right}.history-entry button{border:0;background:transparent;font-size:20px;color:var(--muted);padding:4px}.history-entry button:hover{color:var(--red)}.nutrition-panel a:focus-visible{outline-color:var(--red)}@media(max-width:900px){.header nav{gap:15px}.header nav a{font-size:10px}.meal-card>img,.card-sprite{height:130px}.card-sprite{width:130px}.meal-card{padding:12px 15px 18px}.meal-card>span:not(.ingredient-sprite){font-size:14px}.anatomy-layout{gap:25px;grid-template-columns:1.15fr 1fr}.nutrition-panel{padding-left:24px}.anatomy-controls{align-items:flex-start;flex-direction:column}.exploded-scene{height:470px}.ingredient-layer{width:100px;height:120px}.ingredient-layer .ingredient-sprite{height:100px;width:100px}.exploded-scene.separated .ingredient-layer{transform:translate(-50%,-50%) translate(calc(var(--spread-x) * .75),calc(var(--spread-y) * .8))}.detail-top{display:block}.detail-top .ingredient-sprite{width:90px;height:90px}.detail-top h3{font-size:29px}.ingredient-macros,.nutrition-totals{gap:7px}.ingredient-macros b,.nutrition-totals b{font-size:20px}.coach-response{padding:28px}.coach-response h3{font-size:30px}.tracker-layout{gap:30px}.tracker-controls{padding-right:25px}.weight-stats{gap:10px}}
@media(max-width:600px){.anatomy-heading,.coach-heading,.progress-heading{display:block;margin:35px 0}.anatomy-heading h2{font-size:22vw}.anatomy-heading>p,.coach-heading>p,.progress-heading>p{font-size:12px;margin-top:22px}.meal-picker{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.meal-card{display:grid;grid-template-columns:75px 1fr;padding:12px;align-items:center;column-gap:15px;min-height:90px}.meal-card>img{width:75px;height:70px;grid-row:1/3}.meal-card .card-sprite{height:70px;width:70px;grid-row:1/3}.meal-card>span:not(.ingredient-sprite){font-size:16px;margin:0;align-self:end}.meal-card>small{align-self:start;margin-top:5px;font-size:9px}.anatomy-layout{grid-template-columns:1fr;gap:35px}.anatomy-controls{flex-direction:row;align-items:center}.anatomy-controls>span{max-width:130px;font-size:7px}.anatomy-controls button{font-size:9px;padding:10px 12px;gap:9px}.exploded-scene{height:450px}.ingredient-layer{width:110px;height:130px}.ingredient-layer .ingredient-sprite{width:110px;height:110px}.exploded-scene.separated .ingredient-layer{transform:translate(-50%,-50%) translate(calc(var(--spread-x) * .7),calc(var(--spread-y) * .83))}.empty-tray{top:25%}.exploded-scene.separated .empty-tray{transform:translateY(100px) scale(.75)}.nutrition-panel{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:25px}.detail-top{display:flex}.detail-top .ingredient-sprite{height:100px;width:100px}.detail-top h3{font-size:33px}.ingredient-macros b,.nutrition-totals b{font-size:27px}.ingredient-macros span,.nutrition-totals span{font-size:8px}.nutrition-label{font-size:8px}.nutrition-note{font-size:10px}.coach-layout,.tracker-layout{grid-template-columns:1fr;gap:30px}.coach-status{font-size:7px;margin-bottom:25px}.coach-response{padding:28px}.coach-response h3{font-size:34px}.coach-recommendation h4{font-size:15px}.coach-footnote{font-size:10px}.tracker-controls{border-right:0;padding-right:0}.weight-stats b{font-size:28px}.weight-stats span{font-size:7px}.weight-chart{height:230px}.field-label{font-size:9px}.progress-heading h2,.coach-heading h2{font-size:10.2vw}.history-entry{font-size:12px}.tracker-controls #tracker-status{font-size:11px}}@media(prefers-reduced-motion:reduce){.ingredient-layer,.empty-tray{transition:none!important}}

/* Tray and packed food share one image-sized coordinate system. */
.assembly-frame{position:absolute;left:50%;top:50%;width:95%;aspect-ratio:1536/1024;transform:translate(-50%,-50%)}
.assembly-frame .empty-tray{width:100%;height:100%;object-fit:contain;top:0;left:0}
.assembly-frame #ingredient-layers{position:absolute;inset:0}
.assembly-frame .ingredient-layer{left:var(--packed-left);top:var(--packed-top);width:26%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%) scale(.8);transition:left 1.1s cubic-bezier(.2,.7,.2,1),top 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
.assembly-frame .ingredient-layer .ingredient-sprite{width:100%;height:auto;aspect-ratio:1}
.assembly-frame .ingredient-name{position:absolute;left:-10%;right:-10%;top:100%}
.exploded-scene.separated .assembly-frame .ingredient-layer{left:50%;top:50%;width:130px;transform:translate(-50%,-50%) translate(var(--spread-x),var(--spread-y))}
.exploded-scene.separated .assembly-frame .empty-tray{transform:translateY(110px) scale(.75)}
@media(max-width:900px){.exploded-scene.separated .assembly-frame .ingredient-layer{width:100px;transform:translate(-50%,-50%) translate(calc(var(--spread-x) * .75),calc(var(--spread-y) * .8))}}
@media(max-width:600px){.exploded-scene.separated .assembly-frame .ingredient-layer{width:110px;transform:translate(-50%,-50%) translate(calc(var(--spread-x) * .7),calc(var(--spread-y) * .83))}.exploded-scene.separated .assembly-frame .empty-tray{transform:translateY(100px) scale(.75)}}
