@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:500;font-display:swap;src:url("assets/nunito-sans-medium.ttf") format("truetype")}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:700;font-display:swap;src:url("assets/nunito-sans-bold.ttf") format("truetype")}
:root{--surface:#f2f2f5;--ink:#0f0f1c;--muted:#7b7b84;--green:#00614d;--ease:cubic-bezier(.32,0,.18,1);--device-scale:1;font-family:"Nunito Sans",sans-serif;color:var(--ink);font-weight:500;font-synthesis:none;background:#dedee2}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:grid;place-items:center;padding:24px;overflow:hidden}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #38ac92;outline-offset:4px}button:disabled{cursor:default}button,img{-webkit-user-select:none;user-select:none}img{display:block}h1,h2,p{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.device-preview{position:relative;width:calc(393px * var(--device-scale));height:calc(852px * var(--device-scale))}
.app{position:absolute;top:0;left:0;width:393px;height:852px;background:var(--surface);isolation:isolate;overflow:hidden;border-radius:24px;box-shadow:0 24px 80px #13152226;container-type:inline-size;transform:scale(var(--device-scale));transform-origin:top left}
.screen{position:absolute;inset:0;overflow:hidden}.card-screen{background:transparent}.card-base{position:absolute;inset:0;background:white;pointer-events:none}.card-scroll{position:relative;height:100%;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:none;padding-bottom:106px}.card-scroll::-webkit-scrollbar,.builder-scroll::-webkit-scrollbar,.ingredient-track::-webkit-scrollbar,.recommendation-list::-webkit-scrollbar{display:none}
.product-cover{height:680px;position:relative;overflow:hidden;border-radius:0 0 28px 28px;background:transparent}.product-surface{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 196px 340px at 50% 50%,#fff9,#fff0),var(--surface);pointer-events:none}
.chest{position:absolute;top:163px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:353px;aspect-ratio:1}.tray{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.packed-slot{position:absolute;width:39.6601%;aspect-ratio:1}.packed-protein{left:14.4476%;top:33.4278%;z-index:4}.packed-side{left:14.4476%;top:35.4108%;z-index:3}.packed-salad{left:54.6742%;top:26.3456%;z-index:2}
.food{position:relative;width:100%;height:100%;pointer-events:none}.food-art{position:absolute;pointer-events:none}.food-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.food-chicken .food-art{inset:21.5% -4.29% 24.22%}.food-mash .food-art{top:10.16%;bottom:10.16%;left:50%;aspect-ratio:156/105;transform:translateX(-50%)}.food-vegetable-salad .food-art{inset:8.57% 5.71%}.food-vitamin-salad .food-art{inset:11.43% 7.14%}.food-nuggets .food-art{top:22.86%;bottom:22.86%;left:50%;aspect-ratio:2;transform:translateX(-50%)}.food-beef .food-art{top:23.57%;bottom:22.86%;left:50%;aspect-ratio:2;transform:translateX(-50%)}.food-millet .food-art{inset:4.29% 0}.food-orzo .food-art{inset:4.29% 0;overflow:hidden}.food-orzo .food-art img{height:109.37%;top:-4.69%}
.edit-composition{position:absolute;left:50%;top:443px;transform:translateX(-50%);min-height:40px;padding:8px 20px 8px 16px;display:flex;align-items:center;gap:4px;background:#000a;color:#fff;backdrop-filter:blur(4px);border-radius:24px;font-size:14px;font-weight:700;line-height:18px;letter-spacing:.14px;white-space:nowrap;z-index:31;transition:background .2s,scale .2s}.edit-composition:active{scale:.97}.bubbles{position:absolute;width:172px;height:22px;left:0;top:-22px;pointer-events:none}.bubbles img{position:absolute}.bubble-small{left:75px;top:5px}.bubble-medium{left:80px;top:10px}.bubble-large{left:83px;top:18px;transform:rotate(180deg)}
.product-copy{position:absolute;top:544px;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.product-copy h1{font-size:24px;line-height:28px;font-weight:700}.product-copy>p{font-size:14px;line-height:18px;letter-spacing:.14px;opacity:.8;margin-top:8px;min-height:36px;width:100%}.details-button{display:flex;align-items:center;gap:4px;background:#ffffff52;border-radius:20px;padding:6px 12px 6px 16px;min-height:32px;font-size:14px;line-height:18px;font-weight:700;letter-spacing:.14px;margin-top:12px}
.recommendations{padding:8px 0;background:white}.recommendations h2{height:56px;display:flex;align-items:center;padding:0 20px;font-size:20px;line-height:24px;font-weight:700}.recommendation-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 20px 8px}.recommendation{flex:0 0 260px;height:104px;display:flex;overflow:hidden;background:var(--surface);border-radius:20px}.product-image{width:104px;height:104px;object-fit:cover}.recommendation-info{padding:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1;min-width:0}.recommendation-info>p{font-size:14px;line-height:18px;letter-spacing:.14px}.small-add{display:flex;align-items:center;justify-content:center;gap:4px;min-width:96px;min-height:32px;border-radius:99px;padding:6px 12px 6px 16px;background:white;font-size:14px;line-height:18px;font-weight:700;letter-spacing:.14px}
.navigation{position:absolute;inset:0 0 auto;z-index:40;pointer-events:none}.navigation button{pointer-events:auto}.status-bar{height:44px;display:flex;justify-content:space-between;align-items:center;color:#01120d}.status-bar>span{width:103px;text-align:center;font:600 16px/20px -apple-system,BlinkMacSystemFont,sans-serif;padding-top:2px}.status-bar>img{width:103px;height:44px}.action-bar{position:relative;height:72px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.icon-button{position:relative;width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:#0006;backdrop-filter:blur(12px);transition:background .2s,scale .2s}.icon-button:active{scale:.92}.favorite[aria-pressed=true]{background:var(--green)}.favorite[aria-pressed=true] img{filter:drop-shadow(0 0 3px #fff8)}.navigation-spacer{width:48px;flex:0 0 48px}
.bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:8px 20px 0;z-index:40;background:linear-gradient(#f2f2f500,var(--surface) 34.434%)}.footer-surface{position:absolute;inset:0;background:linear-gradient(#fff0,#fff 34.434%);pointer-events:none}.button-viewport{position:relative;height:56px;overflow:visible;isolation:isolate}.button-viewport>.primary-button{position:absolute;inset:0}.primary-button{width:100%;height:56px;min-height:56px;max-height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;background:var(--green);color:white;font-size:18px;line-height:24px;font-weight:700;transition:background .2s;will-change:transform}.primary-button:active{background:#004e3e}.old-price{position:relative;font-weight:500;opacity:.64}.old-price img{position:absolute;left:0;top:50%;width:52px;height:2px}.home-indicator{height:42px;position:relative}.home-indicator:after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:144px;height:5px;background:#01120d;border-radius:99px}
.builder-screen{background:transparent}#builder-title{position:absolute;left:72px;right:72px;text-align:center;font-size:18px;line-height:24px;font-weight:700;white-space:nowrap}#reset-card>img{position:absolute;left:12px;top:12px}.back-icon{opacity:0}.builder-scroll{position:absolute;inset:116px 0 106px;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.ingredient-rows{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}.ingredient-row{height:186px;flex:0 0 186px}.ingredient-track{height:140px;display:flex;align-items:center;gap:56px;padding-inline:calc(50% - 70px);scroll-padding-inline:calc(50% - 70px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab}.ingredient-track.dragging,.ingredient-track.programmatic{scroll-snap-type:none}.ingredient-track.dragging{cursor:grabbing}.ingredient-option{width:140px;height:140px;padding:0;flex:0 0 140px;background:transparent;scroll-snap-align:center;scroll-snap-stop:always;position:relative}.ingredient-option .food{transform:scale(.685714);opacity:.48;will-change:transform,opacity}.ingredient-option:focus-visible{outline-offset:-6px;border-radius:24px}.row-caption{text-align:center;pointer-events:none}.row-name{position:relative;height:24px;font-size:18px;line-height:24px}.caption-current{display:block}.caption-outgoing{position:absolute;inset:0;white-space:nowrap}.row-price{margin-top:2px;font-size:16px;line-height:20px;color:var(--muted)}.builder-bottom{background:linear-gradient(#f2f2f500,var(--surface) 34.434%)}
.flight-layer{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:visible}.flying-food{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.app[data-busy=true] .screen{pointer-events:none}.app[data-busy=true] .screen button{pointer-events:none}.app[data-busy=true] .card-scroll,.app[data-busy=true] .builder-scroll{overflow:hidden}
.replacement-food{position:absolute;inset:0}
.flying-tray{position:absolute;left:0;top:0;z-index:1;object-fit:cover;transform-origin:0 0;will-change:transform,opacity;pointer-events:none}
.app[data-mode=builder] .card-base,.app[data-mode=builder] .product-surface,.app[data-mode=builder] .tray,.app[data-mode=builder] .product-copy,.app[data-mode=builder] .edit-composition,.app[data-mode=builder] .recommendations,.app[data-mode=builder] .footer-surface{opacity:0}
.app[data-mode=builder] .close-icon{opacity:0}.app[data-mode=builder] .back-icon{opacity:1}
.app[data-busy=true] button{pointer-events:none}

.details-sheet{position:absolute;inset:auto 0 0;width:100%;max-width:100%;margin:0;border:0;border-radius:28px 28px 0 0;background:white;color:var(--ink);padding:38px 24px 36px;box-shadow:0 -12px 40px #0002;font-size:16px;line-height:24px}.details-sheet::backdrop{background:#0006}.details-sheet h2{font-size:24px;line-height:28px;margin-bottom:12px}.sheet-handle{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:4px;background:#d4d4d9}.sheet-close{position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--surface);font-size:24px;line-height:24px}.sheet-weight{color:var(--muted);margin-top:16px}
@media(max-width:600px), (hover:none) and (pointer:coarse){
  html{height:100%;background:var(--surface);overscroll-behavior:none}
  body{display:block;width:100%;height:100vh;height:100dvh;padding:0;background:var(--surface);overscroll-behavior:none}
  .device-preview{width:100%;height:100vh;height:100dvh}
  .app{
    --native-header:calc(72px + env(safe-area-inset-top,0px));
    --native-footer:calc(76px + env(safe-area-inset-bottom,0px));
    --hero-top:calc(119px + env(safe-area-inset-top,0px));
    --hero-size:min(400px,calc(100cqw - 40px));
    width:100%;height:100%;transform:none;border-radius:0;box-shadow:none
  }
  .status-bar,.home-indicator{display:none}
  .navigation{padding-top:env(safe-area-inset-top,0px)}
  .action-bar{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  #builder-title{left:calc(72px + env(safe-area-inset-left,0px));right:calc(72px + env(safe-area-inset-right,0px))}
  .bottom-bar{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .card-scroll{padding-bottom:var(--native-footer)}
  .product-cover{height:auto;min-height:calc(var(--hero-top) + var(--hero-size) + 164px);padding-top:calc(var(--hero-top) + var(--hero-size) + 28px)}
  .chest{top:var(--hero-top);width:var(--hero-size);max-width:none}
  .edit-composition{top:calc(var(--hero-top) + var(--hero-size)*.793201)}
  .product-copy{position:relative;inset:auto;margin:0 max(20px,env(safe-area-inset-left,0px)) 0 max(20px,env(safe-area-inset-right,0px));padding-bottom:20px}
  .recommendations h2{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  .recommendation-list{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  .builder-scroll{inset:var(--native-header) 0 var(--native-footer)}
  .ingredient-rows{min-height:100%;justify-content:space-between;padding-top:8px;padding-bottom:16px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}