*,*: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-system-heading: "DM Sans", "Noto Sans SC", sans-serif;--font-system-body: "DM Sans", "Noto Sans SC", 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)}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;color:#fff;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:6px;white-space:nowrap}.visa-badge__logo{height:16px;width:auto}.visa-badge__text{color:#f7b600;font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.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:40px}.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:6px;align-items:center}.payment-badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;background:var(--color-gray-100, #EEF0F6);color:var(--color-gray-600, #4A5068)}.payment-badge--visa{background:#1a1f71;color:#fff}.payment-badge--mastercard{background:#eb001b;color:#fff}.payment-badge--amex{background:#006fcf;color:#fff}.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:8px 16px;white-space:nowrap;font-size:14px;cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;color:var(--theme-text-muted, var(--color-gray-500));flex-shrink:0;transition:color .2s ease,border-color .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:600}.menu-content{padding-bottom:80px}.category-section{padding:8px 16px 16px}.category-section__title{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--theme-text, var(--color-gray-900))}.menu-item{display:flex;gap:12px;padding:12px;border-radius:var(--theme-radius, 10px);background:var(--theme-surface, var(--color-white));margin-bottom:12px;box-shadow:var(--shadow-sm)}.menu-item__image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--color-gray-100, #EEF0F6);display:flex;align-items:center;justify-content:center}.menu-item__image--emoji{font-size:32px;background:var(--color-gray-50, #F5F6FA)}.menu-item__img{width:100%;height:100%;object-fit:cover;display:block}.menu-item__info{flex:1;min-width:0}.menu-item__name{font-size:16px;font-weight:600;color:var(--theme-text, var(--color-gray-900))}.menu-item__name-cn{font-size:13px;font-weight:400;color:var(--theme-text-muted, var(--color-gray-500))}.menu-item__price{font-size:18px;font-weight:700;color:var(--theme-primary, var(--color-platform-primary))}.menu-item__price-converted{font-size:12px;color:var(--color-gray-500)}.menu-item__desc{font-size:14px;line-height:1.5;color:var(--theme-text-muted, var(--color-gray-500));margin-top:4px}.menu-item__tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.allergen-pill{font-size:11px;padding:2px 6px;border-radius:9999px;background:#fff8e1;color:#e65100;font-weight:500}.spicy-indicator{font-size:14px}.badge--vegetarian{color:#22c55e}.badge--recommended{color:#f59e0b}.menu-item__add-btn{width:32px;height:32px;border-radius:50%;background:var(--theme-primary, var(--color-platform-primary));color:var(--theme-text-on-primary, var(--color-white));border:none;font-size:20px;cursor:pointer;flex-shrink:0;align-self:center;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:opacity .2s ease}.menu-item__add-btn:active{opacity:.8}.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));box-shadow:0 -4px 16px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;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 16px;font-size:13px;font-weight:600;color:var(--theme-text-on-primary, #FFFFFF);background:var(--theme-primary, var(--color-platform-primary));border:none;border-radius:8px;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{position:absolute;right:16px;top:50%;transform:translateY(-50%);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}