Refonte UI complète : palettes saisonnières, typo moderne, paroles nettoyées, Shadoks

- Nettoyage paroles : suppression instructions Suno AI, corrections prononciation (11 fichiers)
- 4 palettes saisonnières (Automne/Hiver dark, Printemps/Été light) avec sélecteur
- Typographie modernisée : Outfit (display) + Inter (sans) remplacent Syne + Space Grotesk
- Styles adaptatifs : CSS vars pour couleurs, overrides light mode complets
- Mini-player : bouton Next ajouté, flèche expand plus visible
- BookPlayer : fix scroll mode paginé, croix de fermeture visible
- Illustrations Shadoks inline SVG dans 11 composants/pages
- Suppression soulignés navigation, reset boutons, bordures propres

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

app/components/book/BookPlayer.vue

@@ -50,7 +50,7 @@
                 <template v-if="isScrollMode">{{ scrollPercent }}%</template>
                 <template v-else>{{ currentPage + 1 }}<span class="op-40">/</span>{{ totalPages }}</template>
               </span>
-              <button class="reader-bar-btn" @click="close" aria-label="Fermer">
+              <button class="reader-bar-btn reader-bar-close" @click="close" aria-label="Fermer">
                 <div class="i-lucide-x h-5 w-5" />
               </button>
             </div>
@@ -633,6 +633,14 @@ onUnmounted(() => {
   color: white;
   background: hsl(0 0% 100% / 0.06);
 }
+.reader-bar-close {
+  color: hsl(0 0% 100% / 0.7);
+  background: hsl(0 0% 100% / 0.08);
+}
+.reader-bar-close:hover {
+  color: white;
+  background: hsl(0 70% 55% / 0.3);
+}
 .reader-bar-title {
   flex: 1;
   font-family: var(--font-display, 'Syne', sans-serif);
@@ -744,7 +752,7 @@ onUnmounted(() => {
   position: relative;
   flex: 1;
   width: 100%;
-  overflow: hidden;
+  overflow: hidden auto;
   border-radius: 0.75rem;
   background: hsl(20 8% 5% / 0.4);
   backdrop-filter: blur(16px);
@@ -796,12 +804,16 @@ onUnmounted(() => {
 .reader-columns :deep(h3) {
   break-after: avoid;
 }
-.reader-columns :deep(p),
 .reader-columns :deep(blockquote),
 .reader-columns :deep(ul),
 .reader-columns :deep(ol) {
   break-inside: avoid;
 }
+/* p with pre-line (lyrics) can be taller than a column — allow break */
+.reader-columns :deep(p) {
+  break-inside: auto;
+  overflow-y: auto;
+}
 
 /* Page-turn shadow overlay */
 .reader-shadow {