:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#eef1ee;--color-surface:#f1f3ee;--color-surface-raised:#f7f8f4;--color-surface-muted:#e5e9e4;--color-text-primary:#1c2022;--color-text-secondary:#596267;--color-border:#c9d0cb;--color-border-strong:#8c9691;--color-accent:#b33a2c;--color-accent-hover:#8f2a20;--color-accent-soft:#efd9d4;--color-on-accent:#fff;--color-success:#236348;--color-success-soft:#d9e9e1;--font-display:"Avenir Next", Avenir, "Segoe UI", sans-serif;--font-text:"Helvetica Neue", Helvetica, Arial, sans-serif;--radius-control:12px;--radius-card:24px;--radius-pill:999px;--elevation-raised:0 8px 24px #1f2a3014;--motion-standard:.22s;--ease-standard:cubic-bezier(.2,.8,.2,1);--color-transparent:transparent;--space-0:0;--space-1:4px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-22:88px;--space-negative-pixel:-1px;--type-xs-size:12px;--type-compact-size:13px;--type-sm-size:14px;--type-body-size:16px;--type-body-lg-size:18px;--type-title-sm-size:24px;--type-brand-size:28px;--type-title-size:32px;--type-display-sm-size:40px;--type-display-md-size:52px;--type-display-lg-size:68px;--leading-solid:1;--leading-heading:1.6;--leading-body:1.625;--leading-xs:16px;--leading-sm:20px;--leading-step:22px;--leading-body-px:26px;--leading-title-sm:29px;--leading-title:36px;--leading-display-sm:40px;--leading-display-md:50px;--leading-display-lg:64px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-style-upright:normal;--tracking-title-sm:-.035em;--tracking-display-md:-.045em;--tracking-display-lg:-.055em;--tracking-brand:-.065em;--tracking-normal:normal;--border-none:0;--border-width:1px;--border-active-width:3px;--focus-width:3px;--focus-offset:4px;--underline-offset:4px;--size-a11y:1px;--size-progress:12px;--size-checkbox-small:20px;--size-checkbox:24px;--size-disclosure:32px;--size-touch-min:44px;--size-filter:48px;--size-control:50px;--size-nav-mobile:64px;--size-nav-desktop:72px;--size-header:88px;--size-media-mobile-max:280px;--size-form-max:480px;--size-app-max:1200px;--measure-title:20ch;--measure-banner:32ch;--measure-intro:62ch;--nav-surface-mix:94%;--blur-nav:12px;font-family:var(--font-text);font-size:var(--type-body-size);color:var(--color-text-primary);background:var(--color-canvas)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#111416;--color-surface:#171b1e;--color-surface-raised:#202629;--color-surface-muted:#252c30;--color-text-primary:#f3f5f0;--color-text-secondary:#b5bec2;--color-border:#3d464b;--color-border-strong:#707b81;--color-accent:#f07d6b;--color-accent-hover:#ff9a88;--color-accent-soft:#4a2b25;--color-on-accent:#21100d;--color-success:#8bd5b4;--color-success-soft:#1d3a2e;--elevation-raised:0 10px 28px #00000038}*{box-sizing:border-box}body{margin:var(--space-0);line-height:var(--leading-body)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,a{-webkit-tap-highlight-color:var(--color-transparent);touch-action:manipulation}:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--focus-offset)}[data-screen-title]:focus{outline:none}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:var(--space-0)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-semibold)}h1{font-size:var(--type-display-md-size);line-height:var(--leading-display-md);letter-spacing:var(--tracking-display-md);max-width:var(--measure-title)}h2{font-size:var(--type-title-sm-size);line-height:var(--leading-title-sm);letter-spacing:var(--tracking-title-sm)}h3{font-size:var(--type-body-lg-size);line-height:var(--leading-heading)}p+p{margin-top:var(--space-2)}html{scroll-padding-top:var(--space-22)}main :is(button,input,[data-screen-title]){scroll-margin-top:var(--space-22)}button:disabled{color:var(--color-text-secondary);background:var(--color-surface-muted);border-color:var(--color-border)}a{color:var(--color-accent);text-underline-offset:var(--underline-offset)}.sr-only{width:var(--size-a11y);height:var(--size-a11y);padding:var(--space-0);margin:var(--space-negative-pixel);clip:rect(0,0,0,0);white-space:nowrap;border:var(--border-none);position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-4);z-index:10;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);color:var(--color-on-accent);background:var(--color-accent);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100dvh;max-width:var(--size-app-max);margin:var(--space-0) auto}.demo-banner{padding:var(--space-3) var(--space-6);background:var(--color-accent-soft);justify-content:center;gap:var(--space-3);font-size:var(--type-sm-size);color:var(--color-text-primary);display:flex}.demo-banner strong{white-space:nowrap}.app-header{min-height:var(--size-header);margin:var(--space-0) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);display:flex}.wordmark{align-items:baseline;gap:var(--space-1);font:var(--weight-bold) var(--type-brand-size)/var(--leading-solid) var(--font-display);letter-spacing:var(--tracking-brand);border:var(--border-none);background:var(--color-transparent);padding:var(--space-2) var(--space-0);min-height:var(--size-control);display:flex}.wordmark span{font-weight:var(--weight-medium)}.wordmark i{font-style:var(--font-style-upright);color:var(--color-accent);font-size:var(--type-xs-size);margin-top:var(--space-1);align-self:flex-start}.header-actions{align-items:center;gap:var(--space-6);display:flex}.location-label,.muted,small{color:var(--color-text-secondary);font-size:var(--type-sm-size);line-height:var(--leading-sm)}.small-button{border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-transparent);min-height:var(--size-touch-min);padding:var(--space-2) var(--space-4);font-size:var(--type-sm-size)}.small-button:hover{background:var(--color-surface-muted)}.main-nav{top:var(--space-0);z-index:5;background:var(--color-surface);margin:var(--space-0);padding:var(--space-0) var(--space-6);height:var(--size-nav-desktop);gap:var(--space-6);border-bottom:var(--border-width) solid var(--color-border);align-items:stretch;display:flex;position:sticky}.main-nav button{min-width:var(--size-touch-min);min-height:var(--size-touch-min);white-space:nowrap;line-height:var(--leading-sm);background:var(--color-transparent);border:var(--border-none);border-bottom:var(--border-active-width) solid var(--color-transparent);padding:var(--space-3) var(--space-0);align-items:center;gap:var(--space-2);font-size:var(--type-sm-size);font-weight:var(--weight-medium);display:flex;position:relative}.main-nav button[aria-current=page]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.order-label{padding:var(--space-0) var(--space-1);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-text-primary);font-size:var(--type-xs-size)}main{padding:var(--space-10) var(--space-6) var(--space-16)}.screen-heading{margin-bottom:var(--space-8)}.eyebrow{font-size:var(--type-xs-size);line-height:var(--leading-xs);font-weight:var(--weight-bold);color:var(--color-accent);margin-bottom:var(--space-3)}.screen-intro{font-size:var(--type-body-lg-size);line-height:var(--leading-title-sm);margin-top:var(--space-4);max-width:var(--measure-intro);color:var(--color-text-secondary)}.filter-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-button{border:var(--border-width) solid var(--color-border-strong);background:var(--color-transparent);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-size:var(--type-sm-size);font-weight:var(--weight-medium);min-height:var(--size-filter)}.filter-button[aria-pressed=true]{color:var(--color-on-accent);border-color:var(--color-accent);background:var(--color-accent)}.filter-button:hover:not([aria-pressed=true]){background:var(--color-surface-muted)}.flavor-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.flavor-card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);flex-direction:column;display:flex;overflow:hidden}.flavor-image{aspect-ratio:4/3;object-fit:cover;background:var(--color-surface-muted);width:100%}.flavor-card-body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.flavor-meta{color:var(--color-text-secondary);font-size:var(--type-xs-size);justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.flavor-description{color:var(--color-text-secondary);margin:var(--space-3) var(--space-0)}.flavor-card .muted{margin:auto var(--space-0) var(--space-4)}.availability{color:var(--color-text-primary);font-weight:var(--weight-medium)}.card-actions{gap:var(--space-3);flex-direction:column;align-items:stretch;display:flex}.button{border:var(--border-width) solid var(--color-transparent);border-radius:var(--radius-pill);min-height:var(--size-control);padding:var(--space-3) var(--space-6);font-size:var(--type-sm-size);line-height:var(--leading-sm);font-weight:var(--weight-bold);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.button-primary{background:var(--color-accent);color:var(--color-on-accent)}.button-primary:hover:not(:disabled){background:var(--color-accent-hover)}.button-secondary{border-color:var(--color-accent);background:var(--color-transparent);color:var(--color-accent)}.button-secondary:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent-hover)}.button-text{color:var(--color-text-primary);background:var(--color-transparent);text-underline-offset:var(--underline-offset);padding-left:var(--space-2);padding-right:var(--space-2);text-decoration:underline}.button-text:hover{color:var(--color-accent-hover)}.card-actions .button-text{padding-left:var(--space-0);justify-content:flex-start}.button:disabled{background:var(--color-surface-muted);color:var(--color-text-secondary);border-color:var(--color-border)}.notice{padding:var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-control);font-size:var(--type-sm-size);margin:var(--space-4) var(--space-0);line-height:var(--leading-sm)}.app-notice{margin:var(--space-4) var(--space-6)}.app-notice:empty{display:none}.connection-message p{margin:var(--space-6) var(--space-6) var(--space-0);padding:var(--space-4);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-control)}.active-order-strip{margin:var(--space-6) var(--space-6) var(--space-0);border-radius:var(--radius-control);padding:var(--space-2) var(--space-4);background:var(--color-accent-soft);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.active-order-strip.is-ready{background:var(--color-success-soft);color:var(--color-success)}.detail-layout,.review-layout{gap:var(--space-10);margin-top:var(--space-6);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.detail-image img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-card);width:100%}.detail-image figcaption{padding:var(--space-4) var(--space-0)}.facts-panel{padding:var(--space-6);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card)}.ingredient-list{padding-left:var(--space-6);margin:var(--space-3) var(--space-0) var(--space-6)}.ingredient-list li{padding-left:var(--space-1)}.allergen-summary{margin:var(--space-6) var(--space-0) var(--space-0)}.allergen-summary>div{margin-top:var(--space-4)}.allergen-summary dt{font-size:var(--type-sm-size);font-weight:var(--weight-bold);color:var(--color-text-secondary)}.allergen-summary dd{margin:var(--space-1) var(--space-0) var(--space-0);overflow-wrap:anywhere}.action-row{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.review-summary{padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card)}.review-image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-card);width:100%;margin-bottom:var(--space-6)}.review-summary p:not(.eyebrow){margin-top:var(--space-3);color:var(--color-text-secondary)}.review-summary .button{margin-top:var(--space-6)}.acknowledgement{gap:var(--space-3);padding:var(--space-5) var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);margin:var(--space-6) var(--space-0) var(--space-3);cursor:pointer;display:flex}.acknowledgement input{flex:0 0 var(--size-checkbox);width:var(--size-checkbox);height:var(--size-checkbox);accent-color:var(--color-accent);margin:var(--space-0)}.ingredient-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ingredient-card{padding:var(--space-6);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card)}.ingredient-card h3,.ingredient-card .button{margin-top:var(--space-6)}.empty-state{padding:var(--space-12) var(--space-0) var(--space-20)}.empty-state p:not(.eyebrow){margin:var(--space-6) var(--space-0)}.preparation-panel{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.preparation-visual{background:var(--color-surface-muted);align-self:stretch;position:relative}.preparation-visual img{object-fit:cover;width:100%;height:100%}.preparation-caption{bottom:var(--space-4);left:var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);font-size:var(--type-xs-size);display:block;position:absolute}.preparation-content{padding:var(--space-8)}.countdown{font:var(--weight-semibold) var(--type-display-lg-size)/var(--leading-display-lg) var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-display-lg);margin:var(--space-8) var(--space-0) var(--space-6)}.countdown span{font:var(--weight-normal) var(--type-sm-size)/var(--leading-sm) var(--font-text);color:var(--color-text-secondary);letter-spacing:var(--tracking-normal);margin-top:var(--space-3);display:block}.is-ready .countdown{color:var(--color-success)}progress{width:100%;height:var(--size-progress);border-radius:var(--radius-pill);appearance:none;border:var(--border-none);background:var(--color-surface-muted);color:var(--color-accent);overflow:hidden}progress::-webkit-progress-bar{background:var(--color-surface-muted)}progress::-webkit-progress-value{background:var(--color-accent);border-radius:var(--radius-pill)}progress::-moz-progress-bar{background:var(--color-accent)}.is-ready progress::-webkit-progress-value{background:var(--color-success)}.is-ready progress::-moz-progress-bar{background:var(--color-success)}.preparation-steps{padding:var(--space-0);margin:var(--space-6) var(--space-0);gap:var(--space-3);list-style:none;display:grid}.preparation-steps li{color:var(--color-text-secondary);gap:var(--space-3);align-items:center;display:flex}.preparation-steps li>span{width:var(--size-checkbox);height:var(--size-checkbox);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-pill);text-align:center;font-size:var(--type-xs-size);line-height:var(--leading-step)}.preparation-steps .current{color:var(--color-accent);font-weight:var(--weight-bold)}.preparation-steps .current>span{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.order-id{overflow-wrap:anywhere;font-size:var(--type-xs-size);color:var(--color-text-secondary);margin-top:var(--space-4)}.preparation-content .action-row+p{margin-top:var(--space-4)}.app-footer{border-top:var(--border-width) solid var(--color-border);padding:var(--space-8) var(--space-6) var(--space-10);justify-content:space-between;gap:var(--space-6);font-size:var(--type-sm-size);display:flex}.app-footer strong{font-family:var(--font-display);font-size:var(--type-body-lg-size)}.app-footer p{margin:var(--space-2) var(--space-0) var(--space-4);color:var(--color-text-secondary)}.app-footer small{font-size:var(--type-xs-size)}.footer-actions{align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex}@media (width<=1000px){.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout,.review-layout{gap:var(--space-6)}}@media (width<=640px){.demo-banner{padding:var(--space-3) var(--space-4);align-items:start;gap:var(--space-2);font-size:var(--type-xs-size);line-height:var(--leading-xs)}.demo-banner span{max-width:var(--measure-banner)}.app-header{min-height:var(--size-nav-desktop);margin:var(--space-0) var(--space-4)}.wordmark{font-size:var(--type-title-sm-size)}.location-label{display:none}.header-actions{gap:var(--space-2)}.small-button{padding:var(--space-2) var(--space-3)}.main-nav{padding:var(--space-0) var(--space-4);gap:var(--space-4);height:var(--size-nav-mobile);justify-content:space-between}main{padding:var(--space-8) var(--space-4) var(--space-12)}h1{font-size:var(--type-display-sm-size);line-height:var(--leading-display-sm)}.screen-intro{font-size:var(--type-body-size);line-height:var(--leading-body-px)}.flavor-grid,.ingredient-grid,.detail-layout,.review-layout,.preparation-panel{grid-template-columns:minmax(0,1fr)}.flavor-grid{gap:var(--space-6)}.flavor-card-body,.facts-panel,.review-summary,.ingredient-card{padding:var(--space-6)}.filter-group{gap:var(--space-2)}.filter-button{padding:var(--space-3) var(--space-4)}.active-order-strip{margin:var(--space-4) var(--space-4) var(--space-0);align-items:start;gap:var(--space-2)}.active-order-strip>span{padding-top:var(--space-2)}.connection-message p{margin:var(--space-4) var(--space-4) var(--space-0)}.app-notice{margin:var(--space-4)}.preparation-visual img{max-height:var(--size-media-mobile-max);aspect-ratio:4/3}.preparation-content{padding:var(--space-6)}.action-row>.button{flex:auto}.app-footer{padding:var(--space-8) var(--space-4);flex-direction:column}.footer-actions{align-items:flex-start}}@media (width<=360px){.main-nav{gap:var(--space-4)}.filter-button{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.review-screen h1,.status-screen h1,.empty-state h1{font-size:var(--type-title-size);line-height:var(--leading-title)}.flavor-meta,.preparation-caption,.order-id,.app-footer small{line-height:var(--leading-xs)}.notice .button{margin-top:var(--space-3)}@supports (background:color-mix(in srgb, white 90%, transparent)){.main-nav{background:color-mix(in srgb, var(--color-surface) var(--nav-surface-mix), var(--color-transparent));-webkit-backdrop-filter:blur(var(--blur-nav));backdrop-filter:blur(var(--blur-nav))}}.allergen-filter{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4);margin:var(--space-6) var(--space-0) var(--space-4);background:var(--color-surface)}.allergen-filter summary{cursor:pointer;font-weight:var(--weight-semibold);min-height:var(--size-disclosure)}.allergen-filter fieldset{border:var(--border-none);padding:var(--space-4) var(--space-0) var(--space-0);margin:var(--space-0);gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}.allergen-filter legend{padding:var(--space-4) var(--space-0) var(--space-0);font-size:var(--type-sm-size)}.allergen-filter label{align-items:center;gap:var(--space-2);min-height:var(--size-touch-min);cursor:pointer;display:flex}.allergen-filter input{width:var(--size-checkbox-small);height:var(--size-checkbox-small);accent-color:var(--color-accent)}.favorite-button{padding-left:var(--space-0);margin-bottom:var(--space-3);align-self:start}.account-panel{border:var(--border-width) solid var(--color-border);background:var(--color-surface-raised);border-radius:var(--radius-card);padding:var(--space-6);margin:var(--space-6) var(--space-0)}.account-panel>h2,.account-privacy h2{margin-bottom:var(--space-4)}.account-form{gap:var(--space-6);margin:var(--space-6) var(--space-0);max-width:var(--size-form-max);display:grid}.account-form label{gap:var(--space-2);font-weight:var(--weight-semibold);display:grid}.account-form input{width:100%;min-height:var(--size-control);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-primary)}.account-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.account-toolbar p{overflow-wrap:anywhere}.saved-list{padding:var(--space-0);margin:var(--space-6) var(--space-0) var(--space-0);list-style:none}.saved-list>li{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-0);border-top:var(--border-width) solid var(--color-border);flex-wrap:wrap;display:flex}.saved-list>li>div{min-width:0}.saved-list h3{font-size:var(--type-body-lg-size)}.account-privacy{margin-top:var(--space-8)}.save-result{margin-top:var(--space-6);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-6)}@media (width<=360px){.main-nav{gap:var(--space-2-5)}.main-nav button{font-size:var(--type-compact-size)}}