<svg xmlns="http://www.w3.org/2000/svg" width="390" height="844" viewBox="0 0 390 844">
  <filter id="fs"><feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#000" flood-opacity="0.5"/></filter>
  <rect width="390" height="844" fill="#080E0B"/>
  <!-- Status bar -->
  <text x="22" y="29" fill="white" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="15" font-weight="600" dominant-baseline="middle">9:41</text>
  <rect x="308" y="22" width="3" height="7" rx="1.2" fill="white"/><rect x="313" y="20" width="3" height="9" rx="1.2" fill="white"/><rect x="318" y="18" width="3" height="11" rx="1.2" fill="white"/><rect x="323" y="16" width="3" height="13" rx="1.2" fill="white"/>
  <rect x="350" y="19" width="22" height="11" rx="3" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="1.2"/><rect x="373" y="22" width="2" height="5" rx="1" fill="rgba(255,255,255,0.4)"/><rect x="352" y="21" width="16" height="7" rx="1.5" fill="#34D399"/>
  <!-- Map background (flat dark green grid) -->
  <rect x="0" y="44" width="390" height="460" fill="#0D1A0F"/>
  <!-- Street grid (flat) -->
  <line x1="0" y1="144" x2="390" y2="144" stroke="#1A3020" stroke-width="12"/>
  <line x1="0" y1="244" x2="390" y2="244" stroke="#1A3020" stroke-width="8"/>
  <line x1="0" y1="344" x2="390" y2="344" stroke="#1A3020" stroke-width="10"/>
  <line x1="0" y1="434" x2="390" y2="434" stroke="#1A3020" stroke-width="6"/>
  <line x1="80" y1="44" x2="80" y2="504" stroke="#1A3020" stroke-width="8"/>
  <line x1="180" y1="44" x2="180" y2="504" stroke="#1A3020" stroke-width="12"/>
  <line x1="280" y1="44" x2="280" y2="504" stroke="#1A3020" stroke-width="6"/>
  <line x1="340" y1="44" x2="340" y2="504" stroke="#1A3020" stroke-width="8"/>
  <!-- City blocks -->
  <rect x="90" y="54" width="80" height="80" rx="4" fill="#122018"/>
  <rect x="190" y="54" width="80" height="80" rx="4" fill="#122018"/>
  <rect x="90" y="154" width="80" height="80" rx="4" fill="#122018"/>
  <rect x="190" y="154" width="80" height="80" rx="4" fill="#122018"/>
  <rect x="90" y="254" width="80" height="80" rx="4" fill="#122018"/>
  <rect x="190" y="354" width="80" height="70" rx="4" fill="#122018"/>
  <rect x="10" y="354" width="60" height="70" rx="4" fill="#122018"/>
  <rect x="296" y="154" width="36" height="80" rx="4" fill="#122018"/>
  <rect x="10" y="154" width="60" height="80" rx="4" fill="#122018"/>
  <!-- Price bubble pins -->
  <rect x="96" y="88" width="72" height="26" rx="13" fill="#34D399"/>
  <text x="132" y="105" fill="#080E0B" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" font-weight="800" text-anchor="middle" dominant-baseline="middle">$875K</text>
  <polygon points="132,114 126,108 138,108" fill="#34D399"/>
  <rect x="196" y="108" width="72" height="26" rx="13" fill="white"/>
  <text x="232" y="125" fill="#080E0B" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" font-weight="800" text-anchor="middle" dominant-baseline="middle">$1.25M</text>
  <polygon points="232,134 226,128 238,128" fill="white"/>
  <rect x="50" y="188" width="72" height="26" rx="13" fill="#34D399"/>
  <text x="86" y="205" fill="#080E0B" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" font-weight="800" text-anchor="middle" dominant-baseline="middle">$2.1M</text>
  <polygon points="86,214 80,208 92,208" fill="#34D399"/>
  <rect x="204" y="268" width="64" height="26" rx="13" fill="#34D399"/>
  <text x="236" y="285" fill="#080E0B" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" font-weight="800" text-anchor="middle" dominant-baseline="middle">$3.2K</text>
  <polygon points="236,294 230,288 242,288" fill="#34D399"/>
  <rect x="290" y="380" width="82" height="26" rx="13" fill="#60A5FA"/>
  <text x="331" y="397" fill="#080E0B" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" font-weight="800" text-anchor="middle" dominant-baseline="middle">$650K</text>
  <polygon points="331,406 325,400 337,400" fill="#60A5FA"/>
  <!-- Location dot (user) -->
  <circle cx="180" cy="340" r="12" fill="#34D399" fill-opacity="0.2"/>
  <circle cx="180" cy="340" r="6" fill="#34D399"/>
  <circle cx="180" cy="340" r="3" fill="white"/>
  <!-- Search bar on map -->
  <rect x="16" y="50" width="270" height="40" rx="14" fill="#101C14" filter="url(#fs)"/>
  <circle cx="38" cy="70" r="8" fill="none" stroke="#2A4A36" stroke-width="1.8"/>
  <line x1="43" y1="75" x2="48" y2="80" stroke="#2A4A36" stroke-width="1.8" stroke-linecap="round"/>
  <text x="58" y="74" fill="#2A4A36" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="13" dominant-baseline="middle">Noe Valley, SF</text>
  <rect x="294" y="50" width="80" height="40" rx="14" fill="#34D399" filter="url(#fs)"/>
  <text x="334" y="74" fill="#080E0B" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="12" font-weight="700" text-anchor="middle" dominant-baseline="middle">List View</text>
  <!-- Filter chips on map -->
  <rect x="16" y="100" width="60" height="26" rx="13" fill="#34D399"/>
  <text x="46" y="117" fill="#080E0B" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" font-weight="700" text-anchor="middle" dominant-baseline="middle">For Sale</text>
  <rect x="84" y="100" width="74" height="26" rx="13" fill="#101C14"/>
  <text x="121" y="117" fill="#2A4A36" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" text-anchor="middle" dominant-baseline="middle">$500K–$2M</text>
  <rect x="166" y="100" width="52" height="26" rx="13" fill="#101C14"/>
  <text x="192" y="117" fill="#2A4A36" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" text-anchor="middle" dominant-baseline="middle">3+ bd</text>
  <!-- Bottom sheet: selected listing -->
  <rect x="0" y="504" width="390" height="258" rx="0" fill="#080E0B"/>
  <rect x="0" y="504" width="390" height="258" rx="24" fill="#101C14" filter="url(#fs)"/>
  <rect x="172" y="514" width="46" height="4" rx="2" fill="#1A3020"/>
  <text x="22" y="548" fill="white" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="16" font-weight="700">5 listings in this area</text>
  <!-- Mini listing cards -->
  <rect x="16" y="562" width="220" height="72" rx="16" fill="#1A3020"/>
  <rect x="26" y="572" width="56" height="52" rx="12" fill="#0D1A0F"/>
  <text x="54" y="600" fill="#34D399" fill-opacity="0.4" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="24" text-anchor="middle" dominant-baseline="middle">&#x1F3E0;</text>
  <text x="94" y="586" fill="white" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="13" font-weight="700">$875,000</text>
  <text x="94" y="603" fill="#2A4A36" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11">2 bd · 2 ba · Castro</text>
  <text x="94" y="620" fill="#34D399" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11">View &#x2192;</text>
  <rect x="244" y="562" width="130" height="72" rx="16" fill="#1A3020"/>
  <text x="309" y="600" fill="#34D399" fill-opacity="0.4" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="32" text-anchor="middle" dominant-baseline="middle">&#x1F3E0;</text>
  <rect x="16" y="648" width="358" height="52" rx="26" fill="#34D399"/>
  <text x="195" y="678" fill="#080E0B" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="15" font-weight="800" text-anchor="middle" dominant-baseline="middle">See All Listings &#x2192;</text>
  <!-- Tab bar: Map active -->
  <rect x="0" y="762" width="390" height="82" fill="#040A06"/>
  <line x1="0" y1="762" x2="390" y2="762" stroke="#101C14" stroke-width="0.5"/>
  <path d="M32 795 Q32 785 40 785 Q48 785 48 795 Q48 805 40 812 Q32 805 32 795 Z" fill="none" stroke="#1A3A2A" stroke-width="2"/>
  <circle cx="40" cy="795" r="3" fill="#1A3A2A"/>
  <text x="40" y="822" fill="#1A3A2A" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="10" text-anchor="middle">Explore</text>
  <circle cx="120" cy="793" r="9" fill="none" stroke="#1A3A2A" stroke-width="2"/>
  <line x1="126" y1="799" x2="132" y2="805" stroke="#1A3A2A" stroke-width="2" stroke-linecap="round"/>
  <text x="120" y="822" fill="#1A3A2A" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="10" text-anchor="middle">Search</text>
  <rect x="180" y="785" width="30" height="24" rx="4" fill="none" stroke="#34D399" stroke-width="2"/>
  <line x1="190" y1="785" x2="190" y2="809" stroke="#34D399" stroke-width="1.5"/>
  <text x="195" y="822" fill="#34D399" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="10" font-weight="600" text-anchor="middle">Map</text>
  <path d="M253 784 L265 784 L265 808 L259 803 L253 808 Z" fill="none" stroke="#1A3A2A" stroke-width="2" stroke-linejoin="round"/>
  <text x="259" y="822" fill="#1A3A2A" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="10" text-anchor="middle">Saved</text>
  <circle cx="341" cy="791" r="9" fill="none" stroke="#1A3A2A" stroke-width="2"/><circle cx="341" cy="788" r="3.5" fill="#1A3A2A"/>
  <path d="M333 799 Q341 795 349 799" fill="none" stroke="#1A3A2A" stroke-width="2" stroke-linecap="round"/>
  <text x="341" y="822" fill="#1A3A2A" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="10" text-anchor="middle">Profile</text>
  <rect x="148" y="836" width="94" height="4" rx="2" fill="rgba(255,255,255,0.22)"/>
</svg>
