Phase 4 und Teile von Phase 5

Download-Regeln
- Automatisches Löschen nach dem Ansehen, mit Frist statt sofort: wer
  die letzte Szene noch einmal sucht, soll sie nicht schon verloren
  haben. „Nie" ist die Voreinstellung.
- „Halte N ungesehene Folgen offline": wartende und laufende Downloads
  zählen mit, sonst würde bei jedem Durchlauf nachgelegt, bis die ganze
  Serie auf dem Gerät liegt.
- Beides als reine Rechnung ohne Zugriff auf Datenbank oder Dateien —
  bei einer Regel, die Filme löscht, ist Prüfbarkeit keine Formsache.
  13 Tests.

Qualitätswahl beim Download
- transcodedDownloadURL über den Universal-Transcoder mit protocol=http
  statt über die umständliche Sync-API. NOCH NICHT AM SERVER GEPRÜFT:
  offen ist, ob Plex eine Content-Length mitschickt (sonst kein
  Fortschritt und kein Fortsetzen) und ob die Datei durchsuchbar ist.
  Steht so im Quelltext; Original bleibt Voreinstellung.

Erscheinungsbild
- Akzentfarbe: zehn kuratierte Kacheln plus freie Hex-Eingabe. Bei einer
  eigenen Farbe greift die Kontrastkorrektur und sagt es auch — sonst
  wirkt sie wie ein Fehler.
- Vorschaufläche mit Knopf, Symbol und Fortschrittsbalken.

Serveraktionen
- Gesehen-Status umschalten und Sterne setzen über ein Menü auf der
  Detailseite.
- Suchlauf der Mediathek aus der Werkzeugleiste.

115 Tests.

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

Flixy/Views/Settings/AppearanceView.swift

@@ -0,0 +1,144 @@
+import SwiftUI
+import FlixyDesign
+
+/// Die Farbeinstellungen.
+///
+/// Kuratierte Kacheln plus eine freie Farbe. Die kuratierten sind so gewählt,
+/// dass sie auf dem dunklen Grund ohne Nachhilfe lesbar sind; bei einer freien
+/// Farbe greift die Kontrastkorrektur — und sagt es auch, statt die Farbe
+/// stillschweigend zu verändern.
+struct AppearanceView: View {
+    @Environment(FlixyTheme.self) private var theme
+    @State private var customHex: String = ""
+    @State private var showsCustomField = false
+
+    private let columns = [GridItem(.adaptive(minimum: 64), spacing: FlixySpacing.regular)]
+
+    var body: some View {
+        Form {
+            Section {
+                LazyVGrid(columns: columns, spacing: FlixySpacing.regular) {
+                    ForEach(AccentOption.palette) { option in
+                        swatch(option)
+                    }
+                }
+                .padding(.vertical, FlixySpacing.snug)
+            } header: {
+                Text("appearance.accent")
+            } footer: {
+                Text("appearance.accentExplanation")
+            }
+
+            Section {
+                Toggle("appearance.customColor", isOn: $showsCustomField.animation(.snappy))
+
+                if showsCustomField {
+                    HStack {
+                        TextField("appearance.hexPlaceholder", text: $customHex)
+                            .textInputAutocapitalization(.characters)
+                            .autocorrectionDisabled()
+                            .onSubmit(applyCustomColor)
+
+                        Button("action.apply", action: applyCustomColor)
+                            .disabled(RGB(string: customHex) == nil)
+                    }
+
+                    if !customHex.isEmpty, RGB(string: customHex) == nil {
+                        Text("appearance.invalidHex")
+                            .font(.flixyCaption)
+                            .foregroundStyle(Color.flixyDestructive)
+                    }
+                }
+
+                if theme.accentWasAdjusted {
+                    // Ohne diesen Hinweis wirkt die Korrektur wie ein Fehler:
+                    // die gewählte Farbe sieht auf dem Bildschirm heller aus
+                    // als im Farbwähler, und niemand wüsste warum.
+                    Label {
+                        Text("appearance.adjusted \(theme.accent.hexString)")
+                            .font(.flixyCaption)
+                    } icon: {
+                        Image(systemName: "info.circle")
+                    }
+                    .foregroundStyle(Color.flixyTextSecondary)
+                }
+            }
+
+            Section("appearance.preview") {
+                PreviewRow()
+            }
+        }
+        .scrollContentBackground(.hidden)
+        .background(Color.flixyCanvas)
+        .navigationTitle(Text("appearance.title"))
+        .navigationBarTitleDisplayMode(.inline)
+        .onAppear {
+            if theme.selection.id == AccentOption.customIdentifier {
+                customHex = theme.selection.color.hexString
+                showsCustomField = true
+            }
+        }
+    }
+
+    private func swatch(_ option: AccentOption) -> some View {
+        Button {
+            theme.select(option)
+        } label: {
+            Circle()
+                .fill(option.color.swiftUIColor)
+                .frame(height: 44)
+                .overlay {
+                    if theme.selection == option {
+                        Image(systemName: "checkmark")
+                            .font(.headline)
+                            // Dunkel auf der Farbe, nicht weiß: die Palette
+                            // enthält helle Töne wie Amber, auf denen Weiß
+                            // verschwinden würde.
+                            .foregroundStyle(Color.flixyCanvas)
+                    }
+                }
+                .overlay {
+                    Circle()
+                        .strokeBorder(
+                            theme.selection == option ? Color.flixyTextPrimary : .clear,
+                            lineWidth: 2
+                        )
+                        .padding(-4)
+                }
+        }
+        .buttonStyle(.plain)
+        .accessibilityLabel(Text(option.name))
+        .accessibilityAddTraits(theme.selection == option ? [.isButton, .isSelected] : .isButton)
+    }
+
+    private func applyCustomColor() {
+        guard let color = RGB(string: customHex) else { return }
+        theme.select(.custom(color))
+    }
+}
+
+/// Zeigt die gewählte Farbe an den Stellen, an denen sie später auftaucht.
+private struct PreviewRow: View {
+    @Environment(\.flixyAccent) private var accent
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: FlixySpacing.regular) {
+            HStack(spacing: FlixySpacing.regular) {
+                Label("hero.play", systemImage: "play.fill")
+                    .font(.flixyCardTitle)
+                    .padding(.horizontal, FlixySpacing.loose)
+                    .padding(.vertical, FlixySpacing.snug)
+                    .background(accent, in: .rect(cornerRadius: FlixyRadius.control))
+                    .foregroundStyle(Color.flixyCanvas)
+
+                Label("sidebar.downloads", systemImage: "arrow.down.circle")
+                    .font(.flixyCardTitle)
+                    .foregroundStyle(accent)
+            }
+
+            WatchProgressBar(fraction: 0.45)
+        }
+        .padding(.vertical, FlixySpacing.snug)
+        .listRowBackground(Color.flixySurface)
+    }
+}