@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Righteous&display=swap";:root,[data-theme=ember-1]{--font-family: "Figtree", system-ui, sans-serif;--display-family: "Figtree", system-ui, sans-serif;--headline-family: "Figtree", system-ui, sans-serif;--page-background: linear-gradient(180deg, #ece9e2 0%, #dfdbd1 100%);--app-background: #ffffff;--app-border: 1px solid rgba(70, 55, 35, .06);--app-shadow: 0 44px 100px -24px rgba(55, 45, 32, .42), 0 0 0 1px rgba(70, 55, 35, .06);--text: #201c17;--subtle: #7d766c;--muted: #aba49a;--muted-strong: #8b8378;--accent: #ea580c;--accent-strong: #c2410c;--on-accent: #ffffff;--border: #ece9e2;--border-soft: #f1eee8;--border-strong: #d5cfc4;--surface: #faf8f4;--surface-secondary: #f5f3ee;--input-bg: #ffffff;--chip-bg: #ffffff;--placeholder: #b0a99d;--success: #4c7a3f;--success-soft: #e5edde;--warning: #8f6b12;--warning-soft: #fcefc9;--danger: #b0553b;--dark-action: #201c17;--on-dark-action: #ffffff;--button-ghost-bg: #ffffff;--icon-bg: #ffffff;--icon-bg-hover: #f5f3ee;--icon-color: #201c17;--active-soft: #fdeee3;--progress-bg: #efece5;--bottom-bg: rgba(255, 255, 255, .96);--drawer-bg: #ffffff;--sidebar-background: #201c17;--sidebar-text: #ffffff;--sidebar-muted: rgba(255, 255, 255, .62);--sidebar-active: #ea580c;--sidebar-active-text: #ffffff;--nav-bg: #ffffff;--hero-bg: #201c17;--hero-text: #ffffff;--hero-muted: rgba(255, 255, 255, .62);--hero-accent: #f09248;--ar-bg: rgba(18, 14, 10, .96);--ar-text: #f5f1e8;--ar-muted: rgba(245, 241, 232, .58);--focus: rgba(234, 88, 12, .32);--tint-start: #f6e8d8;--tint-main: #f0e0cb;--tint-dessert: #f8eadb;--tint-drink: #e9ede3;--thumb-text: rgba(60, 45, 25, .2);--thumb-text-large: rgba(60, 45, 25, .16);--app-radius: 0;--panel-radius: 22px;--button-radius: 16px;--input-radius: 15px;--card-radius: 18px;--item-radius: 16px;--thumb-radius: 12px;--dish-radius: 18px;--detail-radius: 22px;--hero-radius: 20px;--nav-radius: 15px;--accent-shadow: 0 14px 30px -10px rgba(234, 88, 12, .5);--floating-shadow: 0 16px 36px -12px rgba(35, 28, 20, .55);--card-shadow: none;--nav-shadow: 0 16px 40px -12px rgba(55, 45, 32, .32);--panel-shadow: 0 24px 60px -30px rgba(35, 28, 20, .45);--drawer-shadow: -24px 0 70px rgba(35, 28, 20, .26)}[data-theme=ember-2]{--font-family: "Figtree", system-ui, sans-serif;--display-family: "Figtree", system-ui, sans-serif;--headline-family: "Figtree", system-ui, sans-serif;--page-background: linear-gradient(180deg, #2a2019 0%, #171210 100%);--app-background: linear-gradient(165deg, #33231a 0%, #221712 45%, #191310 100%);--app-border: 1px solid rgba(255, 255, 255, .08);--app-radius: 0;--app-shadow: 0 44px 100px -24px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .08), inset 0 0 0 1px rgba(255, 255, 255, .06);--text: #fff7ef;--subtle: rgba(247, 242, 234, .68);--muted: rgba(247, 242, 234, .46);--muted-strong: #ffb27a;--accent: #ff7a29;--accent-strong: #ffb27a;--on-accent: #1c130c;--border: rgba(255, 255, 255, .12);--border-soft: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .32);--surface: rgba(255, 255, 255, .08);--surface-secondary: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .09);--chip-bg: rgba(255, 255, 255, .08);--placeholder: rgba(247, 242, 234, .42);--success: #8fd87a;--success-soft: rgba(143, 216, 122, .18);--warning: #ffcf7a;--warning-soft: rgba(255, 207, 122, .16);--danger: #ff9070;--dark-action: #f7f2ea;--on-dark-action: #1c130c;--button-ghost-bg: rgba(255, 255, 255, .08);--icon-bg: rgba(255, 255, 255, .08);--icon-bg-hover: rgba(255, 122, 41, .16);--icon-color: #ffb27a;--active-soft: rgba(255, 122, 41, .18);--progress-bg: rgba(255, 255, 255, .12);--bottom-bg: rgba(25, 19, 16, .9);--drawer-bg: #221712;--sidebar-background: rgba(255, 255, 255, .08);--sidebar-text: #fff7ef;--sidebar-muted: rgba(247, 242, 234, .55);--sidebar-active: #ff7a29;--sidebar-active-text: #1c130c;--nav-bg: rgba(25, 19, 16, .92);--hero-bg: rgba(255, 255, 255, .12);--hero-text: #fff7ef;--hero-muted: rgba(247, 242, 234, .58);--hero-accent: #ffb27a;--ar-bg: rgba(10, 7, 5, .96);--ar-text: #f7f2ea;--ar-muted: rgba(247, 242, 234, .54);--focus: rgba(255, 178, 122, .4);--tint-start: #4a2d1f;--tint-main: #543220;--tint-dessert: #5c3826;--tint-drink: #293622;--thumb-text: rgba(255, 178, 122, .35);--thumb-text-large: rgba(255, 178, 122, .28);--panel-radius: 24px;--button-radius: 18px;--input-radius: 16px;--card-radius: 20px;--item-radius: 18px;--thumb-radius: 13px;--dish-radius: 20px;--detail-radius: 24px;--hero-radius: 24px;--nav-radius: 16px;--accent-shadow: 0 16px 36px -10px rgba(234, 88, 12, .55), inset 0 1px 0 rgba(255, 255, 255, .25);--floating-shadow: 0 20px 44px -12px rgba(0, 0, 0, .6);--card-shadow: 0 8px 18px -10px rgba(0, 0, 0, .48);--nav-shadow: 0 20px 44px -12px rgba(0, 0, 0, .6);--panel-shadow: 0 28px 80px -30px rgba(0, 0, 0, .65);--drawer-shadow: -24px 0 80px rgba(0, 0, 0, .58);--decor-opacity: 1;--decor-1-bg: radial-gradient(circle, rgba(255, 122, 41, .32) 0%, rgba(255, 122, 41, 0) 70%);--decor-2-bg: radial-gradient(circle, rgba(255, 170, 80, .16) 0%, rgba(255, 170, 80, 0) 70%);--decor-3-bg: radial-gradient(circle, rgba(234, 88, 12, .2) 0%, rgba(234, 88, 12, 0) 70%);--welcome-padding: 24px 26px 30px;--menu-tools-padding: 18px 24px 0;--primary-bg: linear-gradient(160deg, #ff7a29, #e5560e);--primary-border: 1px solid rgba(255, 255, 255, .18);--button-ghost-bg: rgba(255, 255, 255, .07);--control-bg: rgba(255, 255, 255, .07);--control-border: 1px solid rgba(255, 255, 255, .14);--control-filter: blur(16px);--surface-filter: blur(20px);--card-bg: rgba(255, 255, 255, .07);--card-border: 1px solid rgba(255, 255, 255, .12);--pill-border: 1px solid rgba(255, 255, 255, .12);--icon-border: 1px solid rgba(255, 255, 255, .14);--category-bg: rgba(255, 255, 255, .07);--category-border: 1px solid rgba(255, 255, 255, .12);--category-active-bg: rgba(255, 244, 234, .95);--category-active-text: #1c130c;--option-bg: rgba(255, 255, 255, .05);--option-border: 1.5px solid rgba(255, 255, 255, .12);--option-active-bg: rgba(255, 122, 41, .16);--option-active-border: rgba(255, 138, 66, .85);--nav-active-bg: rgba(255, 122, 41, .25);--nav-active-text: #ffb27a;--hero-bg: rgba(255, 255, 255, .09);--hero-border: 1px solid rgba(255, 255, 255, .16);--thumb-border: 1px solid rgba(255, 255, 255, .1);--ar-chip-bg: rgba(20, 14, 10, .7);--ar-chip-border: 1px solid rgba(255, 255, 255, .25);--add-border: 1px solid rgba(255, 255, 255, .3);--cart-bar-bg: rgba(28, 20, 14, .65);--cart-bar-border: 1px solid rgba(255, 255, 255, .16);--cart-bar-filter: blur(24px);--cart-bar-text: #ffffff;--cart-count-border: 1px solid rgba(255, 255, 255, .25);--detail-hero-border: 1px solid rgba(255, 255, 255, .12)}[data-theme=ember-3]{--font-family: "Figtree", system-ui, sans-serif;--display-family: "Figtree", system-ui, sans-serif;--headline-family: "Figtree", system-ui, sans-serif;--page-background: linear-gradient(180deg, #efe8dd 0%, #e2dacc 100%);--app-background: linear-gradient(165deg, #fdf6ec 0%, #f6ebdb 55%, #f0e3d0 100%);--app-border: 1px solid rgba(255, 255, 255, .7);--app-shadow: 0 44px 100px -24px rgba(90, 60, 30, .4), 0 0 0 1px rgba(255, 255, 255, .7), inset 0 0 0 1px rgba(255, 255, 255, .6);--text: #241c14;--subtle: #755f4a;--muted: #aa957c;--muted-strong: #8d7258;--accent: #ff7a29;--accent-strong: #c2410c;--on-accent: #fffdf8;--border: #eadbc7;--border-soft: #efe4d2;--border-strong: #cdbb9e;--surface: rgba(255, 253, 248, .62);--surface-secondary: rgba(255, 253, 248, .54);--input-bg: rgba(255, 253, 248, .74);--chip-bg: rgba(255, 253, 248, .7);--placeholder: #b49d82;--success: #5a9147;--success-soft: #e5edde;--warning: #8f6b12;--warning-soft: #fcefc9;--danger: #b0553b;--dark-action: #241c14;--on-dark-action: #fffdf8;--button-ghost-bg: rgba(255, 253, 248, .74);--icon-bg: rgba(255, 253, 248, .74);--icon-bg-hover: #fffdf8;--icon-color: #241c14;--active-soft: #ffe7d8;--progress-bg: #eadbc7;--bottom-bg: rgba(253, 246, 236, .94);--drawer-bg: #fdf6ec;--sidebar-background: #241c14;--sidebar-text: #fffdf8;--sidebar-muted: rgba(255, 253, 248, .62);--sidebar-active: #ff7a29;--sidebar-active-text: #241c14;--nav-bg: rgba(255, 253, 248, .9);--hero-bg: #241c14;--hero-text: #fffdf8;--hero-muted: rgba(255, 253, 248, .62);--hero-accent: #ffb06f;--ar-bg: rgba(28, 18, 10, .96);--ar-text: #fffdf8;--ar-muted: rgba(255, 253, 248, .55);--focus: rgba(255, 122, 41, .34);--tint-start: #f0dcc4;--tint-main: #e9d2b6;--tint-dessert: #f4e1c9;--tint-drink: #e3e8d8;--thumb-text: rgba(90, 60, 30, .24);--thumb-text-large: rgba(90, 60, 30, .18);--panel-radius: 24px;--button-radius: 16px;--input-radius: 16px;--card-radius: 18px;--item-radius: 18px;--thumb-radius: 13px;--dish-radius: 20px;--detail-radius: 24px;--hero-radius: 24px;--nav-radius: 16px;--accent-shadow: 0 16px 36px -10px rgba(234, 88, 12, .45), inset 0 1px 0 rgba(255, 255, 255, .35);--floating-shadow: 0 16px 36px -12px rgba(90, 60, 30, .34);--card-shadow: 0 6px 20px -12px rgba(90, 60, 30, .25);--nav-shadow: 0 16px 38px -14px rgba(90, 60, 30, .34);--panel-shadow: 0 24px 60px -30px rgba(90, 60, 30, .45);--drawer-shadow: -24px 0 70px rgba(90, 60, 30, .26);--decor-opacity: 1;--decor-1-bg: radial-gradient(circle, rgba(255, 122, 41, .16) 0%, rgba(255, 122, 41, 0) 70%);--decor-2-bg: radial-gradient(circle, rgba(255, 210, 140, .2) 0%, rgba(255, 210, 140, 0) 70%);--decor-3-bg: radial-gradient(circle, rgba(234, 88, 12, .12) 0%, rgba(234, 88, 12, 0) 70%);--welcome-padding: 24px 26px 30px;--menu-tools-padding: 18px 24px 0;--primary-bg: linear-gradient(160deg, #ff7a29, #e5560e);--control-bg: rgba(255, 255, 255, .5);--control-border: 1px solid rgba(255, 255, 255, .8);--control-filter: blur(16px);--surface-filter: blur(16px);--card-bg: rgba(255, 255, 255, .55);--card-border: 1px solid rgba(255, 255, 255, .85);--category-bg: rgba(255, 255, 255, .5);--category-active-bg: rgba(36, 28, 20, .9);--category-active-text: #ffffff;--option-bg: rgba(255, 255, 255, .5);--option-border: 1.5px solid rgba(255, 255, 255, .8);--option-active-bg: rgba(255, 122, 41, .14);--option-active-border: rgba(234, 88, 12, .7);--nav-active-bg: rgba(255, 122, 41, .18);--nav-active-text: #c2410c;--hero-border: 1px solid rgba(255, 255, 255, .85);--hero-shadow: 0 12px 32px -16px rgba(90, 60, 30, .35);--input-shadow: 0 6px 20px -12px rgba(90, 60, 30, .2)}[data-theme=ember-4]{--font-family: "Figtree", system-ui, sans-serif;--display-family: "Figtree", system-ui, sans-serif;--headline-family: "Figtree", system-ui, sans-serif;--page-background: linear-gradient(180deg, #ffe9d2 0%, #f7d9b8 100%);--app-background: linear-gradient(165deg, #fff2e0 0%, #ffe9ce 55%, #ffe0bc 100%);--app-border: 1px solid rgba(255, 255, 255, .7);--app-shadow: 0 44px 90px -22px rgba(190, 110, 50, .5), inset 0 -14px 24px -14px rgba(214, 150, 95, .45), inset 0 10px 16px -8px rgba(255, 255, 255, .9);--text: #241c14;--subtle: #815f43;--muted: #bd9270;--muted-strong: #9d6f4c;--accent: #ff7a29;--accent-strong: #c2410c;--on-accent: #fff9f0;--border: #ffe4cb;--border-soft: #fff7eb;--border-strong: #e2b98f;--surface: rgba(255, 249, 240, .72);--surface-secondary: #fff7eb;--input-bg: #fffcf6;--chip-bg: #fffcf6;--placeholder: #bf9270;--success: #5a9147;--success-soft: #e5edde;--warning: #8f6b12;--warning-soft: #fcefc9;--danger: #b0553b;--dark-action: #241c14;--on-dark-action: #fff9f0;--button-ghost-bg: #fff9f0;--icon-bg: #fff9f0;--icon-bg-hover: #fff2e0;--icon-color: #241c14;--active-soft: #ffe4cb;--progress-bg: #ffd9b8;--bottom-bg: rgba(255, 249, 240, .94);--drawer-bg: #fff2e0;--sidebar-background: #241c14;--sidebar-text: #fff9f0;--sidebar-muted: rgba(255, 249, 240, .64);--sidebar-active: #ff7a29;--sidebar-active-text: #241c14;--nav-bg: rgba(255, 249, 240, .92);--hero-bg: #241c14;--hero-text: #fff9f0;--hero-muted: rgba(255, 249, 240, .62);--hero-accent: #ffb784;--ar-bg: rgba(28, 18, 10, .96);--ar-text: #fff9f0;--ar-muted: rgba(255, 249, 240, .55);--focus: rgba(255, 122, 41, .36);--tint-start: #ffe0bc;--tint-main: #ffd4a6;--tint-dessert: #ffe7c9;--tint-drink: #edf0d8;--thumb-text: rgba(145, 80, 35, .25);--thumb-text-large: rgba(145, 80, 35, .18);--panel-radius: 30px;--button-radius: 22px;--input-radius: 22px;--card-radius: 24px;--item-radius: 22px;--thumb-radius: 18px;--dish-radius: 24px;--detail-radius: 30px;--hero-radius: 26px;--nav-radius: 22px;--accent-shadow: 0 14px 26px -8px rgba(240, 100, 26, .6), inset 0 -8px 12px -6px rgba(170, 60, 8, .45), inset 0 6px 8px -4px rgba(255, 205, 165, .95);--floating-shadow: 0 18px 34px -14px rgba(190, 110, 50, .55);--card-shadow: 0 8px 16px -6px rgba(210, 140, 80, .45), inset 0 -5px 8px -4px rgba(210, 140, 80, .35), inset 0 3px 5px -2px #fff;--nav-shadow: 0 18px 38px -14px rgba(190, 110, 50, .38);--panel-shadow: 0 24px 60px -30px rgba(190, 110, 50, .55);--drawer-shadow: -24px 0 70px rgba(190, 110, 50, .3);--decor-opacity: 1;--decor-1-bg: radial-gradient(circle, rgba(255, 138, 62, .18) 0%, rgba(255, 138, 62, 0) 70%);--decor-2-bg: radial-gradient(circle, rgba(255, 214, 170, .28) 0%, rgba(255, 214, 170, 0) 70%);--decor-3-bg: radial-gradient(circle, rgba(240, 100, 26, .14) 0%, rgba(240, 100, 26, 0) 70%);--welcome-padding: 24px 26px 30px;--menu-tools-padding: 18px 24px 0;--primary-bg: linear-gradient(160deg, #ff8a3e, #f0641a);--card-bg: #fff9f0;--card-border: 0;--control-bg: #fff7eb;--control-border: 0;--category-bg: #fff7eb;--category-active-bg: linear-gradient(160deg, #ff8a3e, #f0641a);--category-active-text: #ffffff;--option-bg: #fff7eb;--option-border: 1.5px solid rgba(255, 255, 255, .8);--option-active-bg: #ffe4cb;--option-active-border: transparent;--option-active-shadow: inset 0 5px 10px -4px rgba(220, 130, 60, .5), inset 0 -3px 5px -3px #fff;--nav-active-bg: #ffe4cb;--nav-active-text: #c2410c;--nav-active-shadow: inset 0 4px 7px -3px rgba(220, 130, 60, .5);--pill-shadow: 0 4px 16px -8px rgba(90, 60, 30, .2);--icon-shadow: 0 8px 16px -6px rgba(210, 140, 80, .45), inset 0 -5px 8px -4px rgba(210, 140, 80, .35), inset 0 3px 5px -2px #fff;--input-shadow: 0 10px 20px -8px rgba(210, 140, 80, .45), inset 0 -6px 10px -5px rgba(210, 140, 80, .35), inset 0 4px 6px -3px #fff;--hero-bg: #fff9f0;--hero-text: #241c14;--hero-muted: rgba(60, 48, 36, .55);--hero-border: 0;--hero-shadow: 0 14px 26px -10px rgba(210, 140, 80, .5), inset 0 -8px 14px -7px rgba(210, 140, 80, .4), inset 0 6px 9px -4px #fff;--thumb-shadow: 0 8px 16px -6px rgba(210, 140, 80, .45), inset 0 -5px 8px -4px rgba(210, 140, 80, .35), inset 0 3px 5px -2px #fff}[data-theme=ember-5]{--font-family: "Figtree", system-ui, sans-serif;--display-family: "Figtree", system-ui, sans-serif;--headline-family: "Figtree", system-ui, sans-serif;--page-background: linear-gradient(180deg, #412c1a 0%, #2b1d10 100%);--app-background: radial-gradient(130% 110% at 50% 0%, #faf1dc 0%, #f0e1c2 70%, #e7d4af 100%);--app-border: 3px solid #8a6538;--app-shadow: 0 40px 80px -20px rgba(0, 0, 0, .65), inset 0 0 0 3px #8a6538, inset 0 0 0 6px #c9a86b, inset 0 0 40px rgba(120, 80, 30, .25);--text: #241c14;--subtle: #745637;--muted: #a88a62;--muted-strong: #8e6a3f;--accent: #d14a05;--accent-strong: #8e3406;--on-accent: #fffdf5;--border: #d3be97;--border-soft: #f4e9d2;--border-strong: #c9a86b;--surface: #fdf8ec;--surface-secondary: #f6ecd6;--input-bg: #fffdf5;--chip-bg: #fffdf5;--placeholder: #b99b72;--success: #5a9147;--success-soft: #e5edde;--warning: #8f6b12;--warning-soft: #fcefc9;--danger: #9c3b06;--dark-action: #241c14;--on-dark-action: #fffdf5;--button-ghost-bg: #fffdf5;--icon-bg: #fffdf5;--icon-bg-hover: #fcf6e8;--icon-color: #241c14;--active-soft: #f6edd9;--progress-bg: #d3be97;--bottom-bg: rgba(253, 248, 236, .94);--drawer-bg: #f0e1c2;--sidebar-background: #2b1d10;--sidebar-text: #fffdf5;--sidebar-muted: rgba(255, 253, 245, .65);--sidebar-active: #d14a05;--sidebar-active-text: #fffdf5;--nav-bg: linear-gradient(180deg, #7b4c28, #5d381e);--nav-border: 2px solid #3e2512;--hero-bg: #241c14;--hero-text: #fffdf5;--hero-muted: rgba(255, 253, 245, .62);--hero-accent: #ff9a4d;--ar-bg: rgba(24, 13, 6, .96);--ar-text: #fffdf5;--ar-muted: rgba(255, 253, 245, .55);--focus: rgba(209, 74, 5, .34);--tint-start: #f0d7ae;--tint-main: #e7c78f;--tint-dessert: #f6e4bf;--tint-drink: #e4e2bf;--thumb-text: rgba(110, 80, 40, .26);--thumb-text-large: rgba(110, 80, 40, .19);--panel-radius: 24px;--button-radius: 16px;--input-radius: 16px;--card-radius: 18px;--item-radius: 18px;--thumb-radius: 13px;--dish-radius: 20px;--detail-radius: 24px;--hero-radius: 24px;--nav-radius: 16px;--accent-shadow: 0 3px 0 #9c3b06, 0 6px 10px rgba(60, 30, 10, .45), inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -3px 5px rgba(120, 40, 5, .5);--floating-shadow: 0 16px 36px -14px rgba(60, 30, 10, .55);--card-shadow: 0 2px 3px rgba(110, 80, 40, .35), 0 5px 10px -3px rgba(110, 80, 40, .3), inset 0 1px 0 #fffdf5;--nav-shadow: 0 14px 30px -14px rgba(60, 30, 10, .38);--panel-shadow: 0 24px 60px -30px rgba(0, 0, 0, .65);--drawer-shadow: -24px 0 70px rgba(60, 30, 10, .35);--decor-opacity: 1;--decor-1-bg: radial-gradient(circle, rgba(120, 80, 30, .15) 0%, rgba(120, 80, 30, 0) 70%);--decor-2-bg: radial-gradient(circle, rgba(255, 214, 120, .22) 0%, rgba(255, 214, 120, 0) 70%);--decor-3-bg: radial-gradient(circle, rgba(80, 40, 10, .12) 0%, rgba(80, 40, 10, 0) 70%);--welcome-padding: 24px 26px 30px;--menu-tools-padding: 18px 24px 0;--primary-bg: linear-gradient(180deg, #ff9a4d 0%, #ee5f10 48%, #d14a05 52%, #e45c10 100%);--primary-border: 1px solid #d3be97;--card-bg: linear-gradient(180deg, #fdf8ec, #f6ecd6);--card-border: 1px solid #d3be97;--control-bg: linear-gradient(180deg, #fcf6e8, #f4e9d2);--control-border: 1px solid #d3be97;--category-bg: linear-gradient(180deg, #fcf6e8, #f4e9d2);--category-active-bg: linear-gradient(180deg, #8a5a32, #6b4224);--category-active-text: #f9edd6;--option-bg: linear-gradient(180deg, #fcf6e8, #f4e9d2);--option-border: 1.5px solid rgba(255, 255, 255, .8);--option-active-bg: linear-gradient(180deg, #fae7bf, #efd49b);--option-active-border: #b98f4a;--option-active-shadow: inset 0 1px 0 #fff7e2, 0 1px 2px rgba(110, 80, 40, .3);--nav-active-bg: linear-gradient(180deg, #f6dfac, #e7c784);--nav-active-text: #7a4a12;--nav-active-shadow: inset 0 1px 0 #fff3d6, inset 0 -2px 3px rgba(140, 100, 40, .35);--input-shadow: 0 1px 2px rgba(110, 80, 40, .35), 0 3px 6px -2px rgba(110, 80, 40, .3), inset 0 1px 0 #fffdf5;--icon-shadow: 0 1px 2px rgba(110, 80, 40, .35), 0 3px 6px -2px rgba(110, 80, 40, .3), inset 0 1px 0 #fffdf5;--hero-bg: linear-gradient(180deg, #fdf8ec, #f6ecd6);--hero-text: #241c14;--hero-muted: rgba(60, 48, 36, .55);--hero-border: 1px solid #d3be97;--hero-shadow: 0 3px 5px rgba(110, 80, 40, .35), 0 8px 16px -4px rgba(110, 80, 40, .35), inset 0 1px 0 #fffdf5;--thumb-shadow: 0 2px 3px rgba(110, 80, 40, .35), 0 5px 10px -3px rgba(110, 80, 40, .3), inset 0 1px 0 #fffdf5;--cart-bar-bg: linear-gradient(180deg, #7b4c28, #5d381e);--cart-bar-border: 2px solid #3e2512;--cart-bar-text: #f9edd6;--cart-count-text: #ffffff}[data-theme=ember-6]{--font-family: "Figtree", system-ui, sans-serif;--display-family: "Righteous", "Figtree", system-ui, sans-serif;--headline-family: "Righteous", "Figtree", system-ui, sans-serif;--page-background: linear-gradient(180deg, #efdfc0 0%, #e0cba0 100%);--app-background: #fbf0dc;--app-border: 1px solid rgba(70, 40, 10, .08);--app-shadow: 0 40px 80px -20px rgba(70, 40, 10, .45);--text: #241c14;--subtle: #6f553c;--muted: #a88763;--muted-strong: #8f4a17;--accent: #c8511b;--accent-strong: #8f4a17;--on-accent: #fffef8;--border: #f0e2cc;--border-soft: #f6ecd3;--border-strong: #d6bd96;--surface: #fffbee;--surface-secondary: #f6ecd3;--input-bg: #fffef8;--chip-bg: #fffef8;--placeholder: #ad8d69;--success: #5f6b2a;--success-soft: #e5edde;--warning: #8f6b12;--warning-soft: #fcefc9;--danger: #b4531d;--dark-action: #3b2612;--on-dark-action: #fffef8;--button-ghost-bg: #fffef8;--icon-bg: #fffef8;--icon-bg-hover: #fffbee;--icon-color: #241c14;--active-soft: #f9e5d7;--progress-bg: #f0e2cc;--bottom-bg: rgba(255, 251, 238, .94);--drawer-bg: #fbf0dc;--sidebar-background: #3b2612;--sidebar-text: #fffef8;--sidebar-muted: rgba(255, 254, 248, .65);--sidebar-active: #c8511b;--sidebar-active-text: #fffef8;--nav-bg: linear-gradient(180deg, #5a3a1f, #3b2612);--nav-border: 2px dashed rgba(250, 220, 170, .4);--hero-bg: #3b2612;--hero-text: #fffef8;--hero-muted: rgba(255, 254, 248, .62);--hero-accent: #e8752f;--ar-bg: rgba(35, 19, 7, .96);--ar-text: #fffef8;--ar-muted: rgba(255, 254, 248, .55);--focus: rgba(200, 81, 27, .34);--tint-start: #f2d5ae;--tint-main: #eac797;--tint-dessert: #f6e1bb;--tint-drink: #e4e1ba;--thumb-text: rgba(110, 70, 30, .25);--thumb-text-large: rgba(110, 70, 30, .18);--panel-radius: 24px;--button-radius: 16px;--input-radius: 16px;--card-radius: 18px;--item-radius: 18px;--thumb-radius: 13px;--dish-radius: 20px;--detail-radius: 24px;--hero-radius: 24px;--nav-radius: 16px;--accent-shadow: 0 2px 3px rgba(110, 70, 30, .35), 0 5px 8px -3px rgba(110, 70, 30, .3), inset 0 1px 0 #fffef8;--floating-shadow: 0 16px 34px -14px rgba(70, 40, 10, .42);--card-shadow: 0 1px 2px rgba(110, 70, 30, .35), 0 3px 5px -2px rgba(110, 70, 30, .3), inset 0 1px 0 #fffef8;--nav-shadow: 0 14px 30px -14px rgba(70, 40, 10, .32);--panel-shadow: 0 24px 60px -30px rgba(70, 40, 10, .45);--drawer-shadow: -24px 0 70px rgba(70, 40, 10, .3);--decor-opacity: 1;--decor-1-bg: radial-gradient(circle, rgba(210, 46, 46, .16) 0%, rgba(210, 46, 46, 0) 70%);--decor-2-bg: radial-gradient(circle, rgba(255, 214, 120, .3) 0%, rgba(255, 214, 120, 0) 70%);--decor-3-bg: radial-gradient(circle, rgba(31, 140, 133, .2) 0%, rgba(31, 140, 133, 0) 70%);--welcome-padding: 24px 26px 30px;--menu-tools-padding: 18px 24px 0;--headline-weight: 400;--welcome-mark-content: "";--welcome-mark-bg: radial-gradient(circle at 50% 100%, #3b2a1a 0 22px, #708238 22px 40px, #e3a63b 40px 58px, #c8511b 58px 76px, rgba(0, 0, 0, 0) 76px);--headline-rule-content: "";--headline-rule-width: 144px;--headline-rule-height: 12px;--headline-rule-margin: 14px;--headline-rule-bg: linear-gradient(90deg, #3b2a1a 0% 25%, #c8511b 25% 50%, #e3a63b 50% 75%, #708238 75% 100%);--menu-headline-rule-width: 110px;--menu-headline-rule-height: 10px;--menu-headline-rule-margin: 10px;--primary-bg: linear-gradient(180deg, #e8752f 0%, #c8511b 48%, #ae4310 52%, #be4e15 100%);--card-bg: linear-gradient(180deg, #fffbee, #f6ecd3);--card-border: 0;--control-bg: linear-gradient(180deg, #fffbee, #f6ecd3);--control-border: 0;--category-bg: #fffdf6;--category-border: 0;--category-active-bg: linear-gradient(180deg, #5a3a1f, #3b2612);--category-active-text: #faf0dc;--option-bg: #fffdf6;--option-border: 1.5px solid #f0e2cc;--option-active-bg: #f6e3c2;--option-active-border: #c8511b;--nav-active-bg: linear-gradient(180deg, #f0c468, #d99b2b);--nav-active-text: #3b2a1a;--nav-active-shadow: inset 0 1px 0 #fbe3ac, inset 0 -2px 3px rgba(140, 95, 25, .4);--input-shadow: 0 6px 20px -12px rgba(90, 60, 30, .2);--icon-shadow: 0 1px 2px rgba(110, 70, 30, .35), 0 3px 5px -2px rgba(110, 70, 30, .3), inset 0 1px 0 #fffef8;--hero-bg: linear-gradient(180deg, #fffbee, #f6ecd3);--hero-text: #241c14;--hero-muted: rgba(60, 48, 36, .55);--hero-border: 0;--hero-shadow: 0 12px 32px -14px rgba(90, 60, 30, .3);--thumb-shadow: 0 2px 3px rgba(110, 70, 30, .35), 0 5px 8px -3px rgba(110, 70, 30, .3), inset 0 1px 0 #fffef8;--cart-bar-bg: linear-gradient(180deg, #5a3a1f, #3b2612);--cart-bar-border: 2px dashed rgba(250, 220, 170, .4);--cart-bar-text: #faf0dc;--cart-count-text: #ffffff}[data-theme=ember-7]{--font-family: "Figtree", system-ui, sans-serif;--display-family: "Figtree", system-ui, sans-serif;--headline-family: "Figtree", system-ui, sans-serif;--page-background: #ddd5c4;--app-background: #eae3d5;--app-border: 1px solid rgba(255, 255, 255, .45);--app-shadow: 24px 24px 60px #b8ae99, -20px -20px 55px #fffef7;--text: #241c14;--subtle: #716657;--muted: #9c907d;--muted-strong: #756b5d;--accent: #d95b29;--accent-strong: #a84418;--on-accent: #fffef5;--border: #cfc5b0;--border-soft: #d6ccb8;--border-strong: #b7aa91;--surface: #eae3d5;--surface-secondary: #ddd5c4;--input-bg: #eae3d5;--chip-bg: #eae3d5;--placeholder: #9d907c;--success: #5a9147;--success-soft: #e5edde;--warning: #8f6b12;--warning-soft: #fcefc9;--danger: #c25022;--dark-action: #241c14;--on-dark-action: #fffef5;--button-ghost-bg: #eae3d5;--icon-bg: #eae3d5;--icon-bg-hover: #fffef5;--icon-color: #241c14;--active-soft: #f2d7ca;--progress-bg: #d6ccb8;--bottom-bg: rgba(234, 227, 213, .94);--drawer-bg: #eae3d5;--sidebar-background: #eae3d5;--sidebar-text: #241c14;--sidebar-muted: #716657;--sidebar-active: #d95b29;--sidebar-active-text: #fffef5;--nav-bg: #eae3d5;--hero-bg: #241c14;--hero-text: #fffef5;--hero-muted: rgba(255, 254, 245, .62);--hero-accent: #e99064;--ar-bg: rgba(36, 28, 20, .96);--ar-text: #fffef5;--ar-muted: rgba(255, 254, 245, .55);--focus: rgba(217, 91, 41, .34);--tint-start: #ddd1ba;--tint-main: #d6c7ac;--tint-dessert: #e5d9c4;--tint-drink: #d7dac6;--thumb-text: rgba(75, 65, 50, .26);--thumb-text-large: rgba(75, 65, 50, .18);--panel-radius: 24px;--button-radius: 16px;--input-radius: 16px;--card-radius: 18px;--item-radius: 18px;--thumb-radius: 13px;--dish-radius: 20px;--detail-radius: 24px;--hero-radius: 24px;--nav-radius: 16px;--accent-shadow: 3px 3px 7px #cfc5b0, -3px -3px 7px #fffef5;--floating-shadow: 8px 8px 18px #cfc5b0, -8px -8px 18px #fffef5;--card-shadow: 5px 5px 10px #cfc5b0, -5px -5px 10px #fffef5;--nav-shadow: 5px 5px 12px #cfc5b0, -5px -5px 12px #fffef5;--panel-shadow: 12px 12px 30px #b8ae99, -12px -12px 30px #fffef7;--drawer-shadow: -16px 0 40px rgba(184, 174, 153, .45);--decor-opacity: 1;--decor-1-bg: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%);--decor-2-bg: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%);--decor-3-bg: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%);--welcome-padding: 24px 26px 30px;--menu-tools-padding: 18px 24px 0;--primary-bg: #d95b29;--card-bg: #eae3d5;--card-border: 0;--control-bg: #eae3d5;--control-border: 0;--category-bg: #eae3d5;--category-border: 0;--category-shadow: 3px 3px 7px #cfc5b0, -3px -3px 7px #fffef5;--category-active-bg: #eae3d5;--category-active-text: #c25022;--category-active-shadow: inset 4px 4px 8px #d6ccb8, inset -4px -4px 8px #fffef5;--option-bg: #eae3d5;--option-border: 1.5px solid transparent;--option-active-bg: #eae3d5;--option-active-border: transparent;--option-active-shadow: inset 4px 4px 8px #d6ccb8, inset -4px -4px 8px #fffef5;--nav-active-bg: #eae3d5;--nav-active-text: #c25022;--nav-active-shadow: inset 3px 3px 6px #d6ccb8, inset -3px -3px 6px #fffef5;--input-shadow: inset 4px 4px 8px #d6ccb8, inset -4px -4px 8px #fffef5;--icon-shadow: 3px 3px 7px #cfc5b0, -3px -3px 7px #fffef5;--pill-shadow: 0 4px 16px -8px rgba(90, 60, 30, .2);--hero-bg: #eae3d5;--hero-text: #241c14;--hero-muted: rgba(60, 48, 36, .55);--hero-border: 0;--hero-shadow: 0 12px 32px -14px rgba(90, 60, 30, .3);--thumb-shadow: 5px 5px 10px #cfc5b0, -5px -5px 10px #fffef5;--cart-bar-bg: #eae3d5;--cart-bar-border: 0;--cart-bar-text: #241c14;--cart-count-text: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--page-background);color:var(--text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button,input,textarea{font:inherit}button{transition:transform .12s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bar-in{0%{opacity:0;transform:translate(-50%,120%)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes ping{0%{opacity:.8;transform:scale(.9)}70%{opacity:0;transform:scale(2.4)}to{opacity:0}}@keyframes ar-spin{0%{transform:rotateX(58deg) rotate(0)}to{transform:rotateX(58deg) rotate(360deg)}}.app-frame{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;padding:18px}.phone-shell{width:min(100%,780px);height:calc(100vh - 36px);height:calc(100dvh - 36px);min-height:640px;margin:0 auto;position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--app-background);color:var(--text);border:var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow)}.phone-shell:before,.phone-shell:after,.screen-stack:before{content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:var(--decor-opacity, 0)}.phone-shell:before{left:var(--decor-1-left, -90px);top:var(--decor-1-top, -70px);width:var(--decor-1-size, 340px);height:var(--decor-1-size, 340px);background:var(--decor-1-bg, transparent)}.phone-shell:after{right:var(--decor-2-right, -110px);top:var(--decor-2-top, 34%);width:var(--decor-2-size, 380px);height:var(--decor-2-size, 380px);background:var(--decor-2-bg, transparent)}.screen-stack{flex:1;position:relative;min-height:0;overflow:hidden;z-index:1}.screen-stack:before{left:var(--decor-3-left, -70px);bottom:var(--decor-3-bottom, -90px);width:var(--decor-3-size, 320px);height:var(--decor-3-size, 320px);background:var(--decor-3-bg, transparent)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;animation:screen-in .32s ease-out}.scroll-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.overline{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.accent{color:var(--accent)}.muted{color:var(--muted)}.lead,.body-copy{color:var(--subtle);line-height:1.52}.btn{border:0;border-radius:var(--button-radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;text-decoration:none;white-space:nowrap}.btn-md{height:50px;padding:0 22px;font-size:14px}.btn-sm{height:34px;padding:0 14px;font-size:12px}.btn-primary{background:var(--primary-bg, var(--accent));color:var(--on-accent);box-shadow:var(--accent-shadow);border:var(--primary-border, 0)}.btn-dark{background:var(--dark-action);color:var(--on-dark-action)}.btn-ghost{background:var(--button-ghost-bg);border:var(--control-border, 1px solid var(--border));color:var(--text);box-shadow:var(--control-shadow, none);-webkit-backdrop-filter:var(--control-filter, none);backdrop-filter:var(--control-filter, none)}.btn-text{background:transparent;color:var(--subtle)}.wide{width:100%}.grow{flex:1}.card{background:var(--card-bg, var(--surface));border:var(--card-border, 1px solid var(--border-soft));border-radius:var(--card-radius);box-shadow:var(--card-shadow);color:var(--text);-webkit-backdrop-filter:var(--surface-filter, none);backdrop-filter:var(--surface-filter, none)}.badge{display:inline-flex;align-items:center;border-radius:999px;color:var(--muted-strong);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.badge-accent{color:var(--accent-strong)}.badge-success{color:var(--success)}.badge-danger{color:var(--danger)}.field{width:100%;border:var(--control-border, 1px solid var(--border));border-radius:var(--input-radius);background:var(--control-bg, var(--input-bg));color:var(--text);padding:11px 12px;resize:none;box-shadow:var(--input-shadow, none);-webkit-backdrop-filter:var(--control-filter, none);backdrop-filter:var(--control-filter, none)}.field::placeholder,.search-box input::placeholder{color:var(--placeholder)}.icon-button{width:40px;height:40px;border-radius:999px;border:var(--icon-border, 1px solid var(--border));background:var(--icon-bg);color:var(--icon-color);box-shadow:var(--icon-shadow, none);-webkit-backdrop-filter:var(--control-filter, none);backdrop-filter:var(--control-filter, none);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--icon-bg-hover);border-color:var(--accent);color:var(--accent-strong)}.thumb{display:inline-flex;align-items:center;justify-content:center;color:var(--thumb-text);font-weight:800}.thumb>span{position:relative;z-index:1}.image-thumb{background-position:center;background-size:cover;background-repeat:no-repeat;color:transparent;overflow:hidden;position:relative}.image-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000a,#0000002e);pointer-events:none}.sidebar{min-height:calc(100vh - 36px);padding:20px;border-radius:var(--panel-radius);background:var(--sidebar-background);color:var(--sidebar-text);box-shadow:var(--panel-shadow);display:flex;flex-direction:column}.brand{font-family:var(--display-family);letter-spacing:.26em;font-weight:800;font-size:14px;margin-bottom:24px}.sidebar nav{display:grid;gap:8px}.sidebar button{border:0;border-radius:var(--nav-radius);background:transparent;color:var(--sidebar-muted);height:42px;padding:0 13px;display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:800}.sidebar button.active,.sidebar button:hover{background:var(--sidebar-active);color:var(--sidebar-active-text)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--sidebar-muted);font-size:12px;font-weight:700}.count-pill{margin-left:auto;min-width:23px;height:23px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:12px}.app-header{flex-shrink:0;padding:14px 22px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.app-header h1{margin:3px 0 0;font-size:24px;line-height:1.12;letter-spacing:0}.header-actions{display:flex;align-items:center;gap:8px}.floating-header-actions{position:absolute;top:12px;right:22px;z-index:45;display:flex;align-items:center;gap:8px}.avatar{width:40px;height:40px;border-radius:999px;background:var(--surface-secondary);border:var(--icon-border, 1px solid var(--border));box-shadow:var(--icon-shadow, none);display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.mobile-nav{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:30;display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--nav-bg);border:var(--nav-border, 1px solid var(--border-soft));box-shadow:var(--nav-shadow)}.mobile-nav button{position:relative;border:0;border-radius:999px;background:transparent;color:var(--muted);padding:10px 16px;cursor:pointer;font-size:12px;font-weight:800}.mobile-nav button.active{background:var(--nav-active-bg, var(--active-soft));color:var(--nav-active-text, var(--accent-strong));box-shadow:var(--nav-active-shadow, none)}.live-dot{width:7px;height:7px;border-radius:999px;background:var(--accent);display:inline-block}.mobile-nav .live-dot{position:absolute;top:7px;right:8px}.welcome-screen{padding:var(--welcome-padding, 20px 26px 30px)}.welcome-top{display:flex;align-items:center;justify-content:space-between}.brand-small{color:var(--text);letter-spacing:.26em;font-size:10px}.table-pill,.live-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:var(--surface-secondary);color:var(--subtle);padding:7px 13px;font-size:12px;font-weight:800;border:var(--pill-border, 0);box-shadow:var(--pill-shadow, none);-webkit-backdrop-filter:var(--control-filter, none);backdrop-filter:var(--control-filter, none)}.table-pill span,.live-pill span{width:7px;height:7px;border-radius:50%;background:var(--success)}.welcome-content{flex:1;display:flex;flex-direction:column;justify-content:center}.welcome-content:before{content:var(--welcome-mark-content, none);width:156px;height:78px;margin-bottom:20px;border-radius:var(--welcome-mark-radius, 0);background:var(--welcome-mark-bg, transparent)}.welcome-content h1{margin:10px 0 0;font-size:42px;line-height:1.04;letter-spacing:0;font-weight:var(--headline-weight, 800);font-family:var(--headline-family)}.welcome-content h1:after{content:var(--headline-rule-content, none);display:block;width:var(--headline-rule-width, 0);height:var(--headline-rule-height, 0);margin-top:var(--headline-rule-margin, 0);border-radius:3px;background:var(--headline-rule-bg, transparent)}.app-header h1:after{content:var(--menu-headline-rule-content, var(--headline-rule-content, none));display:block;width:var(--menu-headline-rule-width, var(--headline-rule-width, 0));height:var(--menu-headline-rule-height, var(--headline-rule-height, 0));margin-top:var(--menu-headline-rule-margin, var(--headline-rule-margin, 0));border-radius:3px;background:var(--menu-headline-rule-bg, var(--headline-rule-bg, transparent))}.welcome-content h1 span,.checkout-screen h2 span{color:var(--accent)}.welcome-content .lead{margin:12px 0 0;max-width:280px;font-size:13px}.welcome-content .muted{margin:22px 0 9px}.pick-list{display:grid;gap:7px}.pick-card{width:100%;padding:10px 12px;display:flex;align-items:center;gap:11px;border-radius:var(--item-radius);cursor:pointer;text-align:left;-webkit-backdrop-filter:var(--surface-filter, none);backdrop-filter:var(--surface-filter, none)}.pick-card .thumb{width:38px;height:38px;border-radius:var(--thumb-radius);flex-shrink:0;font-size:19px}.pick-card span{flex:1;display:grid;gap:2px}.pick-card strong{font-size:13.5px}.pick-card small{color:var(--subtle);font-size:12px;font-weight:600}.pick-card em{color:var(--accent-strong);font-style:normal;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.welcome-actions{display:grid;gap:9px}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-tools{flex-shrink:0;padding:var(--menu-tools-padding, 12px 24px 0)}.search-box{position:relative;display:block}.search-box svg{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:var(--placeholder)}.search-box input{width:100%;height:44px;border:var(--control-border, 0);border-radius:var(--input-radius);background:var(--control-bg, var(--surface-secondary));color:var(--text);padding:0 15px 0 40px;font-weight:700;font-size:13.5px;box-shadow:var(--input-shadow, none);-webkit-backdrop-filter:var(--control-filter, none);backdrop-filter:var(--control-filter, none)}.category-scroll{overflow-x:auto;white-space:nowrap;margin:10px -22px 0;padding:0 22px 10px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-scroll button{border:var(--category-border, 0);border-radius:999px;background:var(--category-bg, var(--chip-bg));color:var(--subtle);padding:8px 14px;margin-right:7px;font-weight:800;font-size:12.5px;cursor:pointer;box-shadow:var(--category-shadow, none);-webkit-backdrop-filter:var(--control-filter, none);backdrop-filter:var(--control-filter, none)}.category-scroll button.active{background:var(--category-active-bg, var(--dark-action));color:var(--category-active-text, var(--on-dark-action));box-shadow:var(--category-active-shadow, var(--category-shadow, none))}.menu-list{padding:0 22px 140px}.hero-dish{width:100%;border:var(--hero-border, 0);border-radius:var(--hero-radius);background:var(--hero-bg);color:var(--hero-text);box-shadow:var(--hero-shadow, none);-webkit-backdrop-filter:var(--surface-filter, none);backdrop-filter:var(--surface-filter, none);overflow:hidden;cursor:pointer;display:flex;padding:0;margin-bottom:10px;text-align:left}.hero-dish span{flex:1;padding:14px 16px;display:grid;gap:5px}.hero-dish .overline{color:var(--hero-accent);font-style:normal}.hero-dish strong{font-size:16px;line-height:1.2}.hero-dish small{color:var(--hero-muted);font-weight:700;font-size:12px}.hero-dish .thumb{width:96px;border-radius:0;font-size:42px}.menu-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.menu-item.disabled{opacity:.5}.menu-item-copy{flex:1;min-width:0;border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer}.tag-row{display:flex;align-items:center;min-height:12px;gap:7px}.menu-item h3{margin:4px 0 0;font-size:15.25px;letter-spacing:0;line-height:1.22}.menu-item p{margin:2px 0 0;color:var(--subtle);line-height:1.35;font-size:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.meta-line{margin-top:6px;display:flex;align-items:center;gap:9px}.meta-line strong{color:var(--accent-strong);font-size:13.5px}.meta-line span{color:var(--muted);font-size:11px;font-weight:700}.dish-art{width:70px;flex-shrink:0;position:relative}.dish-thumb{width:70px;height:70px;border:0;border-radius:var(--dish-radius);cursor:pointer;font-size:30px;border:var(--thumb-border, 0);box-shadow:var(--thumb-shadow, none)}.ar-chip{position:absolute;top:-7px;left:-7px;height:24px;padding:0 8px;border:var(--ar-chip-border, 2px solid var(--app-background));border-radius:999px;background:var(--ar-chip-bg, var(--dark-action));color:var(--on-dark-action);display:flex;align-items:center;gap:5px;cursor:pointer;font-size:9px;font-weight:800;box-shadow:var(--chip-shadow, none);-webkit-backdrop-filter:var(--control-filter, none);backdrop-filter:var(--control-filter, none)}.add-dot,.mini-stepper{position:absolute;right:-6px;bottom:-8px;min-width:30px;height:30px;border:var(--add-border, 2.5px solid var(--app-background));border-radius:999px;background:var(--primary-bg, var(--accent));color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center}.add-dot{cursor:pointer}.mini-stepper{gap:1px;padding:0 4px}.mini-stepper.quiet{position:static;background:var(--input-bg);border:1px solid var(--border);color:var(--accent-strong)}.mini-stepper button{width:20px;height:20px;border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mini-stepper span{min-width:12px;text-align:center;font-size:12.5px;font-weight:800}.cart-bar{position:absolute;left:50%;bottom:86px;width:min(calc(100% - 40px),620px);transform:translate(-50%);height:58px;border:0;border-radius:999px;background:var(--cart-bar-bg, var(--dark-action));color:var(--cart-bar-text, var(--on-dark-action));display:flex;align-items:center;gap:12px;padding:0 14px 0 8px;cursor:pointer;border:var(--cart-bar-border, 0);box-shadow:var(--floating-shadow);-webkit-backdrop-filter:var(--cart-bar-filter, none);backdrop-filter:var(--cart-bar-filter, none);animation:bar-in .34s ease-out;z-index:35}.cart-bar>span{width:40px;height:40px;border-radius:999px;background:var(--primary-bg, var(--accent));color:var(--cart-count-text, var(--on-accent));display:inline-flex;align-items:center;justify-content:center;font-weight:800;border:var(--cart-count-border, 0)}.cart-bar strong{flex:1;display:grid;text-align:left}.cart-bar small{opacity:.68}.screen-head{flex-shrink:0;padding:12px 22px 8px;display:flex;align-items:center;gap:12px}.has-floating-actions .screen-head{padding-right:170px}.screen-head .overline{flex:1}.screen-head h2{margin:0;font-size:21px;letter-spacing:0;line-height:1.16}.screen-head p{margin:1px 0 0;color:var(--muted);font-size:12px;font-weight:700}.split-head{justify-content:space-between}.detail-scroll{padding:4px 22px 112px}.detail-hero{height:184px;border-radius:var(--detail-radius);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:var(--detail-hero-border, 0);box-shadow:var(--thumb-shadow, none)}.image-detail-hero{background-position:center;background-size:cover;background-repeat:no-repeat}.image-detail-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014,#00000042)}.detail-hero>span{font-size:78px;font-weight:800;color:var(--thumb-text-large)}.image-detail-hero>span{display:none}.floating-tags{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:1}.floating-tags .badge{background:var(--app-background);padding:5px 10px}.ar-button{position:absolute;left:12px;bottom:12px;z-index:1}.detail-title{margin-top:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.detail-title h2{margin:0;flex:1;font-size:22px;line-height:1.16;letter-spacing:0}.detail-title strong{color:var(--accent);display:grid;text-align:right;font-size:19px}.detail-title small{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:8px}.detail-desc{color:var(--subtle);line-height:1.5;margin:7px 0 0;font-size:13px}.detail-more{margin:9px 0 0;padding:12px 14px;border-radius:var(--input-radius);background:var(--card-bg, var(--surface));border:var(--card-border, 0);color:var(--subtle);line-height:1.5;font-size:12.75px}.info-pills,.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.info-pills span,.chip-row span{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--surface-secondary);color:var(--subtle);padding:7px 12px;font-size:11.75px;font-weight:800;border:var(--pill-border, 0);box-shadow:var(--pill-shadow, none)}.chip-row span{background:var(--category-bg, var(--chip-bg));border:var(--category-border, 1px solid var(--border));color:var(--text)}.detail-label{margin-top:18px;margin-bottom:9px}.allergy-note{margin:10px 0 0;color:var(--muted);font-size:11.25px;font-weight:700}.option-block{display:grid;gap:7px;margin-top:18px}.option-block .overline{display:flex;align-items:center;gap:8px;margin-bottom:2px}.option-block small{color:var(--muted);background:var(--surface-secondary);border-radius:999px;padding:3px 8px;font-size:7px}.option-row{border:var(--option-border, 1.5px solid var(--border));border-radius:var(--input-radius);background:var(--option-bg, var(--input-bg));color:var(--text);padding:11px 13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;font-size:13px}.option-row.selected{border-color:var(--option-active-border, var(--accent));background:var(--option-active-bg, var(--active-soft));box-shadow:var(--option-active-shadow, none)}.option-row.with-mark{justify-content:flex-start}.option-row.with-mark>span:nth-child(2){flex:1;text-align:left}.mark{width:20px;height:20px;border:2px solid var(--border-strong);border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.mark.square{border-radius:6px}.selected .mark{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pair-card{border:var(--card-border, 1px solid var(--border-soft));border-radius:var(--item-radius);background:var(--card-bg, var(--surface));color:var(--text);padding:9px 10px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left}.pair-card .thumb{width:38px;height:38px;border-radius:var(--thumb-radius);flex-shrink:0}.pair-card strong{min-width:0;font-size:12.25px;line-height:1.28;display:grid}.pair-card small{color:var(--accent-strong);margin-top:2px}.bottom-action,.bottom-panel{position:absolute;left:0;right:0;bottom:0;background:var(--bottom-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-soft);padding:12px 22px 22px}.bottom-action{display:flex;align-items:center;gap:10px}.stepper{display:flex;align-items:center;gap:2px;background:var(--control-bg, var(--surface-secondary));border-radius:999px;padding:4px}.stepper button{width:34px;height:34px;border:0;background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.stepper span{min-width:16px;text-align:center;font-weight:800}.cart-list{padding:0 22px 178px}.empty-state{padding:58px 18px;text-align:center;color:var(--subtle)}.empty-state strong{display:block;color:var(--text);font-size:15px;margin-bottom:6px}.cart-line{padding:13px 15px;margin-bottom:8px}.line-title,.total-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.line-title b,.total-row strong{color:var(--accent-strong)}.cart-line p{margin:2px 0 0;color:var(--subtle);font-size:11.75px}.note-editor{display:grid;gap:6px;margin-top:8px;justify-items:start}.note-editor .field{border-color:var(--accent)}.note-link,.text-button{border:0;background:transparent;color:var(--accent-strong);padding:0;margin-top:4px;cursor:pointer;font-weight:800;font-size:11.25px}.line-actions{display:flex;justify-content:flex-end;margin-top:8px}.wait-card{display:flex;align-items:center;gap:9px;border-radius:var(--input-radius);background:var(--surface-secondary);color:var(--subtle);padding:12px 14px;font-size:12px;font-weight:700}.bottom-panel{padding:14px 22px 22px}.bottom-panel .total-row{margin-bottom:12px}.bottom-panel .total-row strong{font-size:22px}.bottom-panel p,.fine-print{margin:9px 0 0;color:var(--muted);text-align:center;font-size:11.25px;font-weight:700}.placed-screen{align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center}.success-mark{position:relative;width:76px;height:76px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.success-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--accent);opacity:.25;animation:ping 1.6s ease-out infinite}.success-mark svg{position:relative}.placed-screen h2{margin:0;font-size:25px}.placed-screen p{margin:0;color:var(--subtle);max-width:260px;line-height:1.5;font-size:13px}.track-list{padding:0 22px 124px}.live-pill{background:var(--dark-action);color:var(--on-dark-action);text-transform:uppercase;letter-spacing:.13em;font-size:9px}.live-pill span{position:relative;background:var(--accent)}.order-card{padding:16px;margin-bottom:10px}.order-top,.checkout-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-top span{display:grid;gap:3px}.order-top strong{font-size:18px}.order-top b{color:var(--accent-strong);background:var(--active-soft);border-radius:999px;padding:5px 10px;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.eta{display:flex;align-items:baseline;gap:8px;margin:12px 0 10px}.eta strong{font-size:28px;line-height:1}.eta small{color:var(--subtle);font-size:13px;margin-left:4px}.ready-text,.served-actions p{color:var(--success);font-weight:800}.progress{height:6px;background:var(--progress-bg);border-radius:3px;overflow:hidden;margin-bottom:13px}.progress span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .6s ease}.step-list{display:grid;gap:9px}.step-list>div{display:flex;align-items:center;gap:10px}.step-list .muted-step{opacity:.55}.step-list>div>span{width:25px;height:25px;border-radius:999px;background:var(--progress-bg);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:800}.step-list>div>span.active{background:var(--accent);color:var(--on-accent)}.step-list i{width:7px;height:7px;border-radius:999px;background:currentColor}.step-list strong{display:grid;font-size:13px}.step-list small{color:var(--subtle);font-size:11.25px}.order-lines{margin-top:13px;padding-top:11px;border-top:1px solid var(--border-soft);display:grid;gap:7px}.order-lines p,.checkout-lines p{margin:0;display:flex;justify-content:space-between;gap:12px;font-size:12.25px}.order-total{font-size:14px!important;font-weight:800;margin-top:3px!important}.help-scroll{padding:4px 22px 124px}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}.request-grid button{border:var(--option-border, 1.5px solid var(--border-soft));border-radius:var(--item-radius);background:var(--option-bg, var(--input-bg));color:var(--text);padding:12px;text-align:left;cursor:pointer}.request-grid button.selected{border-color:var(--option-active-border, var(--accent));background:var(--option-active-bg, var(--active-soft));box-shadow:var(--option-active-shadow, none)}.request-grid strong,.request-grid small{display:block}.request-grid small{color:var(--subtle);margin-top:2px;font-size:11px}.request-row{margin-bottom:8px;padding:12px 14px;display:flex;align-items:center;gap:12px}.request-row span{flex:1;min-width:0;display:grid;gap:2px}.request-row small,.request-row em{color:var(--subtle);font-style:normal;font-size:11.25px}.request-row b{border-radius:999px;padding:5px 10px;font-size:10px}.status-open{background:var(--warning-soft);color:var(--warning)}.status-ack{background:var(--success-soft);color:var(--success)}.status-cancelled{background:var(--progress-bg);color:var(--muted)}.request-row button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.checkout-scroll{padding:42px 28px 36px}.checkout-screen h2{margin:10px 0 9px;font-size:30px;line-height:1.12;letter-spacing:0}.checkout-card{padding:17px;margin:22px 0 20px}.checkout-lines{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.checkout-card .total-row{margin-top:12px}.checkout-card .total-row strong{font-size:24px}.ar-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--ar-bg);color:var(--ar-text);display:flex;flex-direction:column;animation:screen-in .3s ease-out}.ar-view header,.ar-view footer{flex-shrink:0;padding:20px 24px}.ar-view header{display:flex;align-items:center;justify-content:space-between}.ar-view .overline,.ar-view p{color:var(--ar-muted)}.ar-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.plate{perspective:700px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#faf4ea,#e8decd 55%,#cdbfa6);box-shadow:inset 0 0 0 14px #ffffff8c,inset 0 0 0 15px #78644640,0 40px 60px -20px #0009;display:flex;align-items:center;justify-content:center;animation:ar-spin 9s linear infinite}.plate span{color:#785a3259;font-size:64px;font-weight:800}.ar-stage h2{margin:52px 0 0;font-size:20px}.ar-stage p,.ar-view footer p{margin:8px 0 0;text-align:center;font-size:12.5px}.ar-view footer{padding-bottom:34px}.toast{position:absolute;top:16px;left:50%;z-index:80;transform:translate(-50%);background:var(--dark-action);color:var(--on-dark-action);border-radius:999px;box-shadow:var(--floating-shadow);padding:11px 18px;font-size:12.5px;font-weight:800;white-space:nowrap;animation:toast-in .3s ease-out}.api-note{position:absolute;left:50%;bottom:78px;z-index:75;transform:translate(-50%);border-radius:999px;background:var(--dark-action);color:var(--on-dark-action);box-shadow:var(--floating-shadow);padding:8px 14px;font-size:11px;font-weight:800;white-space:nowrap}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000003d;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:90}.drawer-scrim.open{opacity:1;pointer-events:auto}.settings-drawer{position:fixed;top:0;right:0;z-index:91;width:min(420px,100vw);height:100vh;height:100dvh;background:var(--drawer-bg);color:var(--text);box-shadow:var(--drawer-shadow);border-left:1px solid var(--border);transform:translate(100%);transition:transform .22s ease;display:flex;flex-direction:column}.settings-drawer.open{transform:translate(0)}.drawer-head{padding:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-soft)}.drawer-head h2{margin:5px 0 0;font-size:24px}.drawer-section{padding:18px 22px 28px;overflow:auto}.drawer-section h3{margin:0 0 12px;font-size:15px}.theme-list{display:grid;gap:8px}.theme-option{width:100%;border:1.5px solid var(--border);border-radius:var(--item-radius);background:var(--input-bg);color:var(--text);padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.theme-option:hover,.theme-option.selected{border-color:var(--accent);background:var(--active-soft)}.theme-option>span:not(.theme-preview){flex:1;min-width:0;display:grid;gap:2px}.theme-option strong{font-size:13.5px}.theme-option small{color:var(--subtle);font-size:11px}.theme-preview{width:48px;height:34px;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);flex-shrink:0}.theme-preview span{min-width:0}.modal-backdrop,.modal{display:none}@media (max-width: 920px){.app-frame{display:block;padding:0}.sidebar{display:none}.phone-shell{width:100%;height:100vh;height:100dvh;min-height:640px;border-radius:0;border:0}}@media (max-width: 560px){.app-header{padding:10px 18px 0}.app-header h1{font-size:22px}.header-actions{gap:5px}.floating-header-actions{right:18px;gap:5px}.icon-button,.avatar{width:40px;height:40px}.welcome-screen{padding:20px 18px 26px}.welcome-content h1{font-size:39px}.menu-tools,.menu-list,.screen-head,.detail-scroll,.cart-list,.track-list,.help-scroll{padding-left:18px;padding-right:18px}.category-scroll{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.settings-drawer{width:100vw;top:auto;bottom:0;height:min(92vh,720px);border-radius:24px 24px 0 0;transform:translateY(100%);border-left:0}.settings-drawer.open{transform:translateY(0)}}
