:root{--bg: #12181f;--panel: #ffffff;--ink: #1e293b;--muted: #64748b;--line: #e2e8f0;--accent: #0ea5e9;--topbar: #12181f}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--accent)}#app{display:grid;grid-template:"top top" auto "panel map" 1fr / 360px 1fr;height:100dvh}.topbar{grid-area:top;background:var(--topbar);color:#fff;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;padding:.6rem 1rem}.topbar .brand{font-size:1.1rem}.topbar .brand .muted{color:#7dd3fc;font-weight:700}.topbar .tagline{color:#cbd5e1;font-size:.85rem}.topbar #count{color:#fff;font-weight:700}.panel{grid-area:panel;background:var(--panel);overflow-y:auto;border-right:1px solid var(--line);display:flex;flex-direction:column}.controls{padding:.8rem;position:sticky;top:0;background:var(--panel);border-bottom:1px solid var(--line);z-index:2}.ctl-row{display:flex;gap:.5rem}#search{flex:1;min-width:0;padding:.6rem .8rem;border:1px solid var(--line);border-radius:10px;font-size:.95rem}#search:focus{outline:2px solid var(--accent);border-color:var(--accent)}#near-me{flex:none;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:10px;padding:0 .7rem;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap}#near-me:hover{filter:brightness(1.06)}#near-me:disabled{opacity:.6;cursor:default}.mall-name .dist{color:var(--muted);font-weight:400;font-size:.8rem}.filters{margin-top:.6rem}.filters>summary{cursor:pointer;font-size:.82rem;font-weight:600;color:var(--ink);list-style:none;display:flex;align-items:center;gap:.35rem;padding:.2rem 0}.filters>summary::-webkit-details-marker{display:none}.filters>summary:before{content:"▸";color:var(--muted);transition:transform .15s}.filters[open]>summary:before{transform:rotate(90deg)}.fgroup{margin-top:.55rem}.fhead{display:flex;align-items:center;justify-content:space-between}.flabel{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.mini{background:none;border:0;color:var(--accent);font-size:.72rem;cursor:pointer;padding:0}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem}.chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;border:1px solid var(--line);border-radius:999px;padding:.22rem .55rem;cursor:pointer;user-select:none}.chip input{position:absolute;opacity:0;width:0;height:0}.chip .sw{width:12px;height:4px;border-radius:2px;background:var(--c);flex:none}.chip .ring{width:11px;height:11px;border-radius:50%;border:3px solid var(--c);flex:none}.chip:has(input:not(:checked)){opacity:.4}.chip:has(input:checked){border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,transparent)}.grade-legend{font-size:.76rem;color:var(--muted);margin:.6rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.grade-legend .gb{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;color:#fff;font-weight:800;font-size:.68rem}.grade-legend .gb[data-grade=S]{background:#b8860b}.grade-legend .gb[data-grade=A]{background:#0ea5e9}.grade-legend .gb[data-grade=B]{background:#94a3b8}.mall-list{list-style:none;margin:0;padding:0;flex:1}.mall-item{border-bottom:1px solid var(--line)}.mall-btn{width:100%;text-align:left;background:none;border:0;cursor:pointer;display:flex;gap:.6rem;padding:.7rem .8rem;align-items:flex-start}.mall-btn:hover{background:#f1f5f9}.grade{flex:none;width:26px;height:26px;border-radius:7px;font-weight:800;display:grid;place-items:center;font-size:.8rem;color:#fff;background:#94a3b8}.grade[data-grade=S]{background:#b8860b}.grade[data-grade=A]{background:#0ea5e9}.grade[data-grade=B]{background:#94a3b8}.mall-main{display:flex;flex-direction:column;gap:.15rem}.mall-name{font-weight:600}.mall-conns{display:flex;flex-direction:column;gap:.1rem}.conn{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.35rem}.conn .dot{width:8px;height:8px;border-radius:50%;flex:none}.foot{padding:.8rem;font-size:.75rem;margin:0}.muted{color:var(--muted)}#map{grid-area:map;height:100%;background:#e8eef2}.mall-marker .mm{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--c);color:#1e293b;font-weight:800;font-size:.72rem;box-shadow:0 1px 4px #00000059}.mall-marker .mm[data-grade=S]{background:#fff7e6}.mall-popup h3{margin:0 0 .25rem;font-size:1.02rem}.mall-popup .pblurb{margin:0 0 .55rem;font-size:.82rem;color:var(--muted)}.mall-popup .d-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.2rem}.mall-popup .d-conn{display:flex;align-items:flex-start;gap:.45rem;font-size:.84rem;margin:.25rem 0}.mall-popup .d-conn .how{color:var(--muted);font-size:.8rem}.mall-popup .badge{color:#fff;font-weight:700;font-size:.66rem;padding:.1rem .38rem;border-radius:5px;flex:none;margin-top:.1rem}.mall-popup .detail-link{display:inline-block;margin-top:.5rem;font-weight:600;color:var(--accent);text-decoration:none;font-size:.84rem}.mall-popup .detail-link:hover{text-decoration:underline}.mall-popup .ctas{margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.5rem}.mall-popup .cta{font-size:.8rem;color:var(--accent);text-decoration:none;font-weight:600}.mall-popup .cta:after{content:" ↗";font-size:.7rem}.mall-popup .cta:hover{text-decoration:underline}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:#0e7a5f40}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:#0e7a5fd9;color:#fff;font-weight:700}@media(max-width:780px){#app{grid-template:"top" auto "map" 45dvh "panel" 1fr / 1fr;height:auto;min-height:100dvh}.panel{border-right:0}}