feat: flat design Sunset Glitch palette + Font Awesome icons

templates/components/player_embed.html

@@ -19,7 +19,7 @@
                     mozallowfullscreen></iframe>
         </div>
         <div class="player-info-hint">
-            💡 Lecteur externe utilisé. Les contrôles dépendent de l'hébergeur.
+            <i class="fa-solid fa-lightbulb"></i> Lecteur externe utilisé. Les contrôles dépendent de l'hébergeur.
         </div>
     {% else %}
         <div class="video-wrapper">
@@ -42,7 +42,7 @@
     padding: 15px;
     background: #000;
     border-radius: 4px;
-    border: 1px solid #ced0ce;
+    border: 1px solid #2a2d32;
 }
 .iframe-container {
     position: relative;
@@ -65,7 +65,7 @@
 }
 .player-info-hint {
     font-size: 0.8rem;
-    color: #888;
+    color: var(--text-dim);
     margin-top: 10px;
     text-align: center;
 }