@font-face{
  font-family:"Space Grotesk";
  src:url("/assets/fonts/SpaceGrotesk-Variable.woff2") format("woff2");
  font-style:normal;
  font-weight:300 700;
  font-display:swap;
}
:root{
  color-scheme:dark;
  --bg:#07111c;--panel:#0b1724;--panel2:#122131;--panel3:#17293a;
  --text:#f7fafc;--muted:#91a0b1;--line:#26384a;--accent:#10b981;--accent-strong:#0ea371;
  --accent-text:#031d14;--danger:#e11d48;--good:#22c995;--glass:rgba(7,17,28,.9);--shadow:rgba(0,0,0,.42);
  --safe:env(safe-area-inset-bottom,0px);
  --font:"Space Grotesk","Avenir Next","SF Pro Display",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
:root[data-theme="light"]{
  color-scheme:light;--bg:#edf3f7;--panel:#fbfcfd;--panel2:#f1f5f7;--panel3:#e8eef2;
  --text:#101820;--muted:#667585;--line:#d6e0e6;--accent:#0aaa76;--accent-strong:#07885f;
  --accent-text:#fff;--danger:#e11d48;--good:#07885f;--glass:rgba(251,252,253,.92);--shadow:rgba(35,55,70,.18);
}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{overflow:hidden}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(180deg,var(--glass),color-mix(in srgb,var(--glass) 76%,transparent),transparent)}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.brand{display:flex;gap:10px;align-items:center;min-width:0}.brand strong{display:block;font-size:19px;font-weight:750;letter-spacing:-.025em}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:1px}.bolt{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:20px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 28%,transparent)}button{font:inherit}.theme-btn,.icon-btn,.map-fab{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);color:var(--text)}.theme-btn{flex:0 0 auto;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:17px}.search{display:flex;gap:7px}.search input{min-width:0;flex:1;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--text);border-radius:15px;padding:12px 13px;font-size:16px;outline:none;box-shadow:0 4px 18px var(--shadow)}.search input::placeholder{color:var(--muted)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.search button,.filters button,.walk-filter button,.search-area{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:10px 12px;font-weight:700}.search button,.filters .active,.walk-filter .active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.search-results{position:absolute;left:12px;right:12px;top:calc(111px + env(safe-area-inset-top));background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 16px 34px var(--shadow)}.search-result{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:12px}.search-result:last-child{border-bottom:0}.search-result small{display:block;color:var(--muted);margin-top:3px}main,#map{position:absolute;inset:0}#map{background:var(--bg)}.map-fab{position:absolute;right:12px;top:calc(126px + env(safe-area-inset-top));z-index:4;width:46px;height:46px;border-radius:50%;font-size:25px;box-shadow:0 5px 20px var(--shadow)}.search-area{position:absolute;top:calc(128px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:4;padding:9px 14px;box-shadow:0 4px 14px var(--shadow)}.charger-marker{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);border:3px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.42);font-weight:900;transition:transform .18s ease,background .18s ease}.charger-marker:hover{transform:scale(1.06)}.charger-marker.selected{background:var(--danger);outline:4px solid color-mix(in srgb,var(--danger) 25%,transparent);transform:scale(1.08)}.sheet{position:absolute;z-index:6;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--panel) 97%,transparent);border-top:1px solid var(--line);border-radius:24px 24px 0 0;padding:0 14px calc(14px + var(--safe));max-height:62vh;overflow:auto;overscroll-behavior:contain;box-shadow:0 -10px 34px var(--shadow);transition:transform .22s cubic-bezier(.22,.8,.28,1),opacity .2s ease;will-change:transform}.sheet.dragging{transition:none;user-select:none}.sheet-drag{position:sticky;top:0;z-index:3;margin:0 -14px;padding:9px 14px 8px;background:linear-gradient(180deg,var(--panel) 72%,transparent);touch-action:none;cursor:grab}.sheet-drag:active{cursor:grabbing}.grabber{width:44px;height:5px;background:color-mix(in srgb,var(--muted) 60%,transparent);border-radius:99px;margin:0 auto}.idle{display:flex;flex-direction:column;gap:3px;text-align:center;padding:0 0 5px}.idle strong{font-size:15px}.idle span,.charger-head p,.ranking-note{color:var(--muted);font-size:13px}.charger-head{display:flex;justify-content:space-between;gap:10px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.09em}.charger-head h2{font-size:21px;line-height:1.08;letter-spacing:-.035em;margin:4px 0 4px;font-weight:760}.charger-head p{margin:0;line-height:1.35}.icon-btn{width:38px;height:38px;border-radius:50%;font-size:24px;flex:0 0 auto}.filters,.walk-filter{display:flex;gap:7px;overflow-x:auto;padding:13px 0 3px;scrollbar-width:none}.filters::-webkit-scrollbar,.walk-filter::-webkit-scrollbar{display:none}.filters button,.walk-filter button{white-space:nowrap;padding:8px 12px}.walk-filter{align-items:center}.walk-filter span{color:var(--muted);font-size:12px;margin-right:3px}.score{margin:12px 0;padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-radius:15px}.score strong{font-size:18px;letter-spacing:-.02em}.score span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.places-label{display:flex;justify-content:space-between;align-items:center;margin:12px 0 5px;font-size:13px;font-weight:750}.google-attribution{font-size:12px;font-weight:450;color:var(--muted);white-space:nowrap}.place-card{display:flex;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}.place-card:first-child{border-top:0}.place-card .main{flex:1;min-width:0}.place-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;letter-spacing:-.01em}.place-card small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}.place-card .distance{font-weight:800;color:var(--accent);white-space:nowrap}.empty{padding:16px 0;color:var(--muted)}.ranking-note{margin-bottom:2px}footer{position:fixed;z-index:7;left:0;right:0;bottom:0;display:none}a{color:inherit}.maplibregl-ctrl-group{background:var(--panel)!important}.maplibregl-ctrl-group button{filter:none}.maplibregl-ctrl-attrib{background:color-mix(in srgb,var(--panel) 72%,transparent)!important;color:var(--muted)!important}.maplibregl-ctrl-attrib a{color:inherit!important}
@media(min-width:760px){.topbar{max-width:720px;left:50%;right:auto;width:calc(100% - 32px);transform:translateX(-50%)}.sheet{left:16px;right:auto;bottom:16px;width:430px;border:1px solid var(--line);border-radius:24px;max-height:70vh}.map-fab{top:24px;right:24px}.search-area{top:100px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.sheet,.charger-marker{transition:none!important}}