Remove the page footer

The footer only repeated what the page already says (movie count, the
collection endpoint, and the in-memory caveat), so drop it along with its
styles and the now-dead movie-total references in the render function.

index.html

@@ -473,32 +473,6 @@
       color: rgba(255, 255, 255, 0.35);
     }
 
-    /* ---- footer ---------------------------------------------------------- */
-
-    footer {
-      width: 100%;
-      max-width: 48rem;
-      margin-top: 2rem;
-      padding-top: 1rem;
-      border-top: 1px solid var(--line);
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      gap: 0.5rem;
-      font-size: 0.75rem;
-      color: var(--muted-3);
-    }
-
-    footer a {
-      color: var(--muted-2);
-      text-decoration: underline;
-      text-underline-offset: 4px;
-    }
-
-    footer a:hover {
-      color: var(--on);
-    }
-
     [hidden] {
       display: none !important;
     }
@@ -593,11 +567,6 @@
     </section>
   </main>
 
-  <footer>
-    <span>Express + zod · <span id="movie-total">0</span> movies in memory</span>
-    <span><a href="/api/movies" target="_blank" rel="noreferrer">GET /api/movies</a> · records vanish on restart</span>
-  </footer>
-
   <script>
     const els = {
       count: document.getElementById('count'),
@@ -607,7 +576,6 @@
       empty: document.getElementById('empty'),
       emptyTitle: document.getElementById('empty-title'),
       emptyHint: document.getElementById('empty-hint'),
-      total: document.getElementById('movie-total'),
       form: document.getElementById('movie-form'),
       submit: document.getElementById('form-submit'),
       load: document.getElementById('load-movies'),
@@ -707,7 +675,6 @@
 
       const n = state.movies.length
       els.count.textContent = `${n} movie${n === 1 ? '' : 's'} in the collection.`
-      els.total.textContent = n
       els.load.disabled = false
     }