Add Station and Dashboard links from main app

Tagline in header links to /conditions and /dashboard on desktop.
Settings tab adds a Station section with both links for mobile access.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/public/index.html

@@ -29,7 +29,7 @@
       <button class="tab" data-tab="learn">Learn</button>
       <button class="tab" data-tab="settings">Settings</button>
     </nav>
-    <span class="tagline">Open-Meteo · RainViewer</span>
+    <span class="tagline">Open-Meteo · RainViewer · <a href="/conditions" class="tagline-link">Station</a> · <a href="/dashboard" class="tagline-link">Dashboard</a></span>
   </header>
 
   <!-- Loading -->
@@ -486,6 +486,12 @@
   <div id="tab-settings" class="tab-panel hidden">
     <div class="settings-wrap">
 
+      <div class="settings-section-label">Station</div>
+      <div class="settings-nav-links">
+        <a href="/conditions" class="settings-nav-link">Live Conditions</a>
+        <a href="/dashboard" class="settings-nav-link">Dashboard</a>
+      </div>
+
       <!-- Location search — moved here from header -->
       <div class="settings-section-label">Location</div>
       <div class="search-wrap settings-search">

app/public/style.css

@@ -102,6 +102,32 @@ a:hover { text-decoration: underline; }
   text-transform: uppercase;
   white-space: nowrap;
 }
+.tagline-link {
+  color: inherit;
+  text-decoration: none;
+  opacity: .85;
+}
+.tagline-link:hover { opacity: 1; text-decoration: underline; }
+
+.settings-nav-links {
+  display: flex;
+  gap: 0.6rem;
+  flex-wrap: wrap;
+  margin-bottom: 1.5rem;
+}
+.settings-nav-link {
+  display: inline-block;
+  padding: 0.45rem 1rem;
+  background: var(--card-bg-soft);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  font-size: 0.85rem;
+  font-weight: 500;
+  color: var(--ink);
+  text-decoration: none;
+  transition: background .15s;
+}
+.settings-nav-link:hover { background: var(--border); }
 
 /* ── Tabs ── */
 .tabs {