Rebuild UI as true mobile-app layout with larger scale and emoji nav icons

app/public/index.html

@@ -13,7 +13,7 @@
 <meta name="apple-mobile-web-app-title" content="Weather">
 <meta name="mobile-web-app-capable" content="yes">
 <link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Playfair+Display:wght@400;500&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
 <link rel="stylesheet" href="style.css">
 </head>
@@ -24,23 +24,23 @@
     <h1>Weather</h1>
     <nav class="tabs">
       <button class="tab active" data-tab="conditions" aria-label="Conditions">
-        <span class="tab-icon" aria-hidden="true">☀</span>
+        <span class="tab-icon" aria-hidden="true">🌤</span>
         <span class="tab-text">Now</span>
       </button>
       <button class="tab" data-tab="radar-full" aria-label="Radar">
-        <span class="tab-icon" aria-hidden="true">◉</span>
+        <span class="tab-icon" aria-hidden="true">🛰</span>
         <span class="tab-text">Radar</span>
       </button>
       <button class="tab" data-tab="maps" aria-label="Maps">
-        <span class="tab-icon" aria-hidden="true">⌘</span>
+        <span class="tab-icon" aria-hidden="true">🗺</span>
         <span class="tab-text">Maps</span>
       </button>
       <button class="tab" data-tab="alerts" aria-label="Alerts">
-        <span class="tab-icon" aria-hidden="true">⚠</span>
+        <span class="tab-icon" aria-hidden="true">⚠️</span>
         <span class="tab-text">Alerts</span>
       </button>
       <button class="tab" data-tab="settings" aria-label="Settings">
-        <span class="tab-icon" aria-hidden="true">⚙</span>
+        <span class="tab-icon" aria-hidden="true">⚙️</span>
         <span class="tab-text">Settings</span>
       </button>
     </nav>