*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--canvas: hsl(36, 28%, 97%);--surface: hsl(36, 20%, 93%);--surface-hover: hsl(36, 18%, 90%);--panel-bg: hsl(36, 30%, 98%);--ink: hsl(30, 12%, 12%);--ink-secondary: hsl(28, 8%, 42%);--ink-muted: hsl(25, 6%, 62%);--anchor: hsl(352, 72%, 40%);--anchor-light: hsla(352, 72%, 40%, .08);--anchor-hover: hsl(352, 72%, 33%);--cat-food: hsl(28, 60%, 50%);--cat-coffee: hsl(25, 45%, 40%);--cat-drinks: hsl(340, 40%, 50%);--cat-shopping: hsl(42, 50%, 50%);--cat-wellness: hsl(155, 30%, 45%);--cat-culture: hsl(255, 30%, 55%);--border: hsl(30, 12%, 86%);--border-soft: hsl(30, 8%, 91%);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 3px 8px rgba(0,0,0,.06);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--r-sm: 8px;--r-md: 10px;--r-lg: 16px;--r-pill: 100px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .72rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.2rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--ease: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration: .18s}html,body{height:100%;font-family:var(--font);font-size:16px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;overscroll-behavior-x:none}#app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);background:var(--canvas);height:60px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--sp-2)}.app-logo{flex-shrink:0}.app-title{font-size:1.3rem;font-weight:700;letter-spacing:-.03em;-webkit-user-select:none;user-select:none}.title-lulu{color:var(--ink)}.title-maps{color:var(--anchor)}.header-search{display:flex;align-items:center;gap:var(--sp-2)}.search-wrap{position:relative;display:flex;align-items:center;gap:var(--sp-2)}.city-suggestions{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:220px;background:var(--canvas);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 4px 16px #00000014;z-index:200;overflow:hidden}.city-suggestion-item{padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);color:var(--ink-secondary);cursor:pointer;transition:background var(--duration) var(--ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-suggestion-item:hover,.city-suggestion-item.focused{background:var(--surface);color:var(--ink)}.city-suggestion-item+.city-suggestion-item{border-top:1px solid var(--border-soft)}#city-input{font-family:var(--font);font-size:var(--text-base);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);width:220px;outline:none;transition:border-color var(--duration) var(--ease)}#city-input::placeholder{color:var(--ink-muted)}#city-input:focus{border-color:var(--anchor)}#search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink-secondary);cursor:pointer;transition:all var(--duration) var(--ease)}#search-btn:hover{border-color:var(--anchor);color:var(--anchor)}#app-main{display:grid;grid-template-columns:1fr 420px;height:calc(100vh - 60px)}#map-panel{position:relative}#map{width:100%;height:100%}.leaflet-control-zoom{border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;overflow:hidden}.leaflet-control-zoom a{background:var(--canvas)!important;color:var(--ink-secondary)!important;border-bottom:1px solid var(--border)!important;width:32px!important;height:32px!important;line-height:32px!important;font-size:16px!important}.leaflet-control-zoom a:hover{color:var(--ink)!important}.leaflet-control-attribution{font-size:10px!important;background:var(--canvas)!important;color:var(--ink-muted)!important}@keyframes anchor-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.8);opacity:0}}.anchor-marker{width:16px;height:16px;background:var(--anchor);border-radius:50%;border:2px solid white;position:relative}.anchor-marker:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--anchor);opacity:.4;animation:anchor-pulse 2s var(--ease) infinite;z-index:-1}.place-marker{width:10px;height:10px;border-radius:50%;border:2px solid white;transition:transform var(--duration) var(--ease)}.place-marker.highlight{transform:scale(1.6)}.radius-circle{fill:var(--anchor);fill-opacity:.04;stroke:var(--anchor);stroke-opacity:.2;stroke-width:1.5}#discovery-panel{border-left:1px solid var(--border);background:var(--panel-bg);overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5);background-image:radial-gradient(ellipse at 60% 0%,hsla(352,60%,52%,.04) 0%,transparent 60%)}.store-selector-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-weight:500;margin-bottom:var(--sp-2)}#store-list{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1);scroll-snap-type:x mandatory}#store-list::-webkit-scrollbar{height:2px}#store-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:1px}.store-item{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--duration) var(--ease);font-size:var(--text-xs);color:var(--ink-secondary);white-space:nowrap;flex-shrink:0;scroll-snap-align:start}.store-item:hover{border-color:var(--anchor);color:var(--ink)}.store-item.active{border-color:var(--anchor);background:var(--anchor-light);color:var(--ink)}.store-item-address{font-size:var(--text-xs);color:var(--ink-muted);margin-top:2px}.filter-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.filter-pill{font-family:var(--font);font-size:var(--text-sm);font-weight:500;padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--canvas);color:var(--ink-secondary);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap}.filter-pill:hover{border-color:var(--ink-secondary);color:var(--ink)}.filter-pill.active{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.radius-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-3)}.radius-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-weight:500}.radius-toggle{display:flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.radius-btn{font-family:var(--font);font-size:var(--text-xs);font-weight:500;padding:var(--sp-1) var(--sp-3);border:none;background:var(--canvas);color:var(--ink-muted);cursor:pointer;transition:all var(--duration) var(--ease)}.radius-btn+.radius-btn{border-left:1px solid var(--border)}.radius-btn:hover{color:var(--ink)}.radius-btn.active{background:var(--ink);color:var(--canvas)}#places-list{display:flex;flex-direction:column;gap:var(--sp-3)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.place-card{display:grid;grid-template-columns:84px 1fr;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease);background:#fff;box-shadow:var(--shadow-sm);animation:card-in .3s var(--ease-out) both}.place-card:hover{border-color:var(--anchor);box-shadow:var(--shadow-md);transform:translateY(-1px)}.place-photo{width:84px;height:84px;border-radius:var(--r-md);object-fit:cover;background:var(--surface)}.place-photo-placeholder{width:84px;height:84px;border-radius:var(--r-md);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);font-size:var(--text-xs)}.place-info{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-1);min-width:0}.place-name{font-size:var(--text-base);font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-type{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.place-meta{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--ink-secondary)}.place-rating{display:flex;align-items:center;gap:3px}.place-rating svg{color:var(--cat-shopping)}.place-distance{color:var(--ink-muted);font-size:var(--text-xs)}.place-address{font-size:var(--text-xs);color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-food{color:var(--cat-food)}.type-coffee{color:var(--cat-coffee)}.type-drinks{color:var(--cat-drinks)}.type-shopping{color:var(--cat-shopping)}.type-wellness{color:var(--cat-wellness)}.type-culture{color:var(--cat-culture)}@keyframes empty-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#empty-state,#no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-8) var(--sp-5);flex:1;animation:empty-in .4s var(--ease-out) both}.empty-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.04em;margin-bottom:var(--sp-2);color:var(--ink);line-height:1.1}.empty-body{font-size:var(--text-sm);color:var(--ink-muted);max-width:240px;line-height:1.6}.quick-cities-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-weight:600;margin-top:var(--sp-6);margin-bottom:var(--sp-3)}.quick-cities{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;max-width:340px}.quick-city{font-family:var(--font);font-size:var(--text-sm);font-weight:500;padding:7px var(--sp-3);border:1px solid var(--border);border-radius:var(--r-pill);background:#fff;color:var(--ink-secondary);cursor:pointer;transition:all var(--duration) var(--ease);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:5px}.quick-city:hover{border-color:var(--anchor);color:var(--anchor);box-shadow:var(--shadow-md);transform:translateY(-1px)}#loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-8);flex:1;color:var(--ink-muted);font-size:var(--text-sm)}.loader{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--anchor);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}@media(max-width:768px){#app-main{grid-template-columns:1fr;grid-template-rows:40vh 1fr}#discovery-panel{border-left:none;border-top:1px solid var(--border)}#city-input{width:160px}.app-subtitle{display:none}.place-card{grid-template-columns:64px 1fr}.place-photo,.place-photo-placeholder{width:64px;height:64px}}#discovery-panel::-webkit-scrollbar{width:4px}#discovery-panel::-webkit-scrollbar-track{background:transparent}#discovery-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}