:root{--primary: #f97316}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#f0eee9;font-family:DM Sans,system-ui,sans-serif;color:#18181b;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}a{color:inherit;text-decoration:none}.kokela-app{max-width:1280px;margin:0 auto;background:#fafaf9;min-height:100vh;position:relative}@media (min-width: 1320px){.kokela-app{box-shadow:0 0 80px #0000000f}}.kokela-menu{max-width:720px;margin:0 auto;background:#fafaf9;min-height:100vh;position:relative}@media (min-width: 760px){.kokela-menu{box-shadow:0 0 80px #0000000f}}.no-scrollbar{scrollbar-width:none;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none}.store-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.store-grid{gap:16px}}@media (min-width: 900px){.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.hero-title{font-size:26px}.hero-subtitle{font-size:13.5px}@media (min-width: 900px){.hero-title{font-size:40px}.hero-subtitle{font-size:16px}}@keyframes kokelaPulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}@keyframes pageSlideIn{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.page-slide-in{animation:pageSlideIn .3s cubic-bezier(.2,.8,.25,1)}@media (prefers-reduced-motion: reduce){.page-slide-in{animation:none}*{animation-duration:.001ms!important;animation-iteration-count:1!important}}.kokela-cat-tile{width:132px;height:88px}@media (max-width: 359px){.kokela-cat-tile{width:112px;height:76px}}@media (min-width: 768px){.kokela-cat-tile{width:148px;height:96px}}.kokela-safe-bottom{padding-bottom:max(0px,env(safe-area-inset-bottom))}