:root{--gj-primitive-neutral-white: #FFFFFF;--gj-primitive-neutral-warm-white: #F9F4F0;--gj-primitive-neutral-sand-50: #FAF7F2;--gj-primitive-neutral-sand-100: #F3ECE7;--gj-primitive-neutral-sand-200: #E8DDD7;--gj-primitive-neutral-sand-300: #D9CDC7;--gj-primitive-ink-900: #201410;--gj-primitive-ink-700: #4E342C;--gj-primitive-ink-600: #6F4D40;--gj-primitive-ink-500: #8A5A43;--gj-primitive-coral-50: #FFF1ED;--gj-primitive-coral-100: #FFE0D8;--gj-primitive-coral-200: #FFC1B5;--gj-primitive-coral-300: #F69B88;--gj-primitive-coral-400: #F46748;--gj-primitive-coral-500: #D94837;--gj-primitive-coral-600: #C43C2E;--gj-primitive-coral-700: #9D2F2A;--gj-primitive-coral-800: #7D2924;--gj-primitive-coral-900: #5D221F;--gj-primitive-peacock-50: #E7F5F3;--gj-primitive-peacock-100: #CBEAE7;--gj-primitive-peacock-200: #91D1CC;--gj-primitive-peacock-300: #58B7B2;--gj-primitive-peacock-400: #238E8A;--gj-primitive-peacock-500: #006B68;--gj-primitive-peacock-600: #005B58;--gj-primitive-peacock-700: #004A48;--gj-primitive-peacock-800: #003936;--gj-primitive-peacock-900: #002827;--gj-primitive-gold-50: #FFF8E8;--gj-primitive-gold-100: #FCEBC2;--gj-primitive-gold-200: #F6D989;--gj-primitive-gold-300: #F2C55B;--gj-primitive-gold-400: #F6BD4A;--gj-primitive-gold-500: #E8A72A;--gj-primitive-gold-600: #D99519;--gj-primitive-gold-700: #AD7111;--gj-primitive-gold-800: #7A4D0B;--gj-primitive-gold-900: #5B3A0C;--gj-primitive-support-success: #0E9E6E;--gj-primitive-support-success-soft: #E3F4EC;--gj-primitive-support-danger: #E5484D;--gj-primitive-support-danger-soft: #FDECEC;--gj-primitive-support-reflective-silver: #D8D9D7;--gj-primitive-overlay-ink-40: rgba(32, 20, 16, .4);--gj-primitive-overlay-ink-75: rgba(32, 20, 16, .749);--gj-primitive-overlay-white-22: rgba(255, 255, 255, .22);--gj-color-bg-canvas: #FAF7F2;--gj-color-bg-surface: #FFFFFF;--gj-color-bg-subtle: #F3ECE7;--gj-color-bg-elevated: #FFFFFF;--gj-color-bg-brand: #D94837;--gj-color-bg-brand-soft: #FFF1ED;--gj-color-bg-secondary: #006B68;--gj-color-bg-secondary-soft: #E7F5F3;--gj-color-bg-reward: #E8A72A;--gj-color-bg-reward-soft: #FFF8E8;--gj-color-text-primary: #201410;--gj-color-text-secondary: #6F4D40;--gj-color-text-tertiary: #8A5A43;--gj-color-text-inverse: #F9F4F0;--gj-color-text-on-brand: #FFFFFF;--gj-color-text-brand: #C43C2E;--gj-color-text-navigation: #005B58;--gj-color-text-reward: #7A4D0B;--gj-color-text-danger: #E5484D;--gj-color-text-success: #0E9E6E;--gj-color-icon-primary: #201410;--gj-color-icon-secondary: #8A5A43;--gj-color-icon-brand: #D94837;--gj-color-icon-navigation: #006B68;--gj-color-icon-reward: #E8A72A;--gj-color-icon-inverse: #FFFFFF;--gj-color-border-default: #E8DDD7;--gj-color-border-strong: #D9CDC7;--gj-color-border-brand: #F69B88;--gj-color-border-focus: #006B68;--gj-color-state-disabled-bg: #F3ECE7;--gj-color-state-disabled-fg: #D9CDC7;--gj-color-state-scrim: rgba(32, 20, 16, .4);--gj-color-chat-self-bg: #91D1CC;--gj-color-chat-other-bg: #FFFFFF;--gj-color-chat-system-bg: #F3ECE7;--gj-color-map-route: #006B68;--gj-color-map-destination: #D94837;--gj-color-map-origin: #E8A72A;--gj-color-call-dark: #201410;--gj-color-call-control-on: #FFFFFF;--gj-color-call-control-off: rgba(255, 255, 255, .22);--gj-color-feedback-success: #0E9E6E;--gj-color-feedback-success-soft: #E3F4EC;--gj-color-feedback-danger: #E5484D;--gj-color-feedback-danger-soft: #FDECEC;--gj-color-feedback-warning: #E8A72A;--gj-color-feedback-warning-soft: #FFF8E8;--gj-color-feedback-info: #006B68;--gj-color-feedback-info-soft: #E7F5F3;--gj-color-call-accept: #006B68;--gj-color-call-end: #D94837;--gj-color-chat-canvas: #F3ECE7;--gj-color-chat-self-pressed: #58B7B2;--gj-color-chat-unread: #D94837;--gj-color-chat-toast: #4E342C;--gj-color-chat-overlay: rgba(32, 20, 16, .749);--gj-space-0: 0px;--gj-space-xs: 4px;--gj-space-sm: 8px;--gj-space-md: 12px;--gj-space-lg: 16px;--gj-space-xl: 24px;--gj-space-2xl: 32px;--gj-space-3xl: 40px;--gj-space-4xl: 48px;--gj-space-5xl: 64px;--gj-size-icon-sm: 16px;--gj-size-icon-md: 24px;--gj-size-icon-lg: 32px;--gj-size-touch-min: 48px;--gj-size-bar: 56px;--gj-size-avatar: 40px;--gj-size-grid-item: 48px;--gj-size-mobile-canvas: 390px;--gj-radius-none: 0px;--gj-radius-xs: 6px;--gj-radius-sm: 8px;--gj-radius-md: 12px;--gj-radius-lg: 16px;--gj-radius-xl: 20px;--gj-radius-2xl: 24px;--gj-radius-full: 999px;--gj-font-size-display-brand: 32px;--gj-line-height-display-brand: 40px;--gj-font-size-display-page: 22px;--gj-line-height-display-page: 30px;--gj-font-size-heading-large: 20px;--gj-line-height-heading-large: 28px;--gj-font-size-heading-medium: 18px;--gj-line-height-heading-medium: 26px;--gj-font-size-heading-small: 17px;--gj-line-height-heading-small: 24px;--gj-font-size-title-section: 16px;--gj-line-height-title-section: 24px;--gj-font-size-body-large: 16px;--gj-line-height-body-large: 24px;--gj-font-size-body-medium: 14px;--gj-line-height-body-medium: 22px;--gj-font-size-body-small: 13px;--gj-line-height-body-small: 20px;--gj-font-size-message-body: 16px;--gj-line-height-message-body: 24px;--gj-font-size-label-large: 14px;--gj-line-height-label-large: 20px;--gj-font-size-label-medium: 12px;--gj-line-height-label-medium: 18px;--gj-font-size-label-small: 10px;--gj-line-height-label-small: 16px;--gj-font-size-caption-default: 11px;--gj-line-height-caption-default: 16px;--gj-font-size-price-display: 22px;--gj-line-height-price-display: 28px}:root{--primary: var(--gj-color-bg-brand);--primary-pressed: var(--gj-color-text-brand);--primary-container: var(--gj-color-bg-brand-soft);--on-primary: var(--gj-color-text-on-brand);--accent: var(--gj-color-text-brand);--accent-container: var(--gj-color-bg-brand-soft);--danger: var(--gj-color-feedback-danger);--danger-container: var(--gj-color-feedback-danger-soft);--ink: var(--gj-color-text-primary);--ink-secondary: var(--gj-color-text-secondary);--ink-tertiary: var(--gj-color-text-tertiary);--bg: var(--gj-color-bg-canvas);--surface: var(--gj-color-bg-surface);--line: var(--gj-color-border-default);--r-chip: var(--gj-radius-md);--r-card: var(--gj-radius-lg);--r-pill: var(--gj-radius-full)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:-apple-system,PingFang SC,MiSans,Noto Sans SC,sans-serif;font-size:var(--gj-font-size-body-large);line-height:var(--gj-line-height-body-large);background:var(--bg);color:var(--ink)}#root{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.hdr{position:sticky;top:0;z-index:10;background:var(--surface);color:var(--ink);padding:var(--gj-space-md) var(--gj-space-lg);border-bottom:1px solid var(--line)}.hdr h1{font-size:var(--gj-font-size-heading-large);line-height:var(--gj-line-height-heading-large);font-weight:600}.hdr .sub{font-size:var(--gj-font-size-body-small);line-height:var(--gj-line-height-body-small);color:var(--ink-secondary);margin-top:var(--gj-space-xs)}.hdr .tabs{display:flex;gap:var(--gj-space-sm);margin-top:var(--gj-space-md)}.hdr .tab{flex:1;text-align:center;min-height:32px;padding:var(--gj-space-xs) 0;border-radius:var(--r-pill);font-size:var(--gj-font-size-label-large);line-height:var(--gj-line-height-label-large);background:var(--surface);color:var(--ink);border:1px solid var(--gj-color-border-strong)}.hdr .tab.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary);font-weight:600}.page{flex:1;padding:var(--gj-space-lg) var(--gj-space-lg) 96px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--gj-space-lg);margin-bottom:var(--gj-space-md);box-shadow:0 1px 2px #2014100a}.center{text-align:center;padding:var(--gj-space-4xl) var(--gj-space-xl);color:var(--ink-secondary);font-size:var(--gj-font-size-body-medium);line-height:var(--gj-line-height-body-medium)}.center small{font-size:var(--gj-font-size-body-small);color:var(--ink-tertiary)}.err{background:var(--danger-container);color:var(--danger);border-radius:var(--r-chip);padding:var(--gj-space-md) var(--gj-space-lg);font-size:var(--gj-font-size-body-medium);line-height:var(--gj-line-height-body-medium);margin-bottom:var(--gj-space-md)}.note{background:var(--gj-color-bg-reward-soft);color:var(--gj-color-text-reward);border-radius:var(--r-chip);padding:var(--gj-space-md) var(--gj-space-lg);font-size:var(--gj-font-size-body-small);line-height:var(--gj-line-height-body-small);margin-bottom:var(--gj-space-md)}.btn{display:block;width:100%;min-height:var(--gj-size-touch-min);padding:var(--gj-space-md) 0;border:1px solid transparent;border-radius:var(--gj-radius-md);background:var(--primary);color:var(--on-primary);font-size:var(--gj-font-size-body-large);font-weight:600}.btn:active{background:var(--primary-pressed)}.btn:disabled{background:var(--gj-color-state-disabled-bg);color:var(--ink-tertiary);border-color:transparent}.btn-line{background:var(--surface);color:var(--primary);border-color:var(--primary)}.btn-line:active{background:var(--primary-container)}.stepper{display:flex;align-items:center;justify-content:center;gap:var(--gj-space-xl);margin:var(--gj-space-lg) 0 var(--gj-space-xl)}.stepper button{width:var(--gj-size-touch-min);height:var(--gj-size-touch-min);border-radius:50%;border:1px solid var(--gj-color-border-strong);background:var(--surface);font-size:var(--gj-font-size-heading-large);color:var(--ink)}.stepper .n{font-size:var(--gj-font-size-display-page);line-height:var(--gj-line-height-display-page);font-weight:600;min-width:var(--gj-size-touch-min);text-align:center}.cat{font-size:var(--gj-font-size-title-section);line-height:var(--gj-line-height-title-section);color:var(--ink);margin:var(--gj-space-xl) var(--gj-space-xs) var(--gj-space-sm);font-weight:600}.food{display:flex;gap:var(--gj-space-md);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--gj-space-md);margin-bottom:var(--gj-space-md);box-shadow:0 1px 2px #2014100a}.food img{width:72px;height:72px;border-radius:var(--r-chip);object-fit:cover;background:var(--gj-color-bg-subtle)}.food .info{flex:1;min-width:0}.food .t{font-size:var(--gj-font-size-body-large);line-height:var(--gj-line-height-body-large);font-weight:600}.food .d{font-size:var(--gj-font-size-body-small);line-height:var(--gj-line-height-body-small);color:var(--ink-tertiary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.food .row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--gj-space-sm)}.food .p{font-size:var(--gj-font-size-body-medium);line-height:var(--gj-line-height-body-medium);font-weight:700;color:var(--accent)}.food .p:before{content:"¥";font-size:var(--gj-font-size-label-medium)}.food.off{opacity:.45}.qty{display:flex;align-items:center;gap:var(--gj-space-md)}.qty button{width:var(--gj-size-icon-lg);height:var(--gj-size-icon-lg);border-radius:50%;border:none;font-size:var(--gj-font-size-title-section);line-height:1}.qty .minus{background:var(--primary-container);color:var(--primary)}.qty .plus{background:var(--primary);color:var(--on-primary)}.qty .q{min-width:var(--gj-size-icon-sm);text-align:center;font-weight:600}.soldout{font-size:var(--gj-font-size-label-medium);line-height:var(--gj-line-height-label-medium);color:var(--ink-tertiary);border:1px solid var(--gj-color-border-strong);border-radius:var(--r-pill);padding:2px var(--gj-space-sm)}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:20}.cartbar .in{max-width:560px;margin:0 auto;min-height:var(--gj-size-bar);display:flex;align-items:center;background:var(--primary);color:var(--on-primary);border-radius:var(--gj-radius-md);margin:0 var(--gj-space-lg) var(--gj-space-lg);padding:var(--gj-space-sm) var(--gj-space-sm) var(--gj-space-sm) var(--gj-space-xl);box-shadow:0 4px 16px #2014102e}.cartbar .tot{flex:1;font-size:var(--gj-font-size-price-display);line-height:var(--gj-line-height-price-display);font-weight:700}.cartbar .tot:before{content:"¥";font-size:var(--gj-font-size-label-medium)}.cartbar .cnt{font-size:var(--gj-font-size-body-small);opacity:.85;margin-right:var(--gj-space-md)}.cartbar button{border:none;border-radius:var(--r-pill);min-height:var(--gj-size-avatar);background:var(--surface);color:var(--primary);font-size:var(--gj-font-size-body-large);font-weight:600;padding:var(--gj-space-sm) var(--gj-space-xl)}.coupon input{width:100%;min-height:var(--gj-size-touch-min);padding:var(--gj-space-md) var(--gj-space-lg);border:1px solid var(--line);border-radius:var(--r-chip);font-size:var(--gj-font-size-body-medium);background:var(--surface);color:var(--ink)}.round{border-bottom:1px solid var(--line);padding:var(--gj-space-md) 0}.round:first-child{padding-top:0}.round:last-child{border-bottom:none}.round .rh{display:flex;justify-content:space-between;font-size:var(--gj-font-size-title-section);line-height:var(--gj-line-height-title-section);color:var(--ink);font-weight:600;margin-bottom:var(--gj-space-xs)}.round .rh span+span{color:var(--accent)}.round .it{display:flex;justify-content:space-between;font-size:var(--gj-font-size-body-medium);line-height:var(--gj-line-height-body-medium);padding:2px 0}.round .it .n{color:var(--ink-secondary)}.bill-total{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--gj-font-size-title-section);padding:var(--gj-space-md) 2px 0;font-weight:700}.bill-total .amt{color:var(--accent);font-size:var(--gj-font-size-price-display);line-height:var(--gj-line-height-price-display)}.bill-total .amt:before{content:"¥";font-size:var(--gj-font-size-body-small)}.feeline{display:flex;justify-content:space-between;font-size:var(--gj-font-size-body-small);line-height:var(--gj-line-height-body-small);color:var(--ink-secondary);padding:var(--gj-space-sm) 2px 0}.paidtag{text-align:center;background:var(--gj-color-bg-secondary-soft);color:var(--gj-color-bg-secondary);border-radius:var(--r-chip);font-weight:600;padding:var(--gj-space-md) 0;margin-top:var(--gj-space-md)}