css: consolidate stylesheets into single source of truth

Merge nordtheme.css tokens and utility classes into app.css, import
app.css once in root layout, delete redundant files (nordtheme.css,
form.css, rosenkranz.css), move domain CSS to layouts, fix broken
shake keyframe in action_button.css, and scope form styles to the
two pages that need them. 10 CSS files → 6, 41 redundant imports removed.

src/lib/components/ActionButton.svelte

@@ -2,7 +2,6 @@
 import type { Snippet } from 'svelte';
 
 let { href, ariaLabel = undefined, children } = $props<{ href: string, ariaLabel?: string, children?: Snippet }>();
-import "$lib/css/nordtheme.css"
 import "$lib/css/action_button.css"
 </script>
 

src/lib/components/Header.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-import "$lib/css/nordtheme.css"
 import { onMount } from "svelte";
 import { page } from '$app/stores';
 import Symbol from "./Symbol.svelte"

src/lib/components/SearchInput.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 
 	let {
 		value = $bindable(''),

src/lib/components/Symbol.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 </script>
 <style>
 	:root{

src/lib/components/TagBall.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 let { tag, ref } = $props<{ tag: string, ref: string }>();
-import '$lib/css/nordtheme.css'
 </script>
 <style>
 a{

src/lib/components/recipes/Card.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-import "$lib/css/nordtheme.css";
 import "$lib/css/shake.css";
 import "$lib/css/icon.css";
 import { onMount } from "svelte";

src/lib/components/recipes/CategoryFilter.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 	import TagChip from '$lib/components/recipes/TagChip.svelte';
 
 	let {

src/lib/components/recipes/CreateStepList.svelte

@@ -5,7 +5,6 @@ import Cross from '$lib/assets/icons/Cross.svelte'
 import Plus from '$lib/assets/icons/Plus.svelte'
 import Check from '$lib/assets/icons/Check.svelte'
 
-import '$lib/css/nordtheme.css'
 import "$lib/css/action_button.css"
 
 import { do_on_key } from '$lib/components/recipes/do_on_key.js'

src/lib/components/recipes/FavoritesFilter.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 	import Toggle from '$lib/components/Toggle.svelte';
 
 	let {

src/lib/components/recipes/FilterPanel.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 	import CategoryFilter from './CategoryFilter.svelte';
 	import TagFilter from './TagFilter.svelte';
 	import IconFilter from './IconFilter.svelte';

src/lib/components/recipes/Icon.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-	import '$lib/css/nordtheme.css';
 	import "$lib/css/shake.css"
 	let { icon, ...restProps } = $props<{ icon: string, [key: string]: any }>();
 </script>

src/lib/components/recipes/IconFilter.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 	import TagChip from '$lib/components/recipes/TagChip.svelte';
 
 	let {

src/lib/components/recipes/IconLayout.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
     import type { Snippet } from 'svelte';
-    import '$lib/css/nordtheme.css';
     import Recipes from '$lib/components/recipes/Recipes.svelte';
     import Search from './Search.svelte';
 

src/lib/components/recipes/IngredientsPage.svelte

@@ -4,8 +4,6 @@ import { onNavigate } from "$app/navigation";
 import { browser } from '$app/environment';
 import { page } from '$app/stores';
 import HefeSwapper from './HefeSwapper.svelte';
-import '$lib/css/recipe-links.css';
-
 let { data } = $props();
 
 // Helper function to multiply numbers in ingredient amounts

src/lib/components/recipes/InstructionsPage.svelte

@@ -1,5 +1,4 @@
 <script>
-import '$lib/css/recipe-links.css';
 let { data } = $props();
 
 let multiplier = $state(data.multiplier || 1);

src/lib/components/recipes/LogicModeToggle.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 
 	let {
 		useAndLogic = true,

src/lib/components/recipes/MediaScroller.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { Snippet } from 'svelte';
-import "$lib/css/nordtheme.css"
 let { title = '', children } = $props<{ title?: string, children?: Snippet }>();
 </script>
 <style>

src/lib/components/recipes/Search.svelte

@@ -1,7 +1,6 @@
 <script>
     import {onMount} from "svelte";
     import { browser } from '$app/environment';
-    import "$lib/css/nordtheme.css";
     import FilterPanel from './FilterPanel.svelte';
     import { getCategories } from '$lib/js/categories';
 

src/lib/components/recipes/SeasonFilter.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 	import TagChip from '$lib/components/recipes/TagChip.svelte';
 
 	let {

src/lib/components/recipes/SeasonLayout.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
     import type { Snippet } from 'svelte';
-    import '$lib/css/nordtheme.css';
     import Recipes from '$lib/components/recipes/Recipes.svelte';
     import Search from './Search.svelte';
 

src/lib/components/recipes/SeasonSelect.svelte

@@ -1,5 +1,4 @@
 <script lang=ts>
-import "$lib/css/nordtheme.css"
 import { season } from '$lib/js/season_store.js'
 import {onMount} from "svelte";
     import {do_on_key} from "./do_on_key";

src/lib/components/recipes/TagChip.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 
 	let {
 		tag = '',

src/lib/components/recipes/TagFilter.svelte

@@ -1,5 +1,4 @@
 <script>
-	import "$lib/css/nordtheme.css";
 	import TagChip from '$lib/components/recipes/TagChip.svelte';
 
 	let {