Clean up navigation and optimize mobile spacing

Home Page Changes:
- Remove redundant navigation header completely
- Hide Home and Logout buttons (not needed on login page)
- Remove title bar and divider line for cleaner login experience
- Adjust page content to use full viewport height

Playlist Page Changes:
- Remove top margin on mobile devices for better space utilization
- Maintain 20px top margin on desktop for proper visual spacing
- Optimize container positioning for mobile-first design

These changes provide a cleaner, more focused user experience
while maximizing available screen space on mobile devices.

🤖 Generated with [Claude Code](https://claude.ai/code)

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

public/index.html

@@ -152,15 +152,7 @@
         }
         
         .nav-header {
-            background: white;
-            border-bottom: 2px solid black;
-            padding: 10px 15px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            position: sticky;
-            top: 0;
-            z-index: 100;
+            display: none;
         }
         
         .nav-title {
@@ -201,7 +193,7 @@
         
         .page-content {
             padding: 10px;
-            min-height: calc(100vh - 60px);
+            min-height: 100vh;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -229,7 +221,6 @@
     <div class="nav-header">
         <div class="nav-title">Spotify Web Player</div>
         <div class="nav-buttons">
-            <button class="nav-btn" disabled>Home</button>
             <button class="nav-btn" disabled>Logout</button>
         </div>
     </div>

public/playlist.html

@@ -31,7 +31,7 @@
             width: 100%;
             max-width: 500px;
             margin: 0 auto;
-            margin-top: 20px;
+            margin-top: 0px;
             margin-bottom: 80px; /* Space for smaller fixed bottom controls */
         }
         
@@ -422,6 +422,7 @@
         @media (min-width: 1024px) {
             .container {
                 max-width: 700px;
+                margin-top: 20px;
                 margin-bottom: 100px; /* Adjust for smaller desktop controls */
             }