Show enc-key-prompt by default, hide only when key exists via JS

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

static/css/app.css

@@ -1360,6 +1360,10 @@ body.dnd-mode .timer-display {
   cursor: pointer;
 }
 
+.enc-key-prompt {
+  padding: 24px 0 16px;
+}
+
 .book-key-bar {
   display: flex;
   align-items: center;

templates/radio/player.html

@@ -278,7 +278,7 @@
 <!-- ===== BOOKS TAB ===== -->
 <section class="tab-panel" id="tab-books" style="display:none;">
   {% if user.is_authenticated %}
-  <div id="enc-key-prompt" style="display:none;" class="enc-key-prompt">
+  <div id="enc-key-prompt" class="enc-key-prompt">
     <p class="muted">Enter your password to unlock encrypted storage on this device.</p>
     <div class="search-bar">
       <input type="password" id="enc-key-password" class="search-input" placeholder="Your password…">