/* Foodspot API — shared mobile-first responsive foundation */
:root{color-scheme:dark;--fs-bg:#101416;--fs-surface:#1a2022;--fs-border:#354040;--fs-accent:#d9bb8c;--fs-text:#f4efe7;--fs-muted:#b3bdb9;--fs-content:1200px}
html{min-width:320px;-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,video,canvas,svg{max-width:100%}input,select,textarea,button{max-width:100%}button,a,input,select{touch-action:manipulation}
.fs-shell{width:min(100%,var(--fs-content));margin-inline:auto;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 88px)}
.fs-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.fs-cards{display:grid;grid-template-columns:1fr;gap:12px}.fs-card{min-width:0;overflow:hidden}.fs-map{width:100%;min-height:320px;height:55dvh}.fs-toolbar{display:flex;gap:8px;flex-wrap:wrap}.fs-toolbar>*{min-width:0}.fs-bottom-nav{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);z-index:30}.fs-sidebar{display:none}
@media(min-width:600px){.fs-shell{padding-inline:24px}.fs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-map{height:62dvh}}
@media(min-width:1024px){.fs-shell{padding:28px 32px 48px}.fs-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.fs-sidebar{display:block}.fs-bottom-nav{display:none}.fs-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.fs-map{height:min(75dvh,780px)}}
@media(min-width:1440px){.fs-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}