fix: update German translations and make reset button prominent

src/i18n.js

@@ -124,8 +124,8 @@ const translations = {
 		rerun: "Erneut anwenden",
 
 		// Preview
-		yourOutput: "Deine Ausgabe",
+		yourOutput: "Dein Ergebnis",
-		showExpected: "Lösung zeigen",
+		showExpected: "Lösung einblenden",
 		hideExpected: "Lösung ausblenden",
 		previous: "Zurück",
 		next: "Weiter",
@@ -163,7 +163,7 @@ const translations = {
 		editorToolsTitle: "Editor-Werkzeuge",
 		editorToolUndo: "<strong>↶ Rückgängig</strong> / <strong>↷ Wiederholen</strong> - Bearbeitungsverlauf navigieren",
 		editorToolReset: "<strong>⟲ Zurücksetzen</strong> - Ursprünglichen Code wiederherstellen",
-		editorToolExpected: "<strong>Lösung zeigen</strong> - Zielergebnis ein-/ausblenden",
+		editorToolExpected: "<strong>Lösung einblenden</strong> - Zielergebnis ein-/ausblenden",
 		keyboardShortcutsTitle: "Tastenkürzel",
 		shortcutRun: "<kbd>Strg+Enter</kbd> - Sofort validieren",
 		shortcutUndo: "<kbd>Strg+Z</kbd> - Rückgängig",

src/main.css

@@ -943,6 +943,21 @@ button.lesson-list-item {
 	color: var(--danger-color);
 }
 
+#reset-btn {
+	background: var(--danger-color);
+	color: white;
+	text-decoration: none;
+	padding: var(--spacing-sm) var(--spacing-md);
+	border-radius: var(--border-radius-sm);
+	font-weight: 600;
+	margin-top: var(--spacing-sm);
+}
+
+#reset-btn:hover {
+	background: #dc2626;
+	color: white;
+}
+
 /* ================= TOGGLE SWITCH ================= */
 .toggle-switch {
 	display: flex;