recipes: fix compact card tag styling and add filter placeholder for CLS

- Fix g-tag dark mode hover text disappearing (explicit background-color)
- Scope compact card tag styles to avoid global/scoped CSS flash on load
- Add placeholder div to prevent layout shift when FilterPanel hydrates
- Improve LogicModeToggle contrast in light mode (nord4 → nord3/nord1)
- Bump compact card recipe name font-size to 1.1rem

src/app.css

@@ -313,14 +313,13 @@ a:focus-visible {
 .g-tag,
 .g-tag:visited,
 .g-tag:link {
-	font-size: 1.1rem;
 	padding: 0.25em 1em;
 	border-radius: var(--radius-pill);
 	background-color: var(--nord5);
 	color: var(--nord0);
 	text-decoration: none;
 	cursor: pointer;
-	transition: var(--transition-fast);
+	transition: transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);
 	box-shadow: var(--shadow-sm);
 	border: none;
 	display: inline-block;
@@ -341,6 +340,7 @@ a:focus-visible {
 	}
 	.g-tag:hover,
 	.g-tag:focus-visible {
+		background-color: var(--nord8);
 		color: var(--nord0);
 	}
 }