feat: flat design Sunset Glitch + download manager + settings + recommendations overhaul

- Sunset Glitch color palette applied to all templates
- Font Awesome icons throughout UI
- Download manager with parallel queue and progress tracking
- Settings page with dynamic configuration
- Recommendations router enhanced with scoring
- Local vendor libs (Alpine.js, HTMX) for offline support
- Auto test suite with screenshots
- Series releases list component
- New download model

templates/components/series_card.html

@@ -1,18 +1,17 @@
-{% macro series_card(series, in_watchlist=False, lang='vf') %}
-<div class="ac" id="series-{{ series.url | hash }}">
-    <div class="ac-poster">
-        <img src="{{ series.cover_image or 'https://placehold.co/400x600/e6e8e6/f15025?text=No+Image' }}"
-             alt="{{ series.title }}" loading="lazy" referrerpolicy="no-referrer"
-             onerror="this.src='https://placehold.co/400x600/e6e8e6/f15025?text=Error'; this.onerror=null;">
-        <button class="ac-play"
-                hx-get="/api/anime/episodes?url={{ series.url | urlencode }}&lang={{ lang }}"
-                hx-target="#player-container" hx-swap="innerHTML">
-            <i class="fas fa-play"></i>
-        </button>
+{% macro series_card(series) %}
+<div class="hc"
+     @click="activeTab = 'series'; window.dispatchEvent(new CustomEvent('set-tab', { detail: { tab: 'series' } })); $nextTick(() => { const input = document.getElementById('seriesSearchInput'); if (input) { input.value = '{{ series.title | e }}'; htmx.trigger(input, 'keyup'); } });">
+    <div class="hc-poster">
+        <img src="{{ series.cover_image or 'https://placehold.co/400x600/202327/FF9F1C?text=No+Image' }}" alt="{{ series.title }}" loading="lazy" referrerpolicy="no-referrer"
+             onerror="this.src='https://placehold.co/400x600/202327/FF9F1C?text=Error'; this.onerror=null;">
+        {% if series.lang %}
+        <span class="hc-rating" style="text-transform: uppercase;">{{ series.lang }}</span>
+        {% endif %}
+        <span class="hc-play"><i class="fas fa-search"></i></span>
     </div>
-    <div class="ac-info">
-        <span class="ac-provider" style="--ac-color: var(--secondary)">{{ series.provider_id | upper if series.provider_id else 'FS7' }}</span>
-        <h3 class="ac-title" title="{{ series.title }}">{{ series.title }}</h3>
+    <div class="hc-info">
+        <span class="hc-src">{{ series.provider_id or 'FS7' }}</span>
+        <span class="hc-title">{{ series.title }}</span>
     </div>
 </div>
 {% endmacro %}