:root{--color-primary: #00f2b5;--color-secondary-yellow: #ffc20d;--color-secondary-black: #0b0d0c;--color-secondary-gray: #aab2b0;--color-text-primary: var(--color-secondary-black);--color-text-muted: #79807e;--color-line: #e2e7e5;--color-stroke: var(--color-line);--color-white: #ffffff;--color-shadow: #000000;--color-background: #f2fdf8;--color-background-end: #eef9fc;--color-welcome-start: #99ffcf;--color-canvas: #e8efec;--color-surface: var(--color-white);--color-surface-muted: #f3f5f4;--color-placeholder: #9bb2a6;--color-card-peach: #fff6ec;--color-card-blue: #e3f7ff;--color-card-mint: #e3ffed;--color-card-lavender: #ecf0ff;--color-card-pink: #fbecec;--color-card-purple: #f7f0ff;--color-error: #dc303d;--color-error-surface: #fff5f5;--color-warning: #735724;--color-warning-surface: #fff8e8;--color-alipay: #1677ff;--color-alipay-surface: #f5faff;--brand: var(--color-primary);--brand-soft: color-mix( in srgb, var(--color-primary) 10%, var(--color-surface) );--brand-on: var(--color-secondary-black);--action: var(--color-primary);--background: var(--color-background);--foreground: var(--color-text-primary);--card: var(--color-surface);--muted: var(--color-surface-muted);--muted-foreground: var(--color-text-muted);--border: var(--color-stroke);--error: var(--color-error);--error-bg: var(--color-error-surface);--warning: var(--color-warning);--warning-bg: var(--color-warning-surface);--shadow-primary: 0 10px 24px color-mix(in srgb, var(--color-primary) 20%, transparent);--shadow-white-control: 0 10px 24px color-mix(in srgb, var(--color-shadow) 8%, transparent);--shadow-selected-control: 0 10px 12px color-mix(in srgb, var(--color-shadow) 10%, transparent);--shadow-glass: 0 10px 36px color-mix(in srgb, var(--color-shadow) 12%, transparent);--shadow-sheet: 0 -12px 48px 4px color-mix(in srgb, var(--color-shadow) 14%, transparent), 0 -2px 12px color-mix(in srgb, var(--color-shadow) 6%, transparent);--shadow-sticky: 0 12px 40px 4px color-mix(in srgb, var(--color-shadow) 14%, transparent);--shadow: var(--shadow-white-control);--glass-panel-fill: color-mix(in srgb, var(--color-white) 76%, transparent);--glass-nav-fill: color-mix(in srgb, var(--color-white) 30%, transparent);--glass-control-fill: color-mix(in srgb, var(--color-white) 24%, transparent);--glass-control-edge: color-mix(in srgb, var(--color-white) 70%, transparent);--glass-control-sheen: linear-gradient( 145deg, color-mix(in srgb, var(--color-white) 60%, transparent), color-mix(in srgb, var(--color-white) 6%, transparent) 55%, color-mix(in srgb, var(--color-white) 32%, transparent) );--glass-control-highlight: inset 0 1px 1px color-mix(in srgb, var(--color-white) 95%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--color-white) 28%, transparent), inset 0 6px 24px color-mix(in srgb, var(--color-shadow) 3%, transparent), inset 0 -6px 30px color-mix(in srgb, var(--color-shadow) 1.5%, transparent);--glass-border: var(--color-white);--glass-blur: 25px;--glass-control-blur: 18px;--glass-control-saturation: 1.65;--glass-panel-saturation: 1.5;--sheet-backdrop-fill: color-mix( in srgb, var(--color-white) 20%, transparent );--sheet-backdrop-blur: 10px;--sheet-scroll-blur-end: 20px;--sheet-scroll-fade: 8px;--sheet-scroll-blur-height: 48px;--dock-bottom: 18px;--motion-sheet-enter: .36s;--motion-sheet-exit: .22s;--motion-sheet-resize: .42s;--motion-cart-flight: .6s;--motion-cart-feedback: .6s;--motion-tab-switch: .48s;--motion-category-center: .62s;--motion-sticky-shadow: .28s;--motion-search-expand: .36s;--motion-choice-press: 90ms;--motion-choice-colour: .22s;--motion-choice-settle: .42s;--motion-product-size: .42s;--product-cup-scale-small: .9;--product-cup-scale-medium: 1;--product-cup-scale-large: 1.08;--product-card-gap: 10px;--page-gutter: 18px;--motion-choice-spring: cubic-bezier(.22, 1.45, .36, 1);--motion-ease-out: cubic-bezier(.22, 1, .36, 1);--flo-corner-radius: 30px;--flo-control-radius: 9999px;--control-primary-height: 64px;--control-action-inset: 6px;--control-nav-height: var(--control-primary-height);--font-button-base: 14px;--font-weight-control: 500;--font-button-primary: 20px;--font-button-primary-compact: 18px;--font-button-option: 16px;--font-button-option-compact: 14px;--font-button-nav: 16px;--font-button-nav-compact: 14px;--font-button-language: 12px;--font-cart-item-price: 18px;--font-cart-total-price: 24px;--font-sans: Montserrat, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}@font-face{font-family:Montserrat;src:url(/assets/design/montserrat.ttf) format("truetype");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-padding-bottom:140px;background-color:var(--browser-chrome-color, var(--color-background));background-image:var(--browser-chrome-art, none);background-position:center var(--order-art-top, 0px);background-size:min(100vw,440px) auto;background-repeat:no-repeat;color-scheme:light}body{margin:0;font-family:var(--font-sans);background:var(--browser-chrome-color, var(--color-background));color:var(--foreground);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}html[data-order-art] body{background-color:var(--browser-chrome-color);background-image:var(--browser-chrome-art);background-position:center var(--order-art-top, 0px);background-size:min(100vw,440px) auto;background-repeat:no-repeat}body.modal-open{overflow:clip}button,input,textarea,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:0;touch-action:manipulation;transition:background-color .16s,filter .16s}a,input[type=radio],input[type=checkbox],.wallet-choice,.option-pill{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.4}button:active:not(:disabled){filter:brightness(.95)}:focus{outline:none}input:where(:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset])):focus-visible,textarea:focus-visible{outline:2px solid var(--color-secondary-black);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.035em}h2{font-size:18px;font-weight:500;line-height:1.4}strong,b{font-weight:700}small,.footnote{font-size:14px;color:var(--muted-foreground)}img{max-width:100%}svg,.asset-icon{flex-shrink:0}.asset-icon{display:block;max-width:none}input,textarea,select{border:1px solid var(--border);background:var(--card);min-height:44px;max-width:100%;padding:12px 16px;border-radius:20px}textarea{resize:vertical;width:100%;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted-foreground)}input[type=radio],input[type=checkbox]{accent-color:var(--foreground);width:20px;height:20px;min-height:0;flex-shrink:0}fieldset{min-width:0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;z-index:100;background:var(--card);padding:12px}.app-shell{position:relative;isolation:isolate;max-width:440px;margin:auto;min-height:100dvh;background:linear-gradient(155deg,var(--background) 11%,var(--color-background-end) 67%);padding:env(safe-area-inset-top,0px) var(--page-gutter) calc(140px + env(safe-area-inset-bottom,0px))}:root[data-theme=dark] .app-shell{background:linear-gradient(155deg,var(--color-background),var(--color-background-end))}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:9999px;padding:12px var(--page-gutter);border:0;background:var(--card);font-weight:var(--font-weight-control);font-size:var(--font-button-base);text-decoration:none}.button.primary{height:var(--control-primary-height);min-height:var(--control-primary-height);background:var(--brand);color:var(--brand-on);box-shadow:var(--shadow-primary);font-weight:700;font-size:var(--font-button-primary)}.button.quiet{background:transparent;box-shadow:none}.button.secondary{box-shadow:var(--shadow)}.button .asset-icon{pointer-events:none}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 8px}.wordmark{background:none;padding:0;display:block;flex-shrink:0}.wordmark img{display:block;width:144.404px;height:61.644px;max-width:none}.top-actions{display:flex;gap:20px;align-items:center}.table-pill{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.table-dots{position:relative;display:block;width:13px;height:14px}.table-dots:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor;top:1px;left:0;box-shadow:7px 0 currentColor,3.5px 7px currentColor}.language-control{position:relative;display:grid;place-items:center;flex-shrink:0;background:var(--color-white);box-shadow:none;border-radius:50%;width:48px;height:48px;font-size:var(--font-button-language)}.catalog-tools{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;align-items:center;gap:12px;margin:0 calc(-1 * var(--page-gutter)) 6px;padding:12px var(--page-gutter);transition:box-shadow .2s,background-color .2s}.catalog-sentinel{height:1px;margin-bottom:-1px}.tab-pages,.category-pages{position:relative;margin:0 calc(-1 * var(--page-gutter));padding:0 var(--page-gutter)}.tab-pages{overflow:visible}.tab-pages[data-transitioning=true],.category-pages{overflow:clip}.category-pages{touch-action:pan-y pinch-zoom}.tab-page[hidden]{display:none}.tab-page[data-outgoing=true],.category-page[data-outgoing=true]{position:absolute;top:0;left:var(--page-gutter);right:var(--page-gutter);pointer-events:none}.tab-pages[data-transitioning=true] .tab-page,.category-pages[data-transitioning=true] .category-page{will-change:transform}.catalog-tools{filter:drop-shadow(0 4px 6px transparent);transition:filter var(--motion-sticky-shadow) ease}.catalog-tools[data-stuck=true]{--shadow-sticky: 0 4px 16px -6px color-mix(in srgb, var(--color-shadow) 14%, transparent);background:transparent;filter:drop-shadow(0 4px 6px color-mix(in srgb,var(--color-shadow) 8%,transparent))}.catalog-tools[data-stuck=true] .categories .button,.catalog-tools[data-stuck=true] .menu-search{box-shadow:none}.search{display:flex;align-items:center;flex-shrink:0}.search-toggle{flex:0 0 50px;width:50px;min-width:50px;height:50px;padding:0;background:var(--color-white);border-radius:50%;display:grid;place-items:center;box-shadow:none;transition:box-shadow var(--motion-sticky-shadow) var(--motion-ease-out),background-color var(--motion-choice-colour) ease}.menu-search{flex:0 0 50px;min-width:50px;height:50px;display:flex;align-items:center;border-radius:999px;background:var(--color-white);overflow:hidden;padding-right:4px;box-shadow:none;transition:flex-basis var(--motion-search-expand) var(--motion-ease-out),box-shadow var(--motion-sticky-shadow) var(--motion-ease-out)}.menu-search[data-open=true]{flex-basis:100%}.menu-search .search-toggle{background:transparent}.menu-search-content{display:flex;align-items:center;flex:1;min-width:0;opacity:0;visibility:hidden;transition:opacity var(--motion-choice-colour) ease}.menu-search[data-open=true] .menu-search-content{opacity:1;visibility:visible}.menu-search-input{flex:1;width:0;min-width:0;height:50px;padding:0;border:0;background:transparent;font-size:16px}.menu-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.menu-search-input:focus-visible{outline:none}.menu-search:has(.menu-search-input:focus){outline:2px solid var(--color-secondary-black);outline-offset:3px}.menu-search-close{flex-shrink:0;min-height:44px;background:transparent;padding:0 8px;font-size:13px;font-weight:var(--font-weight-control);width:44px;display:grid;place-items:center}.catalog-strip[data-search-open=true]{overflow-x:hidden;column-gap:36px}.catalog-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;min-width:0;flex:1;margin:-6px calc(-1 * var(--page-gutter));padding:6px var(--page-gutter);pointer-events:auto;scroll-padding-inline:12px var(--page-gutter);-webkit-overflow-scrolling:touch;transition:column-gap var(--motion-search-expand) var(--motion-ease-out)}.catalog-strip::-webkit-scrollbar{display:none}.categories{display:flex;gap:8px;flex:0 0 auto;touch-action:pan-x pan-y pinch-zoom}.catalog-strip>.menu-search,.catalog-strip>.categories{pointer-events:auto}.categories .button{padding:0;background:transparent;box-shadow:none}.categories .category-button-surface{--choice-shadow-duration: var(--motion-sticky-shadow);display:block;border-radius:inherit;pointer-events:none;padding:12px 30px;min-height:50px;white-space:nowrap;font-size:var(--font-button-option);line-height:24px;font-weight:var(--font-weight-control);background:var(--color-white);background-image:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.categories .button[aria-pressed=true]>.category-button-surface{color:var(--color-white);background:var(--color-secondary-black);background-image:none;border-color:transparent;box-shadow:none}.option-pill:not(:has(input:checked))>.option-pill-surface{background:var(--glass-control-fill);background-image:var(--glass-control-sheen);border:1px solid var(--glass-control-edge);box-shadow:var(--shadow-white-control),var(--glass-control-highlight);backdrop-filter:blur(var(--glass-control-blur)) saturate(var(--glass-control-saturation));-webkit-backdrop-filter:blur(var(--glass-control-blur)) saturate(var(--glass-control-saturation))}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:dense;column-gap:var(--product-card-gap);align-items:start}.card{background:var(--card);border-radius:30px}.product-card{position:relative;padding:6px;text-align:left;min-width:0;background:var(--card);border-radius:30px;overflow:hidden;display:flex;flex-direction:column}.product-card .product-image{height:auto;width:100%;aspect-ratio:1;border-radius:24px;background:var(--product-tone-color, var(--color-card-peach))}.product-image{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.product-image>img,.product-image>canvas[data-product-snapshot]{display:block;width:84%;height:84%;object-fit:contain}.tone-blue .product-image{background:var(--color-card-blue)}.tone-mint .product-image{background:var(--color-card-mint)}.tone-lavender .product-image{background:var(--color-card-lavender)}.tone-pink .product-image{background:var(--color-card-pink)}.tone-purple .product-image{background:var(--color-card-purple)}.product-copy{width:100%;padding:10px 8px 8px}.product-copy h2{font-size:16px;overflow-wrap:anywhere;min-height:24px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:6px;font-size:16px}.add-mark{display:grid;place-items:center}.stock-badge{position:absolute;top:16px;left:16px;border-radius:999px;padding:5px 10px;background:var(--card);font-size:12px}.cart-bar{position:fixed;z-index:10;bottom:var(--dock-bottom);left:0;right:0;margin-inline:auto;width:calc(100% - 2 * var(--page-gutter));max-width:404px;display:flex;gap:18px;align-items:center}.main-nav{--shadow-glass: 0 10px 12px -10px color-mix(in srgb, var(--color-shadow) 12%, transparent), 0 -4px 24px -8px color-mix(in srgb, var(--color-shadow) 12%, transparent);position:relative;display:flex;flex:1;min-width:0;border-radius:9999px;isolation:isolate;background:transparent;box-shadow:var(--shadow-glass);padding:6px;height:var(--control-nav-height)}.main-nav:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--glass-nav-fill);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 0 0 1px var(--glass-border),var(--glass-control-highlight)}.main-nav:before{content:"";position:absolute;inset:6px auto 6px 6px;width:calc(50% - 6px);border-radius:inherit;background:var(--card);box-shadow:none;transition:transform var(--motion-tab-switch) var(--motion-ease-out)}.main-nav[data-active=orders]:before{transform:translate(100%)}.main-nav .button{position:relative;z-index:1;font-size:var(--font-button-nav);min-width:0;flex:1;padding:10px 8px;background:transparent;box-shadow:none;font-weight:var(--font-weight-control);white-space:nowrap}.main-nav .active{background:transparent;box-shadow:none}.main-nav .button:not(.active){background:transparent;box-shadow:none}.cart-trigger{position:relative;flex:0 0 150px;height:var(--control-primary-height);padding:16px 20px;font-size:var(--font-button-primary);gap:8px}.cart-trigger>.asset-icon{width:18px;height:auto;transform:translateY(-2px)}.cart-count{position:absolute;right:0;top:-18px;min-width:38px;height:38px;padding:4px 8px;display:grid;place-items:center;background:var(--color-secondary-yellow);color:var(--color-secondary-black);border:2px solid var(--color-white);border-radius:999px;font-size:18px;font-weight:700;animation:cart-count-pop .42s var(--motion-ease-out)}.empty{padding:40px 20px;text-align:center;display:grid;justify-items:center;gap:16px}.empty h1{font-size:26px}.empty>svg{width:48px;height:48px}.footnote{line-height:1.7}.field{display:grid;gap:8px;margin:18px 0;font-size:14px}.field>span{color:var(--muted-foreground)}.sheet{border:0;padding:0;border-radius:30px 30px 0 0;background:var(--glass-panel-fill);color:var(--foreground);width:100%;max-width:440px;max-height:calc(100dvh - max(18px,env(safe-area-inset-top)));margin:auto auto 0;overflow:hidden;height:fit-content;box-shadow:var(--shadow-sheet),inset 0 0 0 2px var(--glass-border);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-panel-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-panel-saturation));transform-origin:center}.sheet[open][data-state=open]{animation:sheet-enter var(--motion-sheet-enter) var(--motion-ease-out) backwards}.sheet[open][data-state=closing]{pointer-events:none;animation:sheet-exit var(--motion-sheet-exit) cubic-bezier(.4,0,1,1) both}.sheet::backdrop{background:var(--sheet-backdrop-fill);backdrop-filter:blur(var(--sheet-backdrop-blur));-webkit-backdrop-filter:blur(var(--sheet-backdrop-blur));animation:backdrop-enter var(--motion-sheet-enter) ease-out backwards}.sheet[data-state=closing]::backdrop{animation:backdrop-exit var(--motion-sheet-exit) ease-in both}.sheet[data-flight=running]::backdrop{animation:backdrop-exit var(--motion-sheet-exit) ease-in both}.scroll-edge-blur{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;visibility:hidden;mask-image:linear-gradient(to bottom,black,transparent var(--mask-top),transparent calc(100% - var(--mask-bottom)),black);-webkit-mask-image:linear-gradient(to bottom,black,transparent var(--mask-top),transparent calc(100% - var(--mask-bottom)),black)}.sheet-scroll[data-blur-ready=true] .scroll-edge-blur{visibility:visible}.scroll-blur-copy{position:absolute;top:0;left:0;filter:blur(var(--sheet-scroll-blur-end));will-change:transform;pointer-events:none}.scroll-blur-copy *,.scroll-blur-copy *:before,.scroll-blur-copy *:after{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.sheet-scroll[data-blur-ready=true][data-overflow-top=true]{--mask-top: var(--sheet-scroll-blur-height)}.sheet-scroll[data-blur-ready=true][data-overflow-bottom=true]{--mask-bottom: var(--sheet-scroll-blur-height)}.sheet-inner{display:flex;flex-direction:column;max-height:calc(100dvh - max(18px,env(safe-area-inset-top)))}.sheet[data-resizing=true]>.sheet-inner{height:100%}.sheet[data-resizing=true]>.sheet-inner>.sheet-scroll{flex:1}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:18px var(--page-gutter) 8px;gap:12px;flex-shrink:0}.sheet-header h2{font-size:24px;font-weight:500;overflow-wrap:anywhere}.sheet-header .button{position:relative;width:44px;height:44px;padding:0;flex-shrink:0}.sheet-header .button:before{content:"";position:absolute;inset:-10px}.sheet-scroll{position:relative;display:flex;min-height:0;--mask-top: 0px;--mask-bottom: 0px}.sheet-scroll[data-overflow-top=true]{--mask-top: var(--sheet-scroll-fade)}.sheet-scroll[data-overflow-bottom=true]{--mask-bottom: var(--sheet-scroll-fade)}.sheet-content{width:100%;overflow-y:auto;overscroll-behavior:contain;padding:12px var(--page-gutter) 18px;min-height:0;scrollbar-width:thin}.sheet-content-inner{display:flow-root}.sheet-scroll,.sheet-content{mask-image:linear-gradient(to bottom,transparent,var(--color-white) var(--mask-top),var(--color-white) calc(100% - var(--mask-bottom)),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,var(--color-white) var(--mask-top),var(--color-white) calc(100% - var(--mask-bottom)),transparent)}.sheet-footer{padding:16px var(--page-gutter) var(--dock-bottom);flex-shrink:0;position:relative}.sheet-footer>.button.primary,.action-button{width:100%;height:var(--control-primary-height);font-size:var(--font-button-primary);position:relative}.action-button>.asset-icon{position:absolute;right:30px}.total{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:10px 0;font-size:16px}.total>span:first-child:not(.more-indicator){margin-right:auto}.total strong{font-size:20px}.sheet-footer .total{font-size:18px;padding:0 0 30px}.sheet-footer .total strong{font-size:var(--font-cart-total-price)}.cart-lines{display:grid;gap:24px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:256px;padding:16px 0 32px}.cart-empty img{width:152px;height:auto}.cart-empty p{margin:0;color:var(--muted-foreground);font-size:14px;text-align:center}.cart-line{display:flex;gap:18px;min-width:0;align-items:center}.cart-line[data-unavailable=true]{opacity:.4}.cart-line .product-image{width:100px;height:100px;border:4px solid var(--color-white);border-radius:24px;background:var(--product-tone-color, var(--color-card-peach))}.cart-line .line-copy{flex:1;min-width:0;display:grid;gap:4px}.line-title{display:block;transform:translateY(4px);background:none;padding:0;text-align:left;font-size:18px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.line-copy>small{font-size:14px}.line-controls{display:flex;align-items:center;justify-content:space-between;gap:6px}.line-controls>strong{font-size:var(--font-cart-item-price);align-self:flex-start;padding-top:2px;line-height:20px;white-space:nowrap}.quantity{display:flex;align-items:center;gap:4px}.quantity .button{padding:0;width:36px;height:44px;min-height:44px;box-shadow:none;background:none}.quantity .button>svg{width:18px;height:18px;color:var(--color-white);background:var(--color-secondary-black);border-radius:50%;padding:3px}.cart-line .quantity .button>svg{stroke-width:4}.quantity input{padding:0;background:none;border:0;min-height:44px;max-width:52px;width:32px;text-align:center;font-weight:700;appearance:textfield;-moz-appearance:textfield}.quantity input::-webkit-inner-spin-button,.quantity input::-webkit-outer-spin-button{-webkit-appearance:none}.line-remove{font-size:12px;background:none;padding:0;color:var(--muted-foreground);justify-self:start;text-decoration:underline;min-height:30px}.product-sheet .sheet-content{padding-top:0;padding-bottom:8px;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}.product-sheet{touch-action:pan-y pinch-zoom}.product-sheet .sheet-footer{padding-top:8px}.product-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;margin:0 calc(-1 * var(--page-gutter)) 12px}.product-stage .product-image{width:280px;height:auto;max-width:100%;overflow:visible;filter:drop-shadow(0 35px 15px color-mix(in srgb,var(--color-secondary-black) 9%,transparent))}.product-stage .product-image>img,.product-stage .product-image>svg{width:100%;height:100%;transform:scale(var(--product-image-scale, var(--product-cup-scale-medium)));transition:transform var(--motion-product-size) var(--motion-choice-spring)}.product-stage[data-cup-size=small]{--product-image-scale: var(--product-cup-scale-small)}.product-stage[data-cup-size=large]{--product-image-scale: var(--product-cup-scale-large)}.product-stage.has-size{justify-content:flex-end}.product-stage.has-size .product-image{width:calc(100% - 100px);height:auto;aspect-ratio:1}.product-stage .size-options{position:absolute;top:50%;transform:translateY(-50%);margin:0;left:var(--page-gutter);width:112px;z-index:1}.options{padding:0;margin:0 0 24px;border:0}.options legend{padding:0;font-size:14px;color:var(--muted-foreground);margin-bottom:18px}.size-options legend{text-align:left;width:100%}.product-sheet .options legend{width:100%;text-align:left}.product-sheet .option-title{display:inline-block;width:112px;text-align:center}.option-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.size-options .option-choices{grid-template-columns:1fr;gap:18px}.option-row{position:relative;min-width:0}.option-pill{position:relative;display:block;min-height:50px;border-radius:9999px}.option-pill-surface{position:relative;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:50px;padding:8px 12px;border-radius:9999px;box-shadow:var(--shadow-white-control);font-size:var(--font-button-option);font-weight:var(--font-weight-control);background:var(--glass-control-fill);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.option-pill input{position:absolute;z-index:1;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.option-pill:has(input:checked)>.option-pill-surface{background:var(--color-secondary-black);background-image:none;border-color:transparent;color:var(--color-white);box-shadow:var(--shadow-selected-control)}.option-pill-surface,.categories .category-button-surface{position:relative;isolation:isolate;overflow:hidden;transition:transform var(--motion-choice-settle) var(--motion-choice-spring),background-color var(--motion-choice-colour) ease,color var(--motion-choice-colour) ease,border-color var(--motion-choice-colour) ease,box-shadow var(--choice-shadow-duration, var(--motion-choice-settle)) var(--motion-ease-out)}.option-pill-surface:after,.categories .category-button-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 35% 0%,color-mix(in srgb,var(--color-white) 80%,transparent),transparent 75%);opacity:0;transform:translate(-25%) scale(.8);transition:opacity var(--motion-choice-colour) ease,transform var(--motion-choice-settle) var(--motion-choice-spring)}.option-pill:has(input:active)>.option-pill-surface,.categories .button:active:not(:disabled)>.category-button-surface{transform:scale(.96,.94);transition-duration:var(--motion-choice-press);filter:none}.option-pill:has(input:active)>.option-pill-surface:after,.categories .button:active:not(:disabled)>.category-button-surface:after{opacity:.42;transform:translate(15%) scale(1.15);transition-duration:var(--motion-choice-press)}.option-pill .addon-price{font-size:12px}.product-description{font-size:14px;line-height:24px;color:var(--muted-foreground);margin:12px 0 8px}.product-caption{font-family:cursive;font-size:24px;margin:0 0 12px;text-decoration:underline;text-decoration-color:var(--color-secondary-yellow);text-underline-offset:8px}.product-add{width:100%;height:var(--control-primary-height);min-height:var(--control-primary-height);border-radius:999px;background:var(--brand);color:var(--brand-on);display:flex;justify-content:space-between;align-items:center;padding:var(--control-action-inset) var(--control-action-inset) var(--control-action-inset) 32px;font-size:var(--font-button-primary);box-shadow:var(--shadow-primary)}.product-add .add-round{display:grid;place-items:center;flex-shrink:0}.product-add .add-round>.asset-icon{height:calc(var(--control-primary-height) - var(--control-action-inset) - var(--control-action-inset));width:auto}.quantity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.quantity-row label{display:grid;font-size:14px}.quantity-row .quantity{border-radius:999px;background:var(--muted);padding:0 8px}.history{display:grid;gap:24px}.section-heading h1{font-size:24px}.section-heading p{font-size:12px;line-height:1.7;color:var(--muted-foreground);margin-top:8px}.history-row{position:relative;display:block;width:100%;text-align:left;padding:18px;min-width:0}.history-open{position:absolute;inset:0;width:100%;border-radius:inherit;background:transparent}.history-card-content{position:relative;pointer-events:none}.receipt-content>.total{padding-bottom:0}.receipt-total-amount{display:flex;align-items:center;gap:10px}.order-card-heading h2{font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:1.2}.order-card-heading small{display:block;margin-top:10px}.order-state{display:block;font-size:14px;margin:12px 0;color:var(--muted-foreground)}.order-progress{position:relative;display:flex;gap:6px;margin:24px 0}.history-row[data-cancelled=true] .history-card-content{opacity:.5;pointer-events:none}.history-row[data-cancelled=true] .more-indicator{opacity:1;pointer-events:auto}.order-progress>div{flex:1;min-width:0;text-align:center;font-size:14px;color:var(--color-secondary-gray);transition:color var(--motion-choice-colour) ease,font-weight var(--motion-choice-colour) ease}.order-progress i{display:block;height:8px;margin-bottom:6px}.order-progress-track{position:absolute;top:0;left:0;width:100%;height:8px;border-radius:999px;background:var(--muted);overflow:hidden;pointer-events:none;--progress-rail: calc((100% - 12px) / 3);mask-image:radial-gradient(circle at 4px 4px,black 3.8px,transparent 4px),radial-gradient(circle at calc(100% - 4px) 4px,black 3.8px,transparent 4px),linear-gradient(to right,transparent 4px,black 4px,black calc(100% - 4px),transparent calc(100% - 4px));mask-size:var(--progress-rail) 8px;mask-repeat:space no-repeat;mask-position:left top;-webkit-mask-image:radial-gradient(circle at 4px 4px,black 3.8px,transparent 4px),radial-gradient(circle at calc(100% - 4px) 4px,black 3.8px,transparent 4px),linear-gradient(to right,transparent 4px,black 4px,black calc(100% - 4px),transparent calc(100% - 4px));-webkit-mask-size:var(--progress-rail) 8px;-webkit-mask-repeat:space no-repeat;-webkit-mask-position:left top}.order-progress-track>b{display:block;width:100%;height:100%;border-radius:inherit;background:var(--brand);transition-property:width;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.order-progress .current{color:var(--color-secondary-black);font-weight:var(--font-weight-control)}.summary-meta{border-top:1px solid var(--border);padding-top:24px;margin-bottom:24px;display:grid;gap:6px;font-size:14px}.summary-meta .receipt-ref{font-size:16px;overflow-wrap:anywhere}.summary-meta time{color:var(--muted-foreground)}.receipt-date-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.order-completed-label{color:var(--color-secondary-black);white-space:nowrap}.order-pickup{position:relative;pointer-events:auto}.order-card-heading small{color:var(--muted-foreground)}.summary-line{display:flex;gap:18px;align-items:center;margin-bottom:24px;min-width:0}.receipt-lines{display:flow-root;overflow:clip;overflow-anchor:none}.summary-line .product-image{width:82px;height:82px;border-radius:22px;background:var(--product-tone-color, var(--color-card-peach))}.summary-item-copy{flex:1;min-width:0;display:grid;gap:6px}.summary-item-copy>strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.summary-item-copy small{font-size:13px;overflow-wrap:anywhere}.summary-item-bottom{display:flex;justify-content:space-between;gap:12px;font-size:14px}.summary-fee{display:flex;justify-content:space-between;gap:12px;margin:14px 0;font-size:14px;color:var(--muted-foreground)}.refund-summary{color:var(--color-secondary-black);justify-content:flex-end;gap:4px;margin-top:4px}.more-indicator{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-10px auto -10px 0;padding:0;background:transparent;font-size:14px;color:var(--muted-foreground);pointer-events:auto}.more-indicator svg{width:16px;height:16px;transform:translateY(2px) rotate(90deg);transition:transform var(--motion-choice-colour) ease}.more-indicator[aria-expanded=true] svg{transform:translateY(2px) rotate(-90deg)}.history-completed .summary-meta{border:0;padding-top:0}.detail-shell{--detail-gutter: var(--page-gutter);--detail-back-top: calc(18px + env(safe-area-inset-top, 0px)) ;--detail-back-height: 48px;--detail-card-top: calc( var(--detail-back-top) + var(--detail-back-height) + 140px );padding-top:0;padding-bottom:0;--detail-page-bottom: var(--dock-bottom);min-height:100dvh}.detail-shell[data-has-art=false]{--detail-card-top: calc( var(--detail-back-top) + var(--detail-back-height) + 24px )}.detail-shell[data-has-art=false] .detail{margin-top:0}.detail-shell[data-payable=true],.detail-shell[data-has-dock=true]{--detail-page-bottom: calc( var(--dock-bottom) + var(--control-primary-height) + 16px )}.detail-shell #main{min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--detail-card-top);padding-bottom:var(--detail-page-bottom)}.detail-back{position:fixed;top:var(--detail-back-top);left:max(var(--detail-gutter),calc((100vw - 440px) / 2 + var(--detail-gutter)));z-index:20;box-shadow:var(--shadow-sticky)!important;padding:0!important;min-height:var(--detail-back-height);width:48px;background:none!important;margin:0}.detail-back>.asset-icon{width:48px;height:48px;pointer-events:none}.detail-back:before{content:"";position:absolute;inset:-16px}.detail{position:relative;width:100%;margin-top:auto;flex-shrink:0;z-index:1}.order-art{position:fixed;z-index:-1;left:0;right:0;margin-inline:auto;width:100%;max-width:440px;aspect-ratio:440 / 680;top:var(--order-art-top, 0px);overflow:hidden;pointer-events:none}.order-art img{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;display:block;width:100%;height:100%;object-fit:contain}.order-art img[data-active=true]{opacity:1}.order-paper{background:var(--card);border-radius:30px;padding:18px}.order-heading p{font-size:14px;color:var(--muted-foreground);line-height:1.6;margin-top:10px}.order-title-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:12px}.order-title-row:not(:has(>.button)){grid-template-columns:minmax(0,1fr)}.order-title-row>div{display:contents}.order-title-row h1,.order-title-row h2{grid-column:1;grid-row:1;min-width:0}.order-title-row p,.order-title-row small{grid-column:1;grid-row:2}.order-title-row h1{overflow-wrap:anywhere}.order-title-row .button{grid-column:2;grid-row:1;align-self:center;padding:0;width:44px;height:44px;min-height:44px;flex-shrink:0}.detail-actions{display:grid;gap:12px;margin-top:16px;flex-shrink:0}.detail-actions:empty,.detail-actions:has(>.payment-dock:only-child){margin-top:0}.detail-actions .button{width:100%}.payment-panel{flex-shrink:0;margin-bottom:16px}.detail>.payment-panel{position:relative;margin-bottom:16px}.wallet-choice{display:flex;align-items:center;gap:10px;position:relative;background:var(--card);border-radius:30px;padding:12px 18px;min-height:72px;cursor:pointer}.wallet-choice strong{font-size:18px;flex:1;min-width:0}.wallet-icon{width:48px;height:48px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.wallet-icon.alipay{background:var(--color-alipay-surface);color:var(--color-alipay);font-size:25px;font-weight:700}.wallet-icon.alipay>.asset-icon{width:26px;height:26px}.wallet-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.wallet-check{height:28px;width:28px;display:grid;place-items:center;border:2px solid var(--brand);border-radius:50%;flex-shrink:0}.wallet-check>.asset-icon{width:30px;height:28px;max-width:none;opacity:0}.wallet-choice.selected .wallet-check{border:0}.wallet-choice.selected .wallet-check>.asset-icon{opacity:1}.payment-methods{border:0;padding:0;display:grid;gap:12px}.inline-payment-methods{border:0;padding:18px;margin:0 0 16px;width:100%;min-width:0;border-radius:30px;background:var(--card)}.inline-payment-methods .wallet-choice{background:transparent;padding:0;min-height:48px}.inline-payment-methods .wallet-choice+.wallet-choice{margin-top:18px;padding-top:18px;min-height:66px}.inline-payment-methods .wallet-choice+.wallet-choice:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);pointer-events:none}.payment-sheet .wallet-choice{background:var(--muted)}.selected-method{width:100%;padding:0;background:none;text-align:left}.selected-method .wallet-choice{pointer-events:none}.payment-hint{font-size:14px;line-height:1.7;color:var(--muted-foreground);margin-bottom:18px}.payment-dock{position:fixed;bottom:var(--dock-bottom);left:0;right:0;margin-inline:auto;width:calc(100% - 2 * var(--page-gutter));max-width:404px;z-index:10}.payment-dock .action-button{width:100%;font-size:var(--font-button-primary)}.pickup-code{text-align:center;padding:10px 0}.pickup-code h3{font-size:30px}.pickup-code img{display:block;width:280px;height:280px;margin:30px auto;image-rendering:pixelated}.pickup-code p{font-size:14px;color:var(--muted-foreground)}.welcome-screen{margin:0 calc(-1 * var(--page-gutter)) -140px;min-height:calc(100dvh - env(safe-area-inset-top,0px));background:linear-gradient(158deg,var(--color-welcome-start) 10%,var(--color-background-end) 57%);display:flex;flex-direction:column;align-items:center;padding:64px var(--page-gutter) calc(160px + env(safe-area-inset-bottom,0px));text-align:center;position:relative}.welcome-logo{width:260px;height:112px;display:grid;place-items:center}.welcome-logo img{width:144.404px;height:61.644px;transform:scale(1.8);max-width:none}.welcome-copy{margin-top:62px;position:relative;z-index:1}.welcome-copy h1{font-size:40px}.welcome-copy p{margin:16px auto 0;max-width:350px;font-size:16px}.welcome-art{display:block;width:100%;max-width:418px;aspect-ratio:1;object-fit:contain;margin:20px -12px 0}.welcome-screen[data-entry-state=home]{height:calc(100dvh - env(safe-area-inset-top,0px));min-height:0;padding-top:clamp(24px,7dvh,70px);padding-bottom:calc(132px + env(safe-area-inset-bottom,0px));overflow:hidden}.welcome-screen[data-entry-state=home] .welcome-logo{flex-shrink:0;height:clamp(72px,13dvh,112px)}.welcome-screen[data-entry-state=home] .welcome-logo img{width:auto;height:80%;transform:none}.welcome-screen[data-entry-state=home] .welcome-copy{flex-shrink:0;margin-top:clamp(12px,2dvh,18px)}.welcome-screen[data-entry-state=home] .welcome-art{flex:1;min-height:0;width:min(100%,360px);aspect-ratio:auto;margin:clamp(12px,3dvh,24px) 0 0}.welcome-actions{width:calc(100% - 2 * var(--page-gutter));max-width:404px;min-height:var(--control-primary-height);font-size:var(--font-button-primary);position:fixed;z-index:10;left:0;right:0;margin-inline:auto;bottom:var(--dock-bottom);display:flex;flex-direction:column;gap:12px}.welcome-actions>.button{width:100%;min-height:var(--control-primary-height);font-size:var(--font-button-primary)}.welcome-action{position:relative}.welcome-orders{background:var(--color-white);background-image:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.cart-bar,.payment-dock,.welcome-action{--shadow-primary: 0 10px 12px -10px color-mix(in srgb, var(--color-primary) 20%, transparent);--shadow-white-control: 0 10px 12px -4px color-mix(in srgb, var(--color-shadow) 8%, transparent);--shadow-glass: 0 10px 12px -10px color-mix(in srgb, var(--color-shadow) 12%, transparent)}.welcome-action>.asset-icon{position:absolute;right:28px}.welcome-screen>.notice{max-width:100%;text-align:left}.welcome-screen .welcome-action:disabled{opacity:.5}.welcome-screen[data-entry-state=closed],.welcome-screen[data-entry-state=table-error]{height:calc(100dvh - env(safe-area-inset-top,0px));min-height:0;padding-bottom:0;overflow:hidden}.welcome-screen[data-entry-state=closed] .welcome-copy h1,.welcome-screen[data-entry-state=table-error] .welcome-copy h1{font-size:30px;line-height:36px}.welcome-screen[data-entry-state=closed] .welcome-copy p,.welcome-screen[data-entry-state=table-error] .welcome-copy p{margin-top:19px;font-size:20px;line-height:24px}.welcome-screen[data-entry-state=closed] .welcome-art{width:calc(100% + 26px);margin-top:55px}.welcome-screen[data-entry-state=closed] .welcome-action:disabled{opacity:.2}.welcome-screen[data-entry-state=table-error] .welcome-art{width:min(365px,83vw);aspect-ratio:365 / 385;object-fit:fill;object-position:bottom;margin-top:59px;-webkit-mask-image:url(/assets/design/scan-mask.svg);mask-image:url(/assets/design/scan-mask.svg);-webkit-mask-size:105.205% 91.688%;mask-size:105.205% 91.688%;-webkit-mask-position:73.684% 37.5%;mask-position:73.684% 37.5%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.launch-settings{padding:12px 0;color:var(--muted-foreground);font-size:12px}.launch-settings select{padding:6px 12px;min-height:36px}.preview-label{font-size:12px;text-align:center;color:var(--muted-foreground);margin:8px 0}.skeleton{height:210px;background:var(--card);border-radius:30px;animation:pulse 1.4s infinite alternate}@keyframes sheet-enter{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sheet-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes cart-count-pop{0%{transform:scale(.45);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.cart-flight-overlay{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none}.cart-flight-overlay::backdrop{background:transparent}.cart-flight-image{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 18px color-mix(in srgb,var(--color-shadow) 15%,transparent))}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes backdrop-exit{0%{opacity:1}to{opacity:0}}@keyframes pulse{to{opacity:.5}}@media(max-width:380px){.tab-pages,.category-pages{margin-left:calc(-1 * var(--page-gutter));margin-right:calc(-1 * var(--page-gutter));padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.tab-page[data-outgoing=true],.category-page[data-outgoing=true]{left:var(--page-gutter);right:var(--page-gutter)}.app-shell{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.top-actions{gap:10px}.language-control{width:48px;height:48px}.cart-bar{width:calc(100% - 2 * var(--page-gutter));gap:10px}.catalog-tools,.catalog-strip{margin-left:calc(-1 * var(--page-gutter));margin-right:calc(-1 * var(--page-gutter));padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.payment-dock,.welcome-action{width:calc(100% - 2 * var(--page-gutter))}.cart-trigger{flex-basis:126px;--font-button-primary: var(--font-button-primary-compact);font-size:var(--font-button-primary-compact);padding:12px}.main-nav .button{font-size:var(--font-button-nav-compact)}.product-copy{padding:10px 8px 8px}.product-copy h2,.product-bottom{font-size:16px}.cart-line{gap:12px}.cart-line .product-image{width:74px;height:74px}.line-title{font-size:16px}.line-controls{flex-wrap:wrap}.sheet-header,.sheet-content,.sheet-footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.option-choices{gap:14px}.option-pill-surface{font-size:var(--font-button-option-compact)}.product-stage .size-options{left:var(--page-gutter);width:100px}.product-stage{margin-left:calc(-1 * var(--page-gutter));margin-right:calc(-1 * var(--page-gutter))}.product-sheet .option-title{width:100px}.product-stage.has-size .product-image{width:calc(100% - 88px)}.welcome-screen{margin-left:calc(-1 * var(--page-gutter));margin-right:calc(-1 * var(--page-gutter))}.detail-shell{--detail-gutter: var(--page-gutter)}.summary-line{gap:12px}.summary-line .product-image{width:70px;height:70px}.summary-item-copy>strong{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.option-pill:has(input:active)>.option-pill-surface,.categories .button:active:not(:disabled)>.category-button-surface,.option-pill-surface:after,.categories .category-button-surface:after{transform:none}}.product-image>img[src$="orange-coffee.webp"]{width:66.3%;height:80%}.product-card .product-image>img[src$="latte.webp"]{width:86.5%;height:81.1%}.product-badges{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.product-feature{position:relative;isolation:isolate;display:inline-flex;align-items:center;height:30px;line-height:30px}.product-feature .handwritten-label{display:block;overflow:visible;height:30px;flex-shrink:0}.product-feature .asset-icon{position:absolute;bottom:-4px;left:-3px;z-index:-1}.dietary-tags{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin-left:auto}.product-badges:not(:has(.product-feature)) .dietary-tags{margin-left:0}.dietary-tags>span{display:inline-flex;gap:4px;align-items:center;border-radius:999px;padding:6px;color:var(--color-text-primary);font-size:10px;line-height:10px}.organic-tag{background:color-mix(in srgb,var(--color-secondary-yellow) 10%,transparent)}.vegan-tag{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.order-paper[data-order-state=completed] .summary-meta{border-top:0;padding-top:0}.feedback-toast{position:fixed;inset:auto;top:33.3333dvh;left:50%;translate:-50% -50%;width:max-content;max-width:min(392px,calc(100vw - 48px));margin:0;border:0;padding:16px 28px;border-radius:999px;background:var(--color-white);color:var(--color-secondary-black);box-shadow:0 16px 64px 12px #0000001a;font-size:14px;font-weight:var(--font-weight-control);line-height:1.5;overflow-wrap:anywhere;gap:16px;align-items:center}.feedback-toast:popover-open{display:flex}.feedback-toast[data-layout=card]{border-radius:24px}.feedback-toast[data-state=open]{animation:feedback-enter .28s var(--motion-ease-out) backwards}.feedback-toast[data-state=closing]{animation:feedback-exit var(--motion-sheet-exit) ease-in both}.feedback-alert{width:calc(100% - 2 * var(--page-gutter));max-width:360px;max-height:calc(100dvh - 48px);margin:auto;border:0;border-radius:30px;padding:28px 24px 24px;color:var(--color-secondary-black);background:var(--color-white);box-shadow:0 20px 80px #00000024}.feedback-alert h2{font-size:24px;margin:0 0 16px}.feedback-alert .feedback-alert-message{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.feedback-alert-actions{display:flex;gap:12px;margin-top:32px}.feedback-alert-actions>.button{flex:1;min-width:0;height:48px;min-height:48px;padding:10px 16px;font-size:16px}.feedback-cancel{background:var(--color-white);background-image:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.feedback-alert[open][data-state=open]{animation:feedback-enter var(--motion-sheet-enter) var(--motion-ease-out) backwards}.feedback-alert[open][data-state=closing]{pointer-events:none;animation:feedback-exit var(--motion-sheet-exit) ease-in both}.feedback-alert::backdrop{background:var(--sheet-backdrop-fill);backdrop-filter:blur(var(--sheet-backdrop-blur));-webkit-backdrop-filter:blur(var(--sheet-backdrop-blur));animation:backdrop-enter var(--motion-sheet-enter) ease-out backwards}.feedback-alert[data-state=closing]::backdrop{animation:backdrop-exit var(--motion-sheet-exit) ease-in both}@keyframes feedback-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedback-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}.checkout-flow[data-transition=expanding],.checkout-flow[data-transition=collapsing]{will-change:opacity}.checkout-flow[data-transition=collapsing]{pointer-events:none}.checkout-payment{position:fixed;inset:0;margin:0 auto;height:100vh;height:100lvh;max-height:none;border-radius:0;background:linear-gradient(155deg,var(--background) 11%,var(--color-background-end) 67%);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.checkout-payment .sheet-inner{height:100dvh;max-height:100dvh}.checkout-payment .sheet-header{position:absolute;top:0;left:0;right:0;z-index:4;pointer-events:none;padding:calc(18px + env(safe-area-inset-top,0px)) var(--page-gutter) 18px}.checkout-payment .sheet-header>.button{width:48px;height:48px;min-height:48px;pointer-events:auto;padding:0;border-radius:50%;box-shadow:var(--shadow-sticky)}.checkout-payment:is([data-transition=expanding],[data-transition=handoff]) .sheet-header>.button:disabled{opacity:1}.checkout-payment .sheet-header>.button .asset-icon{width:48px;height:48px}.checkout-payment .sheet-scroll{flex:1;min-height:0}.checkout-payment .sheet-content{height:100%;padding-top:calc(84px + env(safe-area-inset-top,0px))}.checkout-payment .sheet-scroll{--mask-top: 0px;--mask-bottom: 0px;mask-image:none;-webkit-mask-image:none}.checkout-payment[data-has-footer=true] .sheet-scroll[data-overflow-bottom=true]{--mask-bottom: 64px}.checkout-payment .sheet-content{mask-image:linear-gradient(to bottom,black 0,black calc(100% - var(--mask-bottom)),transparent);-webkit-mask-image:linear-gradient(to bottom,black 0,black calc(100% - var(--mask-bottom)),transparent)}.checkout-payment .sheet-footer{padding-top:16px}.checkout-payment:is(:not([data-transition]),[data-transition=expanding],[data-transition=handoff]) :is(.payment-summary>:not(.history-row):not(.order-art),.sheet-footer){opacity:0;pointer-events:none}.checkout-flow[data-transition=collapsing]::backdrop{animation-duration:.66s}@media(max-width:360px){.checkout-payment .sheet-header{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}}.checkout-payment{background:transparent;overflow:visible;isolation:isolate}.checkout-payment:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(155deg,var(--background) 11%,var(--color-background-end) 67%)}.checkout-payment[data-transition=expanding]:before{animation:checkout-surface-in .56s ease both}.checkout-payment[data-transition=collapsing]:before{animation:checkout-surface-out .66s ease both}.checkout-payment::backdrop{background-color:var(--browser-chrome-color, var(--color-background));background-image:var(--browser-chrome-art, none);background-position:center var(--order-art-top, 0px);background-size:min(100vw,440px) auto;background-repeat:no-repeat;backdrop-filter:none;-webkit-backdrop-filter:none}.checkout-payment[data-transition=collapsing]::backdrop{animation-duration:.66s}.checkout-payment .sheet-content>div{min-height:100%}.payment-summary{position:relative}.payment-summary>.history-row{margin:0}.payment-summary[data-has-art=true]{min-height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:120px}.payment-summary>.order-art{z-index:-1}.order-pickup-region{display:flow-root}.history-row .summary-meta{transition:padding-top .86s cubic-bezier(.25,.65,.2,1),border-top-width .86s ease}.order-completed-label{animation:completed-label-in .6s .24s ease both}.order-confetti{position:absolute;top:70px;left:50%;width:0;height:0;pointer-events:none;z-index:3}.order-confetti i{position:absolute;width:7px;height:13px;border-radius:2px;background:var(--confetti-color);animation:order-confetti-burst 1.4s cubic-bezier(.15,.65,.35,1) both}@keyframes checkout-surface-in{0%{opacity:0}to{opacity:1}}@keyframes checkout-surface-out{0%{opacity:1}to{opacity:0}}@keyframes completed-label-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes order-confetti-burst{0%{opacity:0;transform:translate(0) rotate(0)}9%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(var(--confetti-x),calc(var(--confetti-y) + 100px)) rotate(var(--confetti-spin))}}@media(prefers-reduced-motion:reduce){.order-confetti{display:none}.order-completed-label,.checkout-payment:before{animation:none!important}.history-row .summary-meta{transition:none}}.payment-summary[data-reading=true]{min-height:100%;display:flex;flex-direction:column;padding-top:0;transition:padding-top .86s cubic-bezier(.25,.65,.2,1)}.payment-summary[data-reading=true][data-has-art=true]{justify-content:flex-start;padding-top:120px}.payment-summary>.history-row{flex-shrink:0}@media(prefers-reduced-motion:reduce){.payment-summary[data-reading=true]{transition:none}}.checkout-payment:is([data-transition=expanding],[data-transition=collapsing],[data-transition=handoff]) .scroll-edge-blur{visibility:hidden}.checkout-flow>[data-motion-copy=true] *,.checkout-flow>[data-motion-copy=true] *:before,.checkout-flow>[data-motion-copy=true] *:after{animation:none!important;transition:none!important}.product-note-input{display:block;width:100%;height:50px;min-height:50px;margin-top:16px;margin-bottom:24px;scroll-margin-block:64px;padding:0 18px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-white);font-size:16px}.order-notes-card{padding:18px;margin-bottom:16px}.history-row+.order-notes-card,.order-paper+.order-notes-card{margin-top:16px}.order-notes-card>textarea{display:block;width:100%;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;resize:none;font-size:16px;line-height:24px}.product-note-input::placeholder,.order-notes-card>textarea::placeholder{color:var(--color-secondary-gray)}.product-note-input:focus-visible{outline-offset:2px}.order-notes-card>textarea:focus-visible{outline:none}.order-notes-card:focus-within{box-shadow:0 0 0 2px var(--color-secondary-black)}.order-dining-card:is(.dining-mode,.dining-mode-result){margin:16px 0;flex-shrink:0}.dining-mode{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:18px;min-height:84px;border-radius:var(--flo-control-radius);background:var(--card);touch-action:pan-y pinch-zoom}.dining-mode-thumb{position:absolute;top:18px;bottom:18px;left:18px;width:calc((100% - 36px)/2);border-radius:999px;background:var(--color-secondary-black);transition:transform var(--motion-choice-colour) var(--motion-ease-out);pointer-events:none}.dining-mode[data-mode=takeaway] .dining-mode-thumb{transform:translate(100%)}.dining-mode button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:48px;padding:0 8px;border:0;border-radius:999px;background:transparent;font-size:18px;font-weight:var(--font-weight-control);color:var(--color-secondary-black);transition:color var(--motion-choice-colour) ease}.dining-mode button[aria-checked=true]{color:var(--color-white)}@media(prefers-reduced-motion:reduce){.dining-mode-thumb,.dining-mode button,.catalog-tools{transition:none}}.inline-payment-methods:has(>.wallet-choice:only-of-type){border-radius:var(--flo-control-radius)}.dining-mode-result{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;padding:18px;min-height:84px;border-radius:var(--flo-control-radius);background:var(--card);color:var(--color-secondary-black);font-weight:500}.dining-result-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--muted)}.order-pickup{position:relative}.order-pickup:before{content:"";position:absolute;inset:-10px}.welcome-screen:is([data-entry-state=closed],[data-entry-state=table-error]) .welcome-art{align-self:flex-end;flex-shrink:0;margin-right:calc(-1 * var(--page-gutter));object-position:right bottom}@media(prefers-reduced-motion:reduce){.order-art img{transition:none}}.table-scanner video{display:block;width:100%;max-height:60dvh;min-height:240px;border-radius:24px;object-fit:cover;background:var(--color-secondary-black)}.table-scanner [role=status]{text-align:center;margin:18px 0}.checkout-payment .sheet-header>.button:before{inset:-16px}.app-shell{--page-content-top: 12px}.catalog-tools,.history{padding-top:var(--page-content-top)}
