:root {
  --ink:#162220;
  --muted:#6d7874;
  --paper:rgba(255,255,255,.94);
  --line:rgba(24,39,35,.11);
  --accent:#0f766e;
  --bg:#f5f4ef;
  --shadow:0 14px 40px rgba(23,34,31,.13);
  --radius:20px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);overflow:hidden;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.app-shell,#map{position:fixed;inset:0}
#map{background:#eef0eb}
.maplibregl-ctrl-bottom-left{left:8px;bottom:8px}.maplibregl-ctrl-attrib{font-size:9px!important;background:rgba(255,255,255,.72)!important}
.top-ui{position:fixed;z-index:20;top:max(14px,env(safe-area-inset-top));left:16px;width:min(390px,calc(100vw - 32px));display:grid;gap:10px}
.brand-row,.search-box,.filters,.results-panel,.sheet,.map-note{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand-row{display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:17px;letter-spacing:-.025em;font-weight:600;padding:10px 13px;border-radius:999px;background:var(--paper);border:1px solid rgba(255,255,255,.8);box-shadow:0 7px 24px rgba(23,34,31,.09)}
.brand strong{color:var(--accent)}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:13px 0 0 #9acbc4;margin-right:12px}
.icon-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:var(--paper);box-shadow:0 7px 24px rgba(23,34,31,.09);display:grid;place-items:center;color:var(--ink);cursor:pointer}
.icon-btn svg,.search-box svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn.is-active{color:#fff;background:var(--accent)}
.search-box{height:48px;background:var(--paper);border:1px solid rgba(255,255,255,.85);border-radius:16px;box-shadow:var(--shadow);display:flex;align-items:center;padding:0 14px;gap:10px}
.search-box svg{color:var(--muted);width:18px}.search-box input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink);font-size:14px}.search-box input::placeholder{color:#919a97}.clear-search{display:none;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:0 2px}.search-box.has-value .clear-search{display:block}
.filters{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.9);color:#50605c;border-radius:999px;padding:9px 13px;box-shadow:0 6px 18px rgba(23,34,31,.07);font-size:12px;font-weight:650;cursor:pointer}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}
.results-panel{position:fixed;z-index:19;top:156px;left:16px;width:min(390px,calc(100vw - 32px));max-height:min(50vh,420px);overflow:auto;padding:8px;background:var(--paper);border:1px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:var(--shadow)}
.result-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;text-align:left;cursor:pointer;color:var(--ink)}.result-item:hover{background:#f2f4f1}.result-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;flex:0 0 auto}.result-copy{min-width:0}.result-copy strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-copy small{display:block;margin-top:2px;color:var(--muted);font-size:11px}
.mm-marker{width:38px;height:38px;border-radius:50% 50% 50% 10px;transform:rotate(-45deg);border:3px solid rgba(255,255,255,.95);box-shadow:0 5px 16px rgba(0,0,0,.18);display:grid;place-items:center;cursor:pointer;transition:transform .18s ease}.mm-marker span{transform:rotate(45deg);color:#fff;font-size:10px;font-weight:850;letter-spacing:-.03em}.mm-marker:hover{transform:rotate(-45deg) scale(1.08)}.mm-marker.is-partner{width:44px;height:44px}
.user-dot{width:18px;height:18px;border-radius:50%;background:#2674f2;border:4px solid white;box-shadow:0 0 0 5px rgba(38,116,242,.18),0 4px 16px rgba(0,0,0,.2)}
.sheet{position:fixed;z-index:30;left:50%;bottom:16px;width:min(520px,calc(100vw - 32px));transform:translate(-50%,calc(100% + 40px));opacity:0;pointer-events:none;background:var(--paper);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:24px;box-shadow:0 24px 70px rgba(23,34,31,.2);transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.sheet.is-open{transform:translate(-50%,0);opacity:1;pointer-events:auto}.sheet-handle{display:none}.sheet-close{position:absolute;right:15px;top:13px;width:32px;height:32px;border:0;border-radius:50%;background:#f0f2ef;color:var(--muted);font-size:22px;cursor:pointer}.place-head{display:flex;align-items:center;gap:13px;padding-right:36px}.place-marker-mini{width:42px;height:42px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:850}.place-category{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:650}.sheet h1{margin:0;font-size:26px;line-height:1.03;letter-spacing:-.045em}.status-row{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:12px}.open-state{font-weight:700}.open-state.open{color:#16835f}.open-state.closed{color:#b85445}.distance{color:var(--muted)}.place-description{margin:14px 0 0;color:#4f5b57;font-size:13px;line-height:1.5}.offer{margin-top:16px;padding:14px 15px;border-radius:15px;background:#edf7f4;border:1px solid #d8ece6}.offer strong{display:block;color:#0f766e;font-size:16px;letter-spacing:-.025em}.offer span{display:block;margin-top:4px;color:#52615d;font-size:11px;line-height:1.45}.place-address{margin:14px 0 0;color:var(--muted);font-size:11px}.sheet-actions{display:flex;gap:8px;margin-top:18px}.action{min-width:0;flex:1;text-align:center;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:11px 14px;color:var(--ink);font-size:12px;font-weight:700;background:#fff}.action.primary{background:var(--ink);border-color:var(--ink);color:#fff}.action.subtle{flex:0 0 auto}.action[hidden]{display:none}
.map-note{position:fixed;z-index:10;right:14px;bottom:12px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.8);color:#75807c;font-size:9px;border:1px solid rgba(255,255,255,.8);pointer-events:none}
.maplibregl-canvas:focus{outline:none}
@media(min-width:850px){.top-ui{top:20px;left:20px}.results-panel{top:162px;left:20px}.sheet{left:auto;right:20px;bottom:20px;transform:translate(calc(100% + 50px),0);width:390px}.sheet.is-open{transform:translate(0,0)}.map-note{right:20px}}
@media(max-width:600px){.top-ui{left:12px;width:calc(100vw - 24px);top:max(10px,env(safe-area-inset-top))}.results-panel{left:12px;width:calc(100vw - 24px);top:148px}.sheet{bottom:0;left:0;width:100%;transform:translate(0,105%);border-radius:24px 24px 0 0;padding:25px 18px calc(18px + env(safe-area-inset-bottom));}.sheet.is-open{transform:translate(0,0)}.sheet-handle{display:block;width:38px;height:4px;border-radius:4px;background:#d8ddda;margin:-13px auto 16px}.sheet h1{font-size:24px}.sheet-actions{padding-bottom:2px}.map-note{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}