@import"https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-background: #f0f2f5;--color-foreground: #1a1a1a;--color-border: #e0e0e0;--color-input: #ffffff;--color-ring: #03A9F4;--color-card: #ffffff;--color-card-foreground: #1a1a1a;--color-popover: #ffffff;--color-popover-foreground: #1a1a1a;--color-muted: #f0f2f5;--color-muted-foreground: #666666;--color-primary: #3b5998;--color-primary-foreground: #ffffff;--color-secondary: #03A9F4;--color-secondary-foreground: #ffffff;--color-accent: #FF5722;--color-accent-foreground: #ffffff;--color-success: #388E3C;--color-success-foreground: #ffffff;--color-warning: #F57C00;--color-warning-foreground: #ffffff;--color-error: #D32F2F;--color-error-foreground: #ffffff;--color-destructive: #D32F2F;--color-destructive-foreground: #ffffff}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-family:Heebo,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Heebo,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}}@layer utilities{.shadow-kiosk{box-shadow:0 2px 8px #0000001a}.shadow-kiosk-lg{box-shadow:0 4px 16px #00000026}.shadow-kiosk-inset{box-shadow:0 2px 4px inset #0000001a}.touch-target{min-height:44px;min-width:44px}.animate-scale-touch{transition:transform .15s ease-out}.animate-scale-touch:active{transform:scale(1.02)}.animate-slide-in{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-input{@apply w-full h-12 px-4 bg-slate-50 border border-slate-200 rounded-xl font-bold text-slate-800 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-400 text-sm transition-all;}}body{margin:0;padding:0;font-family:Heebo,sans-serif;background-color:#050505}.safe-area-layout #root{margin-top:env(safe-area-inset-top,32px)!important;height:calc(100vh - env(safe-area-inset-top,32px))!important;position:relative}*{box-sizing:border-box;line-height:normal;font-family:inherit;margin:unset}.mod-label{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.85rem;font-weight:600;margin-left:4px;margin-bottom:2px;vertical-align:middle;box-shadow:0 1px 1px #0000000d}.mod-color-gray{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.mod-color-red{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.mod-color-lightgreen{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.mod-color-soy-oat{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.mod-color-almond{background-color:#ffedd5;color:#9a3412;border:1px solid #fdba74}.mod-color-lactose-free{background-color:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.mod-color-extra-hot{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.mod-color-strong{background-color:#f3e8ff;color:#6b21a8;border:1px solid #e9d5ff}.mod-color-light{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.mod-color-blue{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.mod-color-purple{background-color:#f3e8ff;color:#6b21a8;border:1px solid #e9d5ff}.mod-color-foam-up{background-color:#d1fae5;color:#065f46}.mod-color-foam-up:before{content:"↑";font-weight:900;margin-left:4px}.mod-color-foam-down{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.mod-color-foam-down:before{content:"↓";font-weight:900;margin-left:4px}.mod-color-foam-none{background-color:transparent!important;color:#ef4444!important;border:1px solid #ef4444;text-decoration:line-through;padding:0 6px;position:relative}.mod-color-foam-none:before{content:"";margin:0}@media (max-height: 850px){.responsive-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.75rem!important}.compact-card-ratio{aspect-ratio:5 / 4!important}.compact-header-h{height:52px!important}.compact-padding-p{padding:.5rem!important}.compact-padding-s{padding:.6rem!important}.compact-text-xl{font-size:1.1rem!important}.compact-text-lg{font-size:.95rem!important}.compact-sidebar-w{width:310px!important}}@media (min-width: 1270px){.responsive-menu-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media (min-width: 1270px) and (min-height: 851px){.compact-card-ratio{aspect-ratio:1 / 1!important}}.lite-mode *{box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition-duration:.15s!important}.lite-mode .brand-logo-img{filter:none!important;transition:opacity .5s ease-out!important}.lite-mode .shadow-2xl,.lite-mode .shadow-xl,.lite-mode .shadow-lg,.lite-mode .shadow-md,.lite-mode .shadow-sm{box-shadow:none!important;border:1px solid #e5e7eb!important}.lite-mode *{animation-duration:.15s!important;animation-iteration-count:1!important}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes pulse-red{0%{box-shadow:0 0 #f43f5eb3}70%{box-shadow:0 0 0 15px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.animate-pulse-red{animation:pulse-red 2s infinite}