feat(01-01): scaffold Vite project with CSS design system and project structure

- Vite 6 + TypeScript + Biome + Vitest configured
- All directories from spec section 13 created
- CSS custom properties for full color palette and finger colors
- index.html with 5 screen sections and Google Fonts
- Dev server binds to 0.0.0.0:5173 for VPS access

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/main.ts

@@ -0,0 +1,3 @@
+import "./styles/main.css";
+
+console.log("Zauberwald loaded");

src/styles/main.css

@@ -0,0 +1,57 @@
+/* Zauberwald Design System */
+
+:root {
+	/* Grundpalette — warm, einladend, Waldstimmung */
+	--bg-cream: #FFF8F0;
+	--bg-forest: #E8F5E4;
+	--text-dark: #3D3225;
+	--text-warm: #5C4A3A;
+	--text-light: #8B7D6B;
+	--accent-green: #6DB87D;
+	--accent-gold: #E8B84B;
+	--accent-pink: #E88BAE;
+	--accent-purple: #9B7DC4;
+	--accent-blue: #7DB8D4;
+
+	/* Fingerfarben — weiche Pastelltoene */
+	--finger-l-pinky: #E8B4C8;
+	--finger-l-ring: #C4A8D4;
+	--finger-l-mid: #A8C4E0;
+	--finger-l-index: #A8D8B8;
+	--finger-r-index: #D4D8A8;
+	--finger-r-mid: #E0C4A8;
+	--finger-r-ring: #D4A8A8;
+	--finger-r-pinky: #C8B4E8;
+	--finger-thumb: #D4CFC8;
+}
+
+/* Base styles */
+body {
+	font-family: "Nunito", sans-serif;
+	background: var(--bg-cream);
+	color: var(--text-dark);
+	font-size: 16px;
+	margin: 0;
+	padding: 0;
+}
+
+h1,
+h2,
+h3 {
+	font-family: "Quicksand", sans-serif;
+}
+
+/* Screen management */
+.screen {
+	display: none;
+	opacity: 0;
+	transition: opacity 0.3s ease;
+}
+
+.screen--active {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	opacity: 1;
+	min-height: 100vh;
+}