*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;background-color:var(--bg-base);color:var(--fg-base);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,select,textarea{font:inherit}a{color:var(--link);text-decoration:none}img,svg{display:block;max-width:100%}.no-select{user-select:none;-webkit-user-select:none}.pos-ui{-webkit-touch-callout:none}:root{--bg-base: #F9F7F4;--bg-elevated: #FFFFFF;--bg-surface: #F2EDE8;--bg-overlay: rgba(30, 20, 10, .55);--fg-base: #1A1208;--fg-muted: #6B5B4E;--fg-dim: #A8998C;--border: #E0D8D0;--border-strong: #BEB0A4;--brand-primary: #E8580C;--brand-secondary: #C4430A;--brand-accent: #C47D00;--fg-on-brand: #FFFFFF;--success: #16A34A;--warning: #D97706;--danger: #DC2626;--link: var(--brand-primary);--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Noto Sans TC", sans-serif;--font-sans: "Noto Sans TC", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(30, 20, 10, .08);--shadow-md: 0 4px 8px rgba(30, 20, 10, .12);--shadow-lg: 0 8px 24px rgba(30, 20, 10, .16);--touch-min: 44px;--touch-cta: 60px;--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--z-base: 1;--z-nav: 10;--z-modal: 100;--z-toast: 200}@media (prefers-color-scheme: dark){:root{--bg-base: #1C1410;--bg-elevated: #261C16;--bg-surface: #2E2218;--bg-overlay: rgba(0, 0, 0, .72);--fg-base: #F0EBE4;--fg-muted: #A8998C;--fg-dim: #6B5B4E;--border: #3A2E28;--border-strong: #524438;--brand-primary: #F97316;--brand-secondary: #EA6A0A;--brand-accent: #FBBF24;--fg-on-brand: #FFFFFF;--success: #22C55E;--warning: #FBBF24;--danger: #F87171;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 8px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:var(--s-3) var(--s-5);border-radius:var(--r-md);font-weight:500;transition:all var(--dur-base) var(--ease);user-select:none}.btn-primary{background-color:var(--brand-primary);color:var(--fg-on-brand)}.btn-primary:hover{background-color:var(--brand-secondary)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background-color:transparent;color:var(--fg-base);border:1px solid var(--border)}.btn-ghost:hover{background-color:var(--bg-elevated)}.btn-danger{background-color:var(--danger);color:#fff}.btn-cta{min-height:var(--touch-cta);font-size:18px;font-weight:600;padding:var(--s-4) var(--s-6)}.card{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-sm)}.input{width:100%;min-height:var(--touch-min);padding:var(--s-3) var(--s-4);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg-base);font-family:inherit}.input:focus{outline:none;border-color:var(--brand-primary)}.toast{position:fixed;bottom:var(--s-6);left:50%;transform:translate(-50%);padding:var(--s-3) var(--s-5);background-color:var(--bg-elevated);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:var(--z-toast)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-surface) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--r-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}pos-app{display:block;min-height:100vh}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.app-main{padding:var(--s-5)}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--s-5);height:calc(100vh - 64px)}@media (max-width: 768px){.pos-layout{grid-template-columns:1fr}}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-3)}.menu-item-tile{aspect-ratio:1 / 1;min-height:80px;padding:var(--s-3);cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.menu-item-tile:active{transform:scale(.95)}.menu-item-tile[data-unavailable=true]{opacity:.4;pointer-events:none}