*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-platform-primary: #1A1F71;--color-platform-primary-light: #2D3494;--color-platform-primary-dark: #0F1245;--color-platform-accent: #F7B600;--color-platform-accent-light: #FFD54F;--color-platform-accent-dark: #C99200;--color-white: #FFFFFF;--color-off-white: #F8F9FC;--color-gray-50: #F5F6FA;--color-gray-100: #EEF0F6;--color-gray-200: #D8DCE8;--color-gray-300: #B8BED0;--color-gray-400: #9BA3B5;--color-gray-500: #6B7280;--color-gray-600: #4A5068;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #22C55E;--color-success-bg: #F0FDF4;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-danger: #EF4444;--color-danger-bg: #FEF2F2;--color-info: #3B82F6;--color-info-bg: #EFF6FF;--color-visa: #1A1F71;--color-mastercard: #EB001B;--color-amex: #006FCF;--color-alipay: #1677FF;--color-wechat-pay: #07C160;--font-heading-en: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-heading-cn: "Noto Serif SC", "Songti SC", serif;--font-body-en: "DM Sans", system-ui, sans-serif;--font-body-cn: "Noto Sans SC", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-bold: 700;--font-black: 900;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--space-xs: 5px;--space-sm: 8px;--space-md: 13px;--space-lg: 21px;--space-xl: 34px;--space-2xl: 55px}body{font-family:DM Sans,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal);color:var(--theme-text, var(--color-gray-900));background:var(--theme-bg, var(--color-off-white))}#app{max-width:480px;margin:0 auto;min-height:100vh;position:relative;padding-top:60px}.fade-in{animation:fade-in .2s ease-out both}.slide-up{animation:slide-up .25s ease-out both}@media (prefers-reduced-motion: reduce){.fade-in,.slide-up{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visa-badge{background:#1a1f71;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:6px;flex-shrink:0}.visa-badge__visa{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;font-style:italic;color:#fff;letter-spacing:2px;line-height:1}.visa-badge__text{color:#f7b600;font-size:9px;font-weight:600;letter-spacing:1.5px;line-height:1}.allergen-pill{display:inline-block;font-size:11px;padding:2px 6px;border-radius:var(--radius-full);background:#fff8e1;color:#e65100;font-weight:var(--font-medium);white-space:nowrap}.payment-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:24px;border-radius:4px;font-size:10px;font-weight:var(--font-bold);color:var(--color-white)}.payment-icon--visa{background:var(--color-visa)}.payment-icon--mastercard{background:var(--color-mastercard)}.payment-icon--amex{background:var(--color-amex)}.payment-icon--alipay{background:var(--color-alipay)}.payment-icon--wechat-pay{background:var(--color-wechat-pay)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:16px;padding:20px;width:calc(100% - 48px);max-width:380px;max-height:80vh;overflow-y:auto}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal__title{font-size:16px;font-weight:700;color:var(--color-gray-900)}.modal__close{background:none;border:none;font-size:20px;color:var(--color-gray-400);cursor:pointer}.allergen-filter__pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.allergen-filter__pill{padding:6px 12px;border-radius:20px;border:1.5px solid var(--color-gray-200);background:#fff;font-size:13px;cursor:pointer;transition:all .15s}.allergen-filter__pill--active{background:#fffbeb;border-color:#f59e0b;color:#92400e}.allergen-filter__done{width:100%;padding:12px;background:var(--color-platform-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:12px}.allergen-filter__disclaimer{font-size:11px;color:var(--color-gray-400);line-height:1.5}.menu-item--allergen-warning{opacity:.6;position:relative}.allergen-warning-overlay{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500}.lang-selector__list{display:flex;flex-direction:column;gap:4px}.lang-selector__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1.5px solid var(--color-gray-100);background:#fff;cursor:pointer;font-size:14px}.lang-selector__item--active{border-color:var(--color-platform-primary);background:#eff6ff}.lang-selector__flag{font-size:20px}.lang-selector__check{margin-left:auto;color:var(--color-platform-primary)}.menu-header{position:fixed;top:0;left:50%;transform:translate(-50%);max-width:480px;width:100%;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;z-index:100;background:var(--theme-surface, var(--color-white));border-bottom:1px solid var(--theme-border, var(--color-gray-100))}.menu-header__left{flex:1;min-width:0;padding-right:8px}.menu-header__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.menu-header__name{font-size:15px;font-weight:700;color:var(--theme-text, var(--color-gray-900));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.menu-header__cuisine{font-size:11px;color:var(--theme-text-muted, var(--color-gray-500));line-height:1.3}.menu-header__name-cn{font-size:13px;color:var(--theme-text-muted, var(--color-gray-500))}.info-card{position:relative;overflow:hidden;border-radius:var(--theme-radius, var(--radius-md));background:var(--theme-surface, var(--color-white));box-shadow:var(--shadow-md);margin:0 16px 16px}.info-card__hero{width:100%;height:180px;object-fit:cover;display:block}.info-card__body{padding:14px 16px}.info-card__body>*{margin-bottom:10px}.info-card__body>*:last-child{margin-bottom:0}.info-card__payments{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.payment-logo-wrap{min-width:40px;height:28px;display:flex;align-items:center;justify-content:center}.payment-logo{height:24px;width:auto;max-width:48px;object-fit:contain}.theme-fire_and_spice .payment-logo-wrap,.theme-imperial_gold .payment-logo-wrap{background:#ffffff14;padding:3px 8px;border-radius:3px}.info-card__hours{font-size:13px;color:var(--theme-text-muted, var(--color-gray-500));line-height:1.5}.info-card__hours--open{color:#22c55e;font-weight:500}.info-card__address{font-size:13px;color:var(--theme-text-muted, var(--color-gray-500));line-height:1.5}.info-card__maps-link{color:var(--color-platform-primary, #1A1F71);text-decoration:none;font-weight:500}.info-card__desc{font-size:13px;color:var(--theme-text-muted, var(--color-gray-500));line-height:1.6}.category-tabs-row{position:sticky;top:56px;z-index:90;display:flex;align-items:center;background:var(--theme-surface, var(--color-white));border-bottom:1px solid var(--theme-border, var(--color-gray-100))}.category-tabs{flex:1;min-width:0;height:44px;overflow-x:auto;display:flex;gap:0;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{display:none}.category-tabs{scrollbar-width:none;-ms-overflow-style:none}.filter-btn{flex-shrink:0;padding:6px 10px;margin-right:8px;font-size:11px;font-weight:500;color:var(--theme-text-muted, var(--color-gray-500));background:var(--color-gray-50, #F5F6FA);border:1px solid var(--theme-border, var(--color-gray-200));border-radius:6px;cursor:pointer;white-space:nowrap}.category-tabs__tab{padding:13px 21px;white-space:nowrap;font-size:13px;font-family:var(--theme-font-body, var(--font-body-cn));font-weight:var(--theme-tab-weight, 400);letter-spacing:var(--theme-tab-letter-spacing, .5px);cursor:pointer;border:none;border-bottom:1.5px solid transparent;background:none;color:var(--theme-text-muted, var(--color-gray-500));opacity:.4;flex-shrink:0;transition:color .2s ease,border-color .2s ease,opacity .2s ease}.category-tabs__tab--active{border-color:var(--theme-primary, var(--color-platform-primary));color:var(--theme-primary, var(--color-platform-primary));font-weight:var(--theme-tab-weight, 400);opacity:1}.menu-content{padding-bottom:80px}.category-section{padding:0 var(--theme-pad-x, 22px);padding-top:0}.category-section__title{font-size:var(--theme-cat-size, 11px);font-weight:var(--theme-cat-weight, 400);text-transform:var(--theme-cat-transform, uppercase);letter-spacing:var(--theme-cat-letter-spacing, 3px);color:var(--theme-text-muted, var(--color-gray-500));padding:var(--theme-pad-y-section, 18px) 0 8px 0;margin-bottom:0}.menu-item{display:flex;gap:var(--theme-item-gap, 16px);padding:var(--theme-item-pad-y, 20px) 0;border-bottom:var(--theme-item-divider, .5px solid rgba(0,0,0,.05));background:transparent;margin-bottom:0;box-shadow:none}.menu-item__image{width:var(--theme-img-size, 68px);height:var(--theme-img-size, 68px);border-radius:var(--theme-img-radius, 4px);overflow:hidden;flex-shrink:0;background:var(--theme-border-subtle, var(--color-gray-100));display:flex;align-items:center;justify-content:center}.menu-item__image--emoji{font-size:28px;opacity:.4}.menu-item__img{width:100%;height:100%;object-fit:cover;display:block}.menu-item__info{flex:1;min-width:0}.menu-item__name{font-family:var(--theme-font-heading, var(--font-heading-cn));font-size:var(--theme-name-size, 15px);font-weight:var(--theme-name-weight, 400);letter-spacing:var(--theme-name-letter-spacing, .3px);color:var(--theme-text, var(--color-gray-900));line-height:1.35}.menu-item__name-cn{font-size:var(--theme-cn-size, 11px);font-weight:300;color:var(--theme-text-muted, var(--color-gray-500));opacity:.5;margin-top:2px}.menu-item__price{font-family:var(--theme-price-font, var(--font-heading-en));font-size:var(--theme-price-size, 14px);font-weight:400;color:var(--theme-primary, var(--color-platform-primary));white-space:nowrap}.menu-item__price-converted{font-size:10px;color:var(--theme-text-muted, var(--color-gray-500));opacity:.4}.menu-item__desc{font-size:var(--theme-desc-size, 12px);line-height:var(--theme-desc-line-height, 1.7);color:var(--theme-text-muted, var(--color-gray-500));opacity:var(--theme-desc-opacity, .6);margin-top:4px}.menu-item__tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.allergen-pill{font-size:var(--theme-tag-size, 10px);padding:var(--theme-tag-pad, 2px 10px);border-radius:var(--theme-tag-radius, 2px);background:var(--theme-tag-bg, rgba(0,0,0,.05));color:var(--theme-tag-color, #6B5A41);font-weight:400;white-space:nowrap}.spicy-indicator{font-size:12px;color:#a85040}.badge--vegetarian{color:#6b8b5e;font-size:var(--theme-tag-size, 10px)}.badge--recommended{font-style:var(--theme-rec-style, italic);color:var(--theme-secondary, #B8A07A);font-size:11px;letter-spacing:.3px}.menu-item__add-btn{width:30px;height:30px;border-radius:var(--theme-radius, 3px);background:var(--theme-primary, var(--color-platform-primary));color:var(--theme-text-on-primary, var(--color-white));border:none;font-size:18px;cursor:pointer;flex-shrink:0;align-self:center;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:opacity .2s ease;opacity:.7}.menu-item__add-btn:active{opacity:1}.quantity-stepper{display:flex;align-items:center;gap:8px}.order-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:480px;width:100%;background:var(--theme-surface, var(--color-white));border-top:.5px solid var(--theme-border, var(--color-gray-100));display:flex;align-items:center;justify-content:space-between;padding:12px var(--theme-pad-x, 22px);z-index:100}.order-bar__left{flex:1;min-width:0}.order-bar__summary{font-size:13px;font-weight:500;color:var(--theme-text, var(--color-gray-800))}.order-bar__view-btn{flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:500;font-family:var(--theme-font-body, var(--font-body-cn));color:var(--theme-text-on-primary, #FFFFFF);background:var(--theme-primary, var(--color-platform-primary));border:none;border-radius:var(--theme-radius, 3px);cursor:pointer;white-space:nowrap;margin-left:12px}.order-bar__view-btn:active{opacity:.85}.order-sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:flex-end;justify-content:center}.order-sheet{background:var(--theme-surface, var(--color-white));width:100%;max-width:480px;max-height:75vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .25s ease}.order-sheet--open{transform:translateY(0)}.order-sheet__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--theme-border, var(--color-gray-100));flex-shrink:0}.order-sheet__title{font-size:16px;font-weight:700;color:var(--theme-text, var(--color-gray-900))}.order-sheet__close{background:none;border:none;font-size:20px;color:var(--theme-text-muted, var(--color-gray-400));cursor:pointer}.order-sheet__list{flex:1;overflow-y:auto;padding:8px 16px}.order-sheet__item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--theme-border, var(--color-gray-100))}.order-sheet__item-name-cn{font-size:16px;font-weight:700;color:var(--theme-text, var(--color-gray-900))}.order-sheet__item-name{font-size:12px;color:var(--theme-text-muted, var(--color-gray-500))}.order-sheet__item-price{font-size:13px;font-weight:600;color:var(--theme-primary, var(--color-platform-primary));margin-top:2px}.order-sheet__footer{padding:12px 16px;border-top:1px solid var(--theme-border, var(--color-gray-100));flex-shrink:0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.order-sheet__total{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;color:var(--theme-text, var(--color-gray-900));margin-bottom:12px}.order-sheet__total-price{color:var(--theme-primary, var(--color-platform-primary))}.order-sheet__waiter-btn{width:100%;padding:14px;font-size:15px;font-weight:600;color:var(--theme-text-on-primary, #FFFFFF);background:var(--theme-primary, var(--color-platform-primary));border:none;border-radius:10px;cursor:pointer;margin-bottom:8px}.order-sheet__clear{width:100%;padding:10px;font-size:13px;color:var(--theme-text-muted, var(--color-gray-500));background:none;border:none;cursor:pointer}.order-sheet__empty{text-align:center;padding:32px;color:var(--theme-text-muted, var(--color-gray-400))}.quantity-stepper__btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--theme-border, var(--color-gray-200));background:var(--theme-surface, var(--color-white));cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.quantity-stepper__value{font-size:14px;font-weight:600;min-width:20px;text-align:center}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{animation:pulse 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton-header{height:56px;width:100%}.skeleton-tabs{height:44px;width:100%}.skeleton-card{height:104px;width:100%;border-radius:var(--theme-radius, var(--radius-md));margin-bottom:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.language-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--theme-text, var(--color-gray-700))}.waiter-mode{background:#fff;color:#000;position:fixed;inset:0;z-index:200;overflow-y:auto;padding:24px}.waiter-mode__header{text-align:center;padding-bottom:16px;border-bottom:2px solid #000;margin-bottom:16px}.waiter-mode__title{font-size:24px;font-weight:700}.waiter-mode__subtitle{font-size:14px;color:#666}.waiter-mode__item{padding:12px 0;border-bottom:1px solid #EEE}.waiter-mode__item-name{font-size:28px;font-weight:700}.waiter-mode__item-name-en{font-size:14px;color:#999}.waiter-mode__item-qty{font-size:20px;font-weight:600}.waiter-mode__item-price{font-size:18px}.waiter-mode__footer{margin-top:24px;font-size:12px;color:#999;text-align:center}.waiter-mode__back{background:none;border:1px solid #000;padding:8px 16px;cursor:pointer;font-size:14px}