:root{--color-primary: #8B1A1A;--color-primary-dark: #6B1010;--color-primary-light: #C44040;--color-accent: #E85C0D;--color-accent-hover: #C94D00;--color-bg: #FFF8F0;--color-surface: #FFFFFF;--color-surface-2: #FFF0E0;--color-border: #E8D5C0;--color-text: #1A1A1A;--color-text-secondary: #5A4A3A;--color-text-muted: #9A8A7A;--color-sold-out-bg: #F0F0F0;--color-sold-out-text: #9A9A9A;--color-success: #2E7D32;--color-error: #C62828;--color-warning: #F57F17;--color-info: #0277BD;--color-status-new: #1565C0;--color-status-cooking: #E65100;--color-status-served: #2E7D32;--color-status-cancelled: #757575;--font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Meiryo", -apple-system, sans-serif;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--tap-min: 44px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--header-height: 60px;--sidebar-width: 140px;--cart-bar-height: 64px;--cat-osusume: #C8102E;--cat-nigiri: #1466A8;--cat-gunkan: #2E7D32;--cat-set: #E8730C;--cat-dessert: #B5418E;--cat-side: #00796B;--order-panel-bg: #1F3A5A;--order-panel-surface: #2A4A6B;--order-panel-slot: rgba(51, 81, 112, .4);--order-panel-text: #FFFFFF;--order-panel-text-muted: #AEBED2;--order-panel-divider: #3A567A;--cta-pay-bg: #F4C300;--cta-pay-text: #1A1A1A;--cta-staff-bg: #D32F2F;--badge-allergen: #E53935;--badge-origin: #C8102E;--badge-compare: #C8102E;--font-size-tax: 13px;--font-size-price-lg: 32px;--order-panel-width: 360px;--tabbar-height: 64px;--subcat-height: 84px;--pagination-height: 56px;--actionbar-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}#root{height:100%;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;min-height:var(--tap-min);min-width:var(--tap-min)}.guest-app{flex:1;display:flex;min-height:0;min-width:0;overflow:hidden}.guest-message{flex:1;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.guest-message button,.guest-message a{padding:12px 20px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;font-size:var(--font-size-base)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-up{animation:slideUp .25s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}