@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #fddc04;--color-primary-hover: #ffc700;--color-primary-disabled: #ffe680;--color-background: #ffffff;--color-background-secondary: #f5f5f5;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-muted: #999999;--color-success: #4caf50;--color-error: #ff0000;--color-warning: #ffa500;--color-badge-yellow: #ffd200;--color-border: #e0e0e0;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--line-height: 1.4;--font-size-h1: 28px;--font-size-h2: 20px;--font-size-h3: 17px;--font-size-body: 15px;--font-size-caption: 13px;--font-size-small: 11px;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-regular: 400;--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0px 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0px -4px 16px rgba(0, 0, 0, .12);--transition-duration: .2s;--transition-easing: ease-out;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;touch-action:manipulation;overscroll-behavior-y:none;background:var(--color-background)}#app{width:100%;min-height:100vh;min-height:100dvh;background:var(--color-background);padding-bottom:env(safe-area-inset-bottom)}.scrollable-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.keyboard-open{transition:padding-bottom .3s ease}.hidden-on-keyboard{transform:translateY(200%);transition:transform .3s ease}.categories-sticky.hidden-on-keyboard{opacity:0;pointer-events:none;transition:opacity .2s ease}.h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height)}.h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height)}.h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height)}.body{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);line-height:var(--line-height)}.caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height)}.small{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:var(--line-height)}.btn-primary{background:var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);padding:16px;border:none;cursor:pointer;transition:background-color var(--transition-duration) var(--transition-easing)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--color-primary-disabled);color:var(--color-text-muted);cursor:not-allowed}.btn-secondary{background:var(--color-background-secondary);color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);padding:16px;border:none;cursor:pointer;transition:background-color var(--transition-duration) var(--transition-easing)}.btn-ghost{background:transparent;color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);border:none;cursor:pointer;padding:8px}.card{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:12px}.card-order{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:16px}.input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:16px;font-size:var(--font-size-body);color:var(--color-text-primary);transition:border-color var(--transition-duration) var(--transition-easing)}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}.input-search{background:var(--color-background-secondary);border:none;border-radius:var(--border-radius-md);padding:12px 16px}.badge{background:var(--color-badge-yellow);color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);padding:4px 8px}.badge-success{background:var(--color-success);color:var(--color-background)}.badge-error{background:var(--color-error);color:var(--color-background)}.divider{height:1px;background:var(--color-border);border:none;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background)}#app{width:100%;min-height:100vh}button{font-family:inherit}::-webkit-scrollbar{width:0px;background:transparent}