commit b43955e0d9bf36df26552f3dbd11283064cbebbe
Author: gili8420 <antonoff.au@gmail.com>
Date:   Fri Aug 14 00:01:49 2026 +0900

    Initial

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..6bec87e
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,3 @@
+VITE_API_BASE_URL=/api
+VITE_API_PROXY_TARGET=http://localhost:8000
+VITE_USE_MOCK_API=false
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..4db51fd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,39 @@
+# Dependencies
+node_modules
+
+# Build output
+/build
+/.svelte-kit
+/package
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+# Playwright
+/test-results
+/playwright-report
+/blob-report
+/playwright/.cache
+
+# Vitest
+/coverage
+
+# Environments — .env.example is the documented template and stays in the repo
+.env
+.env.*
+!.env.example
+
+# Editors
+.vscode/
+.idea/
+*.swp
+
+# Logs
+*.log
+npm-debug.log*
+yarn-error.log*
+
+# OS
+.DS_Store
+Thumbs.db
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..9573023
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..a8f10c8
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,14 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"moduleResolution": "bundler"
+	}
+}
diff --git a/mocks/handlers.ts b/mocks/handlers.ts
new file mode 100644
index 0000000..d0b978f
--- /dev/null
+++ b/mocks/handlers.ts
@@ -0,0 +1,607 @@
+// In-memory backend used when VITE_USE_MOCK_API=true, so the frontend runs and
+// e2e-tests with no Django. The session is carried by a cookie (set via the
+// `session` field below), so each browser context is independent — no global
+// session state to leak between tests.
+type Json = Record<string, unknown>;
+interface MockUser {
+	username: string;
+	email: string;
+	password: string;
+	is_staff: boolean;
+	is_active?: boolean;
+}
+
+const users = new Map<string, MockUser>([
+	['demo', { username: 'demo', email: 'demo@example.com', password: 'demo', is_staff: false }],
+	['admin', { username: 'admin', email: 'admin@example.com', password: 'admin', is_staff: true }]
+]);
+
+// Library items (saved points / templates), seeded so the pickers have content.
+let nextId = 100;
+const points: Array<Json & { id: number }> = [
+	{ id: 1, name: 'sjsa-start', lat: 62.1234, lon: 129.1234, alt: 100 },
+	{ id: 2, name: 'Тикси', lat: 71.6372, lon: 128.8686, alt: 10 }
+];
+const templates: Array<Json & { id: number }> = [
+	{
+		id: 1,
+		name: 'Высотный',
+		description: '',
+		prediction_mode: 'single',
+		model: '',
+		dataset: '',
+		flight_parameters: {
+			ascent_rate: 5,
+			burst_altitude: 33000,
+			dataset: '',
+			descent_rate: 6,
+			format: 'json',
+			launch_altitude: 100,
+			launch_latitude: 62.1234,
+			launch_longitude: 129.1234,
+			profile: 'standard_profile',
+			version: 2
+		}
+	}
+];
+
+export interface HandleResult {
+	status: number;
+	body: Json;
+	/** undefined = leave the session cookie unchanged; string = set; null = clear. */
+	session?: string | null;
+}
+
+const ok = (body: Json, status = 200): HandleResult => ({ status, body });
+const err = (status: number, detail: string): HandleResult => ({ status, body: { detail } });
+
+/** Build a plausible ascent+descent trajectory from the request params. */
+function synthPrediction(body: Json): Json {
+	const lat0 = Number(body.launch_latitude ?? 62.1234);
+	const lon0 = Number(body.launch_longitude ?? 129.1234);
+	const alt0 = Number(body.launch_altitude ?? 0);
+	const ascentRate = Math.max(Number(body.ascent_rate ?? 5), 0.1);
+	const burstAlt = Number(body.burst_altitude ?? 30000);
+	const descentRate = Math.max(Number(body.descent_rate ?? 5), 0.1);
+	const startIso = String(body.launch_datetime ?? new Date().toISOString());
+	const start = new Date(startIso).getTime();
+
+	const N = 24;
+	const windLat = 0.004;
+	const windLon = 0.01;
+	const ascentDur = ((burstAlt - alt0) / ascentRate) * 1000; // ms
+	const descentDur = (burstAlt / descentRate) * 1000; // ms
+
+	const ascent = [];
+	for (let i = 0; i <= N; i++) {
+		const f = i / N;
+		ascent.push({
+			altitude: alt0 + (burstAlt - alt0) * f,
+			datetime: new Date(start + ascentDur * f).toISOString(),
+			latitude: lat0 + windLat * i,
+			longitude: lon0 + windLon * i
+		});
+	}
+	const burstLat = lat0 + windLat * N;
+	const burstLon = lon0 + windLon * N;
+	const descent = [];
+	for (let i = 0; i <= N; i++) {
+		const f = i / N;
+		descent.push({
+			altitude: burstAlt * (1 - f),
+			datetime: new Date(start + ascentDur + descentDur * f).toISOString(),
+			latitude: burstLat + windLat * i * 0.6,
+			longitude: burstLon + windLon * i * 0.6
+		});
+	}
+	return {
+		metadata: {
+			start_datetime: startIso,
+			complete_datetime: new Date(start + ascentDur + descentDur).toISOString()
+		},
+		prediction: [
+			{ stage: 'ascent', trajectory: ascent },
+			{ stage: 'descent', trajectory: descent }
+		]
+	};
+}
+
+/**
+ * Synthetic [U, V] wind grid in the wind-js-server format, matching the real
+ * predictor's conventions: longitudes in 0..360 and a north→south scan
+ * (la1 > la2) with positive dy.
+ */
+function synthWindField(q: URLSearchParams): Json[] {
+	const minLat = Number(q.get('min_lat') ?? 55);
+	const maxLat = Number(q.get('max_lat') ?? 70);
+	const minLng = Number(q.get('min_lng') ?? 120);
+	const maxLng = Number(q.get('max_lng') ?? 140);
+	const step = Math.max(0.25, Number(q.get('step') ?? 1));
+
+	const nx = Math.max(2, Math.floor((maxLng - minLng) / step) + 1);
+	const ny = Math.max(2, Math.floor((maxLat - minLat) / step) + 1);
+	const to360 = (lng: number) => ((lng % 360) + 360) % 360;
+
+	const u: number[] = [];
+	const v: number[] = [];
+	for (let j = 0; j < ny; j++) {
+		const lat = maxLat - j * step; // north → south
+		for (let i = 0; i < nx; i++) {
+			const lng = minLng + i * step;
+			// Smooth jet-like flow with a wide speed spread (~2–30 m/s) so the
+			// colour ramp and trail density are representative in mock mode.
+			u.push(14 + 13 * Math.sin((lat * Math.PI) / 9) * Math.cos((lng * Math.PI) / 14));
+			v.push(7 * Math.cos((lng * Math.PI) / 11) + 5 * Math.sin((lat * Math.PI) / 7));
+		}
+	}
+
+	const header = (name: string, unit: string) => ({
+		parameterUnit: unit,
+		parameterNumberName: name,
+		nx,
+		ny,
+		lo1: to360(minLng),
+		la1: maxLat,
+		lo2: to360(minLng + (nx - 1) * step),
+		la2: maxLat - (ny - 1) * step,
+		dx: step,
+		dy: step,
+		refTime: '2026-01-01T00:00:00Z'
+	});
+
+	return [
+		{ header: header('eastward_wind', 'm.s-1'), data: u },
+		{ header: header('northward_wind', 'm.s-1'), data: v }
+	];
+}
+
+/** Deterministic ascent track for a satellite id, newest-first like the backend. */
+export function synthTelemetryHistory(id: string, count = 20): Json[] {
+	// Seed from the id so a given satellite always yields the same track.
+	let seed = 0;
+	for (const ch of id) seed = (seed * 31 + ch.charCodeAt(0)) % 997;
+	const lat0 = 62 + (seed % 100) / 1000;
+	const lon0 = 129 + (seed % 137) / 1000;
+	const startSec = Math.floor(Date.parse('2026-01-01T00:00:00Z') / 1000);
+
+	const packets: Json[] = [];
+	for (let i = 0; i < count; i++) {
+		packets.push({
+			id: `${id}-${i}`,
+			timestamp: startSec + i * 60,
+			lat: lat0 + i * 0.004,
+			lon: lon0 + i * 0.01,
+			alt: i * 900,
+			payload: { temp: -5 - i, volt: 4.2 - i * 0.01 },
+			raw_data: {}
+		});
+	}
+	return packets.reverse(); // newest-first
+}
+
+interface MockFlight {
+	id: string;
+	name: string;
+	privacy: 'public' | 'unlisted' | 'private';
+	owner: string;
+}
+const flights: MockFlight[] = [
+	{ id: '550e8400-e29b-41d4-a716-446655440000', name: 'ЯКС-1', privacy: 'public', owner: 'demo' },
+	{ id: '550e8400-e29b-41d4-a716-446655440001', name: 'Тестовый', privacy: 'unlisted', owner: 'demo' },
+	{ id: '550e8400-e29b-41d4-a716-446655440002', name: 'Секретный', privacy: 'private', owner: 'admin' }
+];
+
+function flightOut(f: MockFlight, me: MockUser | null): Json {
+	const history = synthTelemetryHistory(f.id);
+	const last = history[0] as { timestamp: number; lat: number; lon: number; alt: number };
+	return {
+		id: f.id,
+		name: f.name,
+		privacy: f.privacy,
+		created_at: '2026-01-01T00:00:00Z',
+		is_owner: !!me && me.username === f.owner,
+		last_position: { timestamp: last.timestamp, lat: last.lat, lon: last.lon, alt: last.alt },
+		packet_count: history.length
+	};
+}
+
+const flightVisible = (f: MockFlight, me: MockUser | null) =>
+	f.privacy !== 'private' || (!!me && me.username === f.owner);
+
+interface StoredRun {
+	id: string;
+	created_at: string;
+	updated_at: string;
+	result: Json;
+	request: Json;
+	/** Set only once the owner shares the run; access is by token, never by id. */
+	share_token?: string | null;
+}
+const runs: StoredRun[] = [];
+let runSeq = 0;
+
+export function handle(
+	method: string,
+	path: string,
+	body: Json,
+	sessionUser: string | null,
+	query: URLSearchParams = new URLSearchParams()
+): HandleResult {
+	const me = sessionUser ? (users.get(sessionUser) ?? null) : null;
+
+	if (path === '/api/csrf/') return ok({ detail: 'CSRF cookie set' });
+	if (path === '/api/session/') return ok({ isAuthenticated: me !== null });
+
+	if (path === '/api/whoami/') {
+		if (!me) return err(401, 'Unauthorized');
+		return ok({ username: me.username, is_staff: me.is_staff });
+	}
+
+	if (path === '/api/login/' && method === 'POST') {
+		const u = users.get(String(body.username ?? ''));
+		if (u && u.password === String(body.password ?? ''))
+			return { status: 200, body: { detail: 'Successfully logged in.' }, session: u.username };
+		return err(400, 'Invalid credentials.');
+	}
+
+	if (path === '/api/logout/' && method === 'POST')
+		return { status: 200, body: { detail: 'Successfully logged out.' }, session: null };
+
+	if (path === '/api/register/' && method === 'POST') {
+		const username = String(body.username ?? '').trim();
+		const email = String(body.email ?? '').trim();
+		const password = String(body.password ?? '');
+		if (username.length < 3) return err(400, 'Username must be at least 3 characters');
+		if (users.has(username)) return err(400, 'Username already taken.');
+		if ([...users.values()].some((u) => u.email.toLowerCase() === email.toLowerCase()))
+			return err(400, 'Email already registered.');
+		users.set(username, { username, email, password, is_staff: false });
+		return { status: 201, body: { detail: 'Account created.' }, session: username };
+	}
+
+	if (path === '/api/profile/') {
+		if (!me) return err(401, 'Unauthorized');
+		if (method === 'GET')
+			return ok({ username: me.username, email: me.email, first_name: '', last_name: '' });
+		if (method === 'PATCH') {
+			if (typeof body.email === 'string') me.email = body.email;
+			return ok({ username: me.username, email: me.email, first_name: '', last_name: '' });
+		}
+	}
+
+	if (path === '/api/profile/change-password/' && method === 'POST') {
+		if (!me) return err(401, 'Unauthorized');
+		if (me.password !== String(body.old_password ?? '')) return err(400, 'Old password is incorrect');
+		me.password = String(body.new_password ?? '');
+		return ok({ detail: 'Password changed successfully' });
+	}
+
+	if (path === '/api/profile/delete-data/' && method === 'DELETE') {
+		if (!me) return err(401, 'Unauthorized');
+		return ok({ detail: 'All user data deleted successfully' });
+	}
+
+	if (path === '/api/profile/delete-account/' && method === 'DELETE') {
+		if (!me) return err(401, 'Unauthorized');
+		if (me.password !== String(body.password ?? '')) return err(400, 'Incorrect password');
+		users.delete(me.username);
+		return { status: 200, body: { detail: 'Account deleted successfully' }, session: null };
+	}
+
+	if (path === '/api/flights/public/' && method === 'GET') {
+		return ok({
+			flights: flights.filter((f) => f.privacy === 'public').map((f) => flightOut(f, me))
+		} as unknown as Json);
+	}
+
+	const flightMatch = path.match(/^\/api\/flights\/([0-9a-f-]{36})\/$/i);
+	if (flightMatch) {
+		const f = flights.find((x) => x.id === flightMatch[1]);
+		if (method === 'GET') {
+			// A private flight is indistinguishable from a missing one.
+			if (!f || !flightVisible(f, me)) return err(404, 'Not found');
+			return ok(flightOut(f, me));
+		}
+		if (method === 'PATCH') {
+			if (!me) return err(401, 'Authentication required');
+			if (!f) return err(404, 'Not found');
+			if (f.owner !== me.username) return err(403, 'Not your flight');
+			if (typeof body.privacy === 'string') {
+				if (!['public', 'unlisted', 'private'].includes(body.privacy))
+					return err(400, 'privacy must be one of: public, unlisted, private');
+				f.privacy = body.privacy as MockFlight['privacy'];
+			}
+			if (typeof body.name === 'string') f.name = body.name;
+			return ok(flightOut(f, me));
+		}
+	}
+
+	// Telemetry history: /api/<uuid>/telemetry/ (newest-first, like the backend).
+	const telemetryMatch = path.match(/^\/api\/([0-9a-f-]{36})\/telemetry\/$/i);
+	if (telemetryMatch && method === 'GET') {
+		// Public/unlisted tracks are readable anonymously; private ones are not.
+		const f = flights.find((x) => x.id === telemetryMatch[1]);
+		if (f && !flightVisible(f, me)) return err(404, 'Not found');
+		return ok(synthTelemetryHistory(telemetryMatch[1]) as unknown as Json);
+	}
+
+	if (path === '/api/wind/field/' && method === 'GET') {
+		if (!me) return err(401, 'Unauthorized');
+		return ok(synthWindField(query) as unknown as Json);
+	}
+
+	if (path === '/api/wind/meta/' && method === 'GET') {
+		if (!me) return err(401, 'Unauthorized');
+		return ok({
+			source: 'gfs-0p50-3h',
+			epoch: '2026-01-01T00:00:00Z',
+			altitudes: [0, 5000, 10000, 20000, 30000],
+			bbox: { min_lat: -90, max_lat: 90, min_lng: -180, max_lng: 180 }
+		});
+	}
+
+	if (path === '/api/admin/users/' && method === 'GET') {
+		if (!me) return err(401, 'Unauthorized');
+		if (!me.is_staff) return err(403, 'Staff only');
+		const q = (query.get('q') ?? '').toLowerCase();
+		const limit = Number(query.get('limit') ?? 20);
+		const skip = Number(query.get('skip') ?? 0);
+		const all = [...users.values()]
+			.map((u, i) => ({
+				id: i + 1,
+				username: u.username,
+				email: u.email,
+				is_active: u.is_active ?? true,
+				is_staff: u.is_staff,
+				date_joined: '2026-01-01T00:00:00Z',
+				last_login: null
+			}))
+			.filter(
+				(u) => !q || u.username.toLowerCase().includes(q) || u.email.toLowerCase().includes(q)
+			);
+		return ok({ total: all.length, limit, skip, users: all.slice(skip, skip + limit) } as unknown as Json);
+	}
+
+	const adminUserMatch = path.match(/^\/api\/admin\/users\/(\d+)\/$/);
+	if (adminUserMatch && method === 'PATCH') {
+		if (!me) return err(401, 'Unauthorized');
+		if (!me.is_staff) return err(403, 'Staff only');
+		const idx = Number(adminUserMatch[1]) - 1;
+		const target = [...users.values()][idx];
+		if (!target) return err(404, 'Not found');
+		if (target.username === me.username && body.is_active === false)
+			return err(400, 'You cannot deactivate your own account.');
+		target.is_active = Boolean(body.is_active);
+		return ok({
+			id: idx + 1,
+			username: target.username,
+			email: target.email,
+			is_active: target.is_active,
+			is_staff: target.is_staff,
+			date_joined: '2026-01-01T00:00:00Z',
+			last_login: null
+		});
+	}
+
+	if (path === '/api/predictions/' && method === 'POST') {
+		if (!me) return err(401, 'Unauthorized');
+		const result = synthPrediction(body);
+		// Mirror the backend: every run is persisted and shows up in history.
+		runSeq += 1;
+		const stamp = new Date(Date.parse('2026-01-01T00:00:00Z') + runSeq * 60000).toISOString();
+		runs.unshift({
+			id: `00000000-0000-4000-8000-${String(runSeq).padStart(12, '0')}`,
+			created_at: stamp,
+			updated_at: stamp,
+			result,
+			request: body
+		});
+		return ok({ result });
+	}
+
+	if (path === '/api/predictions/v2/' && method === 'POST') {
+		if (!me) return err(401, 'Unauthorized');
+		// Flatten the v2 stage request into the params synthPrediction understands,
+		// so a custom profile still yields a plausible ascent+descent track.
+		const launch = (body.launch ?? {}) as Record<string, unknown>;
+		const profile = (body.profile ?? []) as Array<Record<string, any>>;
+		const ascent = profile.find((st) => st.model?.type === 'constant_rate');
+		const descent = profile.find((st) => st.model?.type === 'parachute_descent');
+		const burst = ascent?.constraints?.find((c: any) => c.type === 'altitude')?.limit;
+		const result = synthPrediction({
+			launch_latitude: launch.latitude,
+			launch_longitude: launch.longitude,
+			launch_altitude: launch.altitude,
+			launch_datetime: launch.time,
+			ascent_rate: ascent?.model?.rate ?? 5,
+			descent_rate: descent?.model?.sea_level_rate ?? 5,
+			burst_altitude: burst ?? 30000
+		});
+
+		runSeq += 1;
+		const id = `00000000-0000-4000-8000-${String(runSeq).padStart(12, '0')}`;
+		const stamp = new Date(Date.parse('2026-01-01T00:00:00Z') + runSeq * 60000).toISOString();
+		runs.unshift({ id, created_at: stamp, updated_at: stamp, request: body, result });
+		return ok({ id, created_at: stamp, result });
+	}
+
+	if (path === '/api/predictions/ensemble/' && method === 'POST') {
+		if (!me) return err(401, 'Unauthorized');
+		// Members scatter around the deterministic single-run landing.
+		const base = synthPrediction(body) as { prediction: Array<{ trajectory: Json[] }> };
+		const descent = base.prediction[1].trajectory;
+		const last = descent[descent.length - 1] as unknown as { latitude: number; longitude: number };
+		const members = Array.from({ length: 21 }, (_, i) => ({
+			member: i,
+			landing: {
+				lat: last.latitude + Math.sin(i * 1.7) * 0.05,
+				lng: last.longitude + Math.cos(i * 2.3) * 0.09,
+				alt: 0
+			}
+		}));
+		const n = members.length;
+		const meanLat = members.reduce((a, m) => a + m.landing.lat, 0) / n;
+		const meanLng = members.reduce((a, m) => a + m.landing.lng, 0) / n;
+		const kmLat = 111.32;
+		const kmLng = 111.32 * Math.cos((meanLat * Math.PI) / 180);
+		const radius =
+			members.reduce(
+				(a, m) =>
+					a +
+					Math.hypot((m.landing.lng - meanLng) * kmLng, (m.landing.lat - meanLat) * kmLat),
+				0
+			) / n;
+
+		runSeq += 1;
+		const id = `00000000-0000-4000-8000-${String(runSeq).padStart(12, '0')}`;
+		const stamp = new Date(Date.parse('2026-01-01T00:00:00Z') + runSeq * 60000).toISOString();
+		runs.unshift({
+			id,
+			created_at: stamp,
+			updated_at: stamp,
+			request: body,
+			result: {
+				ensemble: {
+					members,
+					failed: [],
+					footprint: {
+						count: n,
+						mean: { lat: meanLat, lng: meanLng },
+						radius_km: radius,
+						ellipse: { semi_major_km: radius * 1.6, semi_minor_km: radius * 1.1, bearing_deg: 35 }
+					}
+				}
+			} as unknown as Json
+		});
+		return ok({ id, status: 'pending', created_at: stamp }, 202);
+	}
+
+	const statusMatch = path.match(/^\/api\/predictions\/([0-9a-f-]{36})\/status\/$/i);
+	if (statusMatch && method === 'GET') {
+		if (!me) return err(401, 'Unauthorized');
+		const run = runs.find((r) => r.id === statusMatch[1]);
+		if (!run) return err(404, 'Not found');
+		return ok({
+			id: run.id,
+			status: 'complete',
+			result: run.result,
+			error: null,
+			created_at: run.created_at,
+			updated_at: run.updated_at
+		});
+	}
+
+	if (path === '/api/predictions/list_user/' && method === 'GET') {
+		if (!me) return err(401, 'Unauthorized');
+		const limit = Number(query.get('limit') ?? 10);
+		const skip = Number(query.get('skip') ?? 0);
+		return ok({
+			total: runs.length,
+			limit,
+			skip,
+			predictions: runs.slice(skip, skip + limit)
+		} as unknown as Json);
+	}
+
+	const shareMatch = path.match(/^\/api\/predictions\/([0-9a-f-]{36})\/share\/$/i);
+	if (shareMatch) {
+		if (!me) return err(401, 'Unauthorized');
+		const run = runs.find((r) => r.id === shareMatch[1]);
+		if (!run) return err(404, 'Not found');
+		if (method === 'POST') {
+			// Re-sharing keeps the existing token so circulated links keep working.
+			run.share_token =
+				run.share_token ?? `11111111-2222-4333-8444-${String(runs.indexOf(run)).padStart(12, '0')}`;
+			return ok({ id: run.id, share_token: run.share_token }, 201);
+		}
+		if (method === 'DELETE') {
+			run.share_token = null;
+			return ok({ id: run.id, share_token: null });
+		}
+	}
+
+	const sharedMatch = path.match(/^\/api\/predictions\/shared\/([0-9a-f-]{36})\/$/i);
+	if (sharedMatch && method === 'GET') {
+		// Resolved by token only — anonymous, and an id grants nothing.
+		const run = runs.find((r) => r.share_token && r.share_token === sharedMatch[1]);
+		if (!run) return err(404, 'Not found');
+		return ok({
+			id: run.id,
+			created_at: run.created_at,
+			status: 'complete',
+			result: run.result
+		});
+	}
+
+	const detailMatch = path.match(/^\/api\/predictions\/([0-9a-f-]{36})\/detail\/$/i);
+	if (detailMatch && method === 'GET') {
+		if (!me) return err(401, 'Unauthorized');
+		const run = runs.find((r) => r.id === detailMatch[1]);
+		if (!run) return err(404, 'Not found');
+		return ok({
+			...run,
+			status: 'complete',
+			error: null,
+			start_point: null,
+			template: null,
+			rate_profile: null
+		} as unknown as Json);
+	}
+
+	const deleteMatch = path.match(/^\/api\/predictions\/([0-9a-f-]{36})\/delete\/$/i);
+	if (deleteMatch && method === 'DELETE') {
+		if (!me) return err(401, 'Unauthorized');
+		const idx = runs.findIndex((r) => r.id === deleteMatch[1]);
+		if (idx === -1) return err(404, 'Not found');
+		runs.splice(idx, 1);
+		return { status: 204, body: {} };
+	}
+
+	if (path.startsWith('/api/saved-points/')) {
+		if (!me) return err(401, 'Unauthorized');
+		if (path === '/api/saved-points/') {
+			if (method === 'GET') return ok(points as unknown as Json);
+			if (method === 'POST') {
+				const created = { ...body, id: nextId++ };
+				points.push(created);
+				return ok(created as Json, 201);
+			}
+		}
+		const id = Number(path.split('/').filter(Boolean).pop());
+		const idx = points.findIndex((p) => p.id === id);
+		if (idx === -1) return err(404, 'Not found');
+		if (method === 'PUT') {
+			points[idx] = { ...points[idx], ...body, id };
+			return ok(points[idx] as Json);
+		}
+		if (method === 'DELETE') {
+			points.splice(idx, 1);
+			return ok({ detail: 'deleted' });
+		}
+	}
+
+	if (path.startsWith('/api/saved-templates/')) {
+		if (!me) return err(401, 'Unauthorized');
+		if (path === '/api/saved-templates/') {
+			if (method === 'GET') return ok(templates as unknown as Json);
+			if (method === 'POST') {
+				const created = { ...body, id: nextId++ };
+				templates.push(created);
+				return ok(created as Json, 201);
+			}
+		}
+		const id = Number(path.split('/').filter(Boolean).pop());
+		const idx = templates.findIndex((tpl) => tpl.id === id);
+		if (idx === -1) return err(404, 'Not found');
+		if (method === 'PUT') {
+			templates[idx] = { ...templates[idx], ...body, id };
+			return ok(templates[idx] as Json);
+		}
+		if (method === 'DELETE') {
+			templates.splice(idx, 1);
+			return ok({ detail: 'deleted' });
+		}
+	}
+
+	return err(404, 'Not found');
+}
diff --git a/mocks/plugin.ts b/mocks/plugin.ts
new file mode 100644
index 0000000..12b775a
--- /dev/null
+++ b/mocks/plugin.ts
@@ -0,0 +1,83 @@
+import type { Plugin } from 'vite';
+import { WebSocketServer } from 'ws';
+import { handle, synthTelemetryHistory } from './handlers';
+
+const COOKIE = 'mocksid';
+const WS_PATH = /^\/api\/ws\/satellite\/([0-9a-f-]{36})\/telemetry\/$/i;
+
+function readCookie(header: string | undefined, name: string): string | null {
+	if (!header) return null;
+	for (const part of header.split(';')) {
+		const [k, ...v] = part.trim().split('=');
+		if (k === name) return decodeURIComponent(v.join('='));
+	}
+	return null;
+}
+
+/** Dev-only middleware that answers /api/* from the in-memory mock backend. */
+export function mockApi(): Plugin {
+	return {
+		name: 'mock-api',
+		configureServer(server) {
+			// Live telemetry: a real WebSocket so the tracking flow is exercised
+			// end-to-end (the read-only satellite consumer in the real backend).
+			const wss = new WebSocketServer({ noServer: true });
+			server.httpServer?.on('upgrade', (req, socket, head) => {
+				const url = req.url ?? '';
+				const match = url.split('?')[0].match(WS_PATH);
+				if (!match) return; // let Vite's own HMR socket handle it
+				wss.handleUpgrade(req, socket as never, head, (ws) => {
+					// Continue the satellite's synthetic track from where history ended.
+					const history = synthTelemetryHistory(match[1]);
+					let next = history.length;
+					const first = history[0] as { timestamp: number; lat: number; lon: number };
+					const timer = setInterval(() => {
+						ws.send(
+							JSON.stringify({
+								id: `${match[1]}-live-${next}`,
+								timestamp: first.timestamp + (next - history.length + 1) * 60,
+								lat: first.lat + (next - history.length + 1) * 0.004,
+								lon: first.lon + (next - history.length + 1) * 0.01,
+								alt: 18000 + (next - history.length + 1) * 900,
+								payload: { live: true },
+								raw_data: {}
+							})
+						);
+						next += 1;
+					}, 1000);
+					ws.on('close', () => clearInterval(timer));
+				});
+			});
+
+			server.middlewares.use((req, res, next) => {
+				if (!req.url?.startsWith('/api/')) return next();
+				let raw = '';
+				req.on('data', (c) => (raw += c));
+				req.on('end', () => {
+					const body = raw ? JSON.parse(raw) : {};
+					const sessionUser = readCookie(req.headers.cookie, COOKIE);
+					const [pathname, search = ''] = req.url!.split('?');
+					const result = handle(
+						req.method ?? 'GET',
+						pathname,
+						body,
+						sessionUser,
+						new URLSearchParams(search)
+					);
+					res.statusCode = result.status;
+					res.setHeader('content-type', 'application/json');
+					res.setHeader('x-csrftoken', 'mock-csrf');
+					if (result.session !== undefined) {
+						res.setHeader(
+							'set-cookie',
+							result.session === null
+								? `${COOKIE}=; Path=/; Max-Age=0; SameSite=Lax`
+								: `${COOKIE}=${encodeURIComponent(result.session)}; Path=/; SameSite=Lax`
+						);
+					}
+					res.end(JSON.stringify(result.body));
+				});
+			});
+		}
+	};
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..e7a276f
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,3368 @@
+{
+	"name": "app5",
+	"version": "0.0.1",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"name": "app5",
+			"version": "0.0.1",
+			"dependencies": {
+				"bootstrap": "^5.3.3",
+				"bootstrap-icons": "^1.13.1",
+				"chart.js": "^4.5.1",
+				"chartjs-adapter-luxon": "^1.3.1",
+				"js-cookie": "^3.0.8",
+				"luxon": "^3.7.2",
+				"maplibre-gl": "^4.7.1"
+			},
+			"devDependencies": {
+				"@playwright/test": "^1.61.1",
+				"@sveltejs/adapter-static": "^3.0.10",
+				"@sveltejs/kit": "^2.16.0",
+				"@sveltejs/vite-plugin-svelte": "^5.0.0",
+				"@types/luxon": "^3.7.2",
+				"@types/node": "^26.1.1",
+				"@types/ws": "^8.18.1",
+				"happy-dom": "^20.11.1",
+				"jsdom": "^29.1.1",
+				"prettier": "^3.9.6",
+				"prettier-plugin-svelte": "^4.1.1",
+				"sass": "^1.102.0",
+				"svelte": "^5.34.8",
+				"svelte-check": "^4.0.0",
+				"typescript": "^5.6.0",
+				"vite": "^6.2.5",
+				"vitest": "^4.1.10",
+				"ws": "^8.21.1"
+			}
+		},
+		"node_modules/@asamuzakjp/css-color": {
+			"version": "5.1.11",
+			"resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-5.1.11.tgz",
+			"integrity": "sha512-KVw6qIiCTUQhByfTd78h2yD1/00waTmm9uy/R7Ck/ctUyAPj+AEDLkQIdJW0T8+qGgj3j5bpNKK7Q3G+LedJWg==",
+			"dev": true,
+			"dependencies": {
+				"@asamuzakjp/generational-cache": "^1.0.1",
+				"@csstools/css-calc": "^3.2.0",
+				"@csstools/css-color-parser": "^4.1.0",
+				"@csstools/css-parser-algorithms": "^4.0.0",
+				"@csstools/css-tokenizer": "^4.0.0"
+			},
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+			}
+		},
+		"node_modules/@asamuzakjp/dom-selector": {
+			"version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-7.1.1.tgz",
+			"integrity": "sha512-67RZDnYRc8H/8MLDgQCDE//zoqVFwajkepHZgmXrbwybzXOEwOWGPYGmALYl9J2DOLfFPPs6kKCqmbzV895hTQ==",
+			"dev": true,
+			"dependencies": {
+				"@asamuzakjp/generational-cache": "^1.0.1",
+				"@asamuzakjp/nwsapi": "^2.3.9",
+				"bidi-js": "^1.0.3",
+				"css-tree": "^3.2.1",
+				"is-potential-custom-element-name": "^1.0.1"
+			},
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+			}
+		},
+		"node_modules/@asamuzakjp/generational-cache": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@asamuzakjp/generational-cache/-/generational-cache-1.0.1.tgz",
+			"integrity": "sha512-wajfB8KqzMCN2KGNFdLkReeHncd0AslUSrvHVvvYWuU8ghncRJoA50kT3zP9MVL0+9g4/67H+cdvBskj9THPzg==",
+			"dev": true,
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+			}
+		},
+		"node_modules/@asamuzakjp/nwsapi": {
+			"version": "2.3.9",
+			"resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
+			"integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
+			"dev": true
+		},
+		"node_modules/@bramus/specificity": {
+			"version": "2.4.2",
+			"resolved": "https://registry.npmjs.org/@bramus/specificity/-/specificity-2.4.2.tgz",
+			"integrity": "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==",
+			"dev": true,
+			"dependencies": {
+				"css-tree": "^3.0.0"
+			},
+			"bin": {
+				"specificity": "bin/cli.js"
+			}
+		},
+		"node_modules/@csstools/color-helpers": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.1.0.tgz",
+			"integrity": "sha512-064IFJdjTfUqnjpCVpMOdbr8FLQBhinbZj6yRv2An2E41O/pLEXqfFRWqGq/SxlE5PEUYTlvWsG2r8MswAVvkg==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"engines": {
+				"node": ">=20.19.0"
+			}
+		},
+		"node_modules/@csstools/css-calc": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.3.0.tgz",
+			"integrity": "sha512-c5ihYsPkdG6JCkU2zTMm4+k6r7RXuGxtWYhu5DHMIiF1FHzrfmHL5so11AoFpUv/tu61xfcmT4AmKoFfMPoqdQ==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"engines": {
+				"node": ">=20.19.0"
+			},
+			"peerDependencies": {
+				"@csstools/css-parser-algorithms": "^4.0.0",
+				"@csstools/css-tokenizer": "^4.0.0"
+			}
+		},
+		"node_modules/@csstools/css-color-parser": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.10.tgz",
+			"integrity": "sha512-UZhQLIUyJaaMepqehrCODwCg2KW25vFvLWBmqYFaPclYvvxzj/sG8LBOhBFCp11i9uE7t1EyS+RAoV9tztPFyw==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"dependencies": {
+				"@csstools/color-helpers": "^6.1.0",
+				"@csstools/css-calc": "^3.3.0"
+			},
+			"engines": {
+				"node": ">=20.19.0"
+			},
+			"peerDependencies": {
+				"@csstools/css-parser-algorithms": "^4.0.0",
+				"@csstools/css-tokenizer": "^4.0.0"
+			}
+		},
+		"node_modules/@csstools/css-parser-algorithms": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz",
+			"integrity": "sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"engines": {
+				"node": ">=20.19.0"
+			},
+			"peerDependencies": {
+				"@csstools/css-tokenizer": "^4.0.0"
+			}
+		},
+		"node_modules/@csstools/css-syntax-patches-for-csstree": {
+			"version": "1.1.7",
+			"resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.7.tgz",
+			"integrity": "sha512-fQ+05118eQS1cofO3aJpB5efgpBZMvIzwr/sbC8kDLVA5XLG8q1kJV5yzrUAI1f7lvhPnm8fgIjzFB8/O/5Dig==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"peerDependencies": {
+				"css-tree": "^3.2.1"
+			},
+			"peerDependenciesMeta": {
+				"css-tree": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@csstools/css-tokenizer": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz",
+			"integrity": "sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"engines": {
+				"node": ">=20.19.0"
+			}
+		},
+		"node_modules/@esbuild/aix-ppc64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+			"integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"aix"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-arm": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+			"integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-arm64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+			"integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-x64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+			"integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/darwin-arm64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+			"integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/darwin-x64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+			"integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+			"integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/freebsd-x64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+			"integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-arm": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+			"integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-arm64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+			"integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-ia32": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+			"integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-loong64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+			"integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-mips64el": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+			"integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+			"cpu": [
+				"mips64el"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-ppc64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+			"integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-riscv64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+			"integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-s390x": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+			"integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-x64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+			"integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-arm64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+			"integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-x64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+			"integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-arm64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+			"integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-x64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+			"integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openharmony-arm64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+			"integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openharmony"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/sunos-x64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+			"integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-arm64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+			"integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-ia32": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+			"integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-x64": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+			"integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@exodus/bytes": {
+			"version": "1.15.1",
+			"resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.15.1.tgz",
+			"integrity": "sha512-S6mL0yNB/Abt9Ei4tq8gDhcczc4S3+vQ4ra7vxnAf+YHC02srtqxKKZghx2Dq6p0e66THKwR6r8N6P95wEty7Q==",
+			"dev": true,
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+			},
+			"peerDependencies": {
+				"@noble/hashes": "^1.8.0 || ^2.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@noble/hashes": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@jridgewell/gen-mapping": {
+			"version": "0.3.13",
+			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+			"integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+			"dev": true,
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.0",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			}
+		},
+		"node_modules/@jridgewell/remapping": {
+			"version": "2.3.5",
+			"resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+			"integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+			"dev": true,
+			"dependencies": {
+				"@jridgewell/gen-mapping": "^0.3.5",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			}
+		},
+		"node_modules/@jridgewell/resolve-uri": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+			"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+			"dev": true,
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/sourcemap-codec": {
+			"version": "1.5.5",
+			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+			"integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+			"dev": true
+		},
+		"node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.31",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+			"integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+			"dev": true,
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.1.0",
+				"@jridgewell/sourcemap-codec": "^1.4.14"
+			}
+		},
+		"node_modules/@kurkle/color": {
+			"version": "0.3.4",
+			"resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
+			"integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w=="
+		},
+		"node_modules/@mapbox/geojson-rewind": {
+			"version": "0.5.2",
+			"resolved": "https://registry.npmjs.org/@mapbox/geojson-rewind/-/geojson-rewind-0.5.2.tgz",
+			"integrity": "sha512-tJaT+RbYGJYStt7wI3cq4Nl4SXxG8W7JDG5DMJu97V25RnbNg3QtQtf+KD+VLjNpWKYsRvXDNmNrBgEETr1ifA==",
+			"dependencies": {
+				"get-stream": "^6.0.1",
+				"minimist": "^1.2.6"
+			},
+			"bin": {
+				"geojson-rewind": "geojson-rewind"
+			}
+		},
+		"node_modules/@mapbox/jsonlint-lines-primitives": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.3.tgz",
+			"integrity": "sha512-0SElaV0uMxEnxzBhhX9WTuPyUeMsAN/SS0i16tjuba4/mio63MG9khjC1a0JAiPGXAwvwm4UfHJURCN7nyudQg==",
+			"engines": {
+				"node": ">= 22"
+			}
+		},
+		"node_modules/@mapbox/point-geometry": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/@mapbox/point-geometry/-/point-geometry-0.1.0.tgz",
+			"integrity": "sha512-6j56HdLTwWGO0fJPlrZtdU/B13q8Uwmo18Ck2GnGgN9PCFyKTZ3UbXeEdRFh18i9XQ92eH2VdtpJHpBD3aripQ=="
+		},
+		"node_modules/@mapbox/tiny-sdf": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/@mapbox/tiny-sdf/-/tiny-sdf-2.2.0.tgz",
+			"integrity": "sha512-LVL4wgI9YAum5V+LNVQO6QgFBPw7/MIIY4XJPNsPDMrjEwcE+JfKk1LuIl8GnF197ejVdC9QdPaxrx5gfgdGXg=="
+		},
+		"node_modules/@mapbox/unitbezier": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/@mapbox/unitbezier/-/unitbezier-0.0.1.tgz",
+			"integrity": "sha512-nMkuDXFv60aBr9soUG5q+GvZYL+2KZHVvsqFCzqnkGEf46U2fvmytHaEVc1/YZbiLn8X+eR3QzX1+dwDO1lxlw=="
+		},
+		"node_modules/@mapbox/vector-tile": {
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/@mapbox/vector-tile/-/vector-tile-1.3.1.tgz",
+			"integrity": "sha512-MCEddb8u44/xfQ3oD+Srl/tNcQoqTw3goGk2oLsrFxOTc3dUp+kAnby3PvAeeBYSMSjSPD1nd1AJA6W49WnoUw==",
+			"dependencies": {
+				"@mapbox/point-geometry": "~0.1.0"
+			}
+		},
+		"node_modules/@mapbox/whoots-js": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz",
+			"integrity": "sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q==",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@maplibre/maplibre-gl-style-spec": {
+			"version": "20.4.0",
+			"resolved": "https://registry.npmjs.org/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-20.4.0.tgz",
+			"integrity": "sha512-AzBy3095fTFPjDjmWpR2w6HVRAZJ6hQZUCwk5Plz6EyfnfuQW1odeW5i2Ai47Y6TBA2hQnC+azscjBSALpaWgw==",
+			"dependencies": {
+				"@mapbox/jsonlint-lines-primitives": "~2.0.2",
+				"@mapbox/unitbezier": "^0.0.1",
+				"json-stringify-pretty-compact": "^4.0.0",
+				"minimist": "^1.2.8",
+				"quickselect": "^2.0.0",
+				"rw": "^1.3.3",
+				"tinyqueue": "^3.0.0"
+			},
+			"bin": {
+				"gl-style-format": "dist/gl-style-format.mjs",
+				"gl-style-migrate": "dist/gl-style-migrate.mjs",
+				"gl-style-validate": "dist/gl-style-validate.mjs"
+			}
+		},
+		"node_modules/@maplibre/maplibre-gl-style-spec/node_modules/quickselect": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+			"integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
+		},
+		"node_modules/@parcel/watcher": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.6.0.tgz",
+			"integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==",
+			"dev": true,
+			"hasInstallScript": true,
+			"optional": true,
+			"dependencies": {
+				"detect-libc": "^2.0.3",
+				"is-glob": "^4.0.3",
+				"node-addon-api": "^7.0.0",
+				"picomatch": "^4.0.4"
+			},
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			},
+			"optionalDependencies": {
+				"@parcel/watcher-android-arm64": "2.6.0",
+				"@parcel/watcher-darwin-arm64": "2.6.0",
+				"@parcel/watcher-darwin-x64": "2.6.0",
+				"@parcel/watcher-freebsd-x64": "2.6.0",
+				"@parcel/watcher-linux-arm-glibc": "2.6.0",
+				"@parcel/watcher-linux-arm-musl": "2.6.0",
+				"@parcel/watcher-linux-arm64-glibc": "2.6.0",
+				"@parcel/watcher-linux-arm64-musl": "2.6.0",
+				"@parcel/watcher-linux-x64-glibc": "2.6.0",
+				"@parcel/watcher-linux-x64-musl": "2.6.0",
+				"@parcel/watcher-win32-arm64": "2.6.0",
+				"@parcel/watcher-win32-x64": "2.6.0"
+			}
+		},
+		"node_modules/@parcel/watcher-android-arm64": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.6.0.tgz",
+			"integrity": "sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-darwin-arm64": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.6.0.tgz",
+			"integrity": "sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-darwin-x64": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.6.0.tgz",
+			"integrity": "sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-freebsd-x64": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.6.0.tgz",
+			"integrity": "sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-linux-arm-glibc": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.6.0.tgz",
+			"integrity": "sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-linux-arm-musl": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.6.0.tgz",
+			"integrity": "sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-linux-arm64-glibc": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.6.0.tgz",
+			"integrity": "sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-linux-arm64-musl": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.6.0.tgz",
+			"integrity": "sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-linux-x64-glibc": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.6.0.tgz",
+			"integrity": "sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-linux-x64-musl": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.6.0.tgz",
+			"integrity": "sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-win32-arm64": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.6.0.tgz",
+			"integrity": "sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@parcel/watcher-win32-x64": {
+			"version": "2.6.0",
+			"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.6.0.tgz",
+			"integrity": "sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 10.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/@playwright/test": {
+			"version": "1.61.1",
+			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.61.1.tgz",
+			"integrity": "sha512-8nKv6+0RJSL9FE4jYOEGXnPeM/Hg12qZpmqzZjRh3qM0Y7c3z1mrOTfFLids72RDQYVh9WpLEfR5WdpNX4fkig==",
+			"dev": true,
+			"dependencies": {
+				"playwright": "1.61.1"
+			},
+			"bin": {
+				"playwright": "cli.js"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@polka/url": {
+			"version": "1.0.0-next.29",
+			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+			"integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+			"dev": true
+		},
+		"node_modules/@popperjs/core": {
+			"version": "2.11.8",
+			"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+			"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+			"peer": true,
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/popperjs"
+			}
+		},
+		"node_modules/@rollup/rollup-android-arm-eabi": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz",
+			"integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-android-arm64": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz",
+			"integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-arm64": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz",
+			"integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-x64": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz",
+			"integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-arm64": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz",
+			"integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-x64": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz",
+			"integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz",
+			"integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz",
+			"integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-gnu": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz",
+			"integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-musl": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz",
+			"integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loong64-gnu": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz",
+			"integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loong64-musl": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz",
+			"integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-ppc64-gnu": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz",
+			"integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-ppc64-musl": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz",
+			"integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz",
+			"integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-musl": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz",
+			"integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-s390x-gnu": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz",
+			"integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-gnu": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz",
+			"integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-musl": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz",
+			"integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-openbsd-x64": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz",
+			"integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openbsd"
+			]
+		},
+		"node_modules/@rollup/rollup-openharmony-arm64": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz",
+			"integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"openharmony"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-arm64-msvc": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz",
+			"integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-ia32-msvc": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz",
+			"integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-gnu": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz",
+			"integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-msvc": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz",
+			"integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@standard-schema/spec": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+			"integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+			"dev": true
+		},
+		"node_modules/@sveltejs/acorn-typescript": {
+			"version": "1.0.11",
+			"resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.11.tgz",
+			"integrity": "sha512-LFuZUkjJ9iF7JZye/aG5XM0SFcQ5VyL0oVX4WJ9dc0Va3R3s0OauX1BESVCb+YN/ol8TAfqGDDAQsTG627Y5kw==",
+			"dev": true,
+			"peerDependencies": {
+				"acorn": "^8.9.0"
+			}
+		},
+		"node_modules/@sveltejs/adapter-static": {
+			"version": "3.0.10",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-3.0.10.tgz",
+			"integrity": "sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew==",
+			"dev": true,
+			"peerDependencies": {
+				"@sveltejs/kit": "^2.0.0"
+			}
+		},
+		"node_modules/@sveltejs/kit": {
+			"version": "2.70.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.70.1.tgz",
+			"integrity": "sha512-nY9SPHGOZro3doud9vZXDBwl9tCZIouuJztjgSHs6PAIrv9M/z5O7eOhPV5xU7CgVHA976Jwu3BA1hIFvXztkA==",
+			"dev": true,
+			"dependencies": {
+				"@standard-schema/spec": "^1.0.0",
+				"@sveltejs/acorn-typescript": "^1.0.9",
+				"@types/cookie": "^0.6.0",
+				"acorn": "^8.16.0",
+				"cookie": "^0.6.0",
+				"devalue": "^5.8.1",
+				"esm-env": "^1.2.2",
+				"kleur": "^4.1.5",
+				"magic-string": "^0.30.5",
+				"mrmime": "^2.0.0",
+				"set-cookie-parser": "^3.0.0",
+				"sirv": "^3.0.0"
+			},
+			"bin": {
+				"svelte-kit": "svelte-kit.js"
+			},
+			"engines": {
+				"node": ">=18.13"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.0.0",
+				"@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0 || ^7.0.0",
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"typescript": "^5.3.3 || ^6.0.0",
+				"vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0 || ^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@opentelemetry/api": {
+					"optional": true
+				},
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@sveltejs/load-config": {
+			"version": "0.2.0",
+			"resolved": "https://registry.npmjs.org/@sveltejs/load-config/-/load-config-0.2.0.tgz",
+			"integrity": "sha512-1LgZ/qUqSoq+QorD83lk2hka79Px0wXNW2q5V1nZlxGhQgw1jrsIbVz5YiCeucVLo4XvFLjXukUaQjIiqowkcg==",
+			"dev": true,
+			"engines": {
+				"node": ">= 18.0.0"
+			}
+		},
+		"node_modules/@sveltejs/vite-plugin-svelte": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-5.1.1.tgz",
+			"integrity": "sha512-Y1Cs7hhTc+a5E9Va/xwKlAJoariQyHY+5zBgCZg4PFWNYQ1nMN9sjK1zhw1gK69DuqVP++sht/1GZg1aRwmAXQ==",
+			"dev": true,
+			"dependencies": {
+				"@sveltejs/vite-plugin-svelte-inspector": "^4.0.1",
+				"debug": "^4.4.1",
+				"deepmerge": "^4.3.1",
+				"kleur": "^4.1.5",
+				"magic-string": "^0.30.17",
+				"vitefu": "^1.0.6"
+			},
+			"engines": {
+				"node": "^18.0.0 || ^20.0.0 || >=22"
+			},
+			"peerDependencies": {
+				"svelte": "^5.0.0",
+				"vite": "^6.0.0"
+			}
+		},
+		"node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-4.0.1.tgz",
+			"integrity": "sha512-J/Nmb2Q2y7mck2hyCX4ckVHcR5tu2J+MtBEQqpDrrgELZ2uvraQcK/ioCV61AqkdXFgriksOKIceDcQmqnGhVw==",
+			"dev": true,
+			"dependencies": {
+				"debug": "^4.3.7"
+			},
+			"engines": {
+				"node": "^18.0.0 || ^20.0.0 || >=22"
+			},
+			"peerDependencies": {
+				"@sveltejs/vite-plugin-svelte": "^5.0.0",
+				"svelte": "^5.0.0",
+				"vite": "^6.0.0"
+			}
+		},
+		"node_modules/@types/chai": {
+			"version": "5.2.3",
+			"resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+			"integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+			"dev": true,
+			"dependencies": {
+				"@types/deep-eql": "*",
+				"assertion-error": "^2.0.1"
+			}
+		},
+		"node_modules/@types/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+			"dev": true
+		},
+		"node_modules/@types/deep-eql": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+			"integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+			"dev": true
+		},
+		"node_modules/@types/estree": {
+			"version": "1.0.9",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+			"integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+			"dev": true
+		},
+		"node_modules/@types/geojson": {
+			"version": "7946.0.16",
+			"resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+			"integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg=="
+		},
+		"node_modules/@types/geojson-vt": {
+			"version": "3.2.5",
+			"resolved": "https://registry.npmjs.org/@types/geojson-vt/-/geojson-vt-3.2.5.tgz",
+			"integrity": "sha512-qDO7wqtprzlpe8FfQ//ClPV9xiuoh2nkIgiouIptON9w5jvD/fA4szvP9GBlDVdJ5dldAl0kX/sy3URbWwLx0g==",
+			"dependencies": {
+				"@types/geojson": "*"
+			}
+		},
+		"node_modules/@types/luxon": {
+			"version": "3.7.2",
+			"resolved": "https://registry.npmjs.org/@types/luxon/-/luxon-3.7.2.tgz",
+			"integrity": "sha512-gW+Oib+vUtGJBtNC8V9Reww0oIpusw+4m81uncg9REGZAJfqOQHfo/nkabnc7w0QReXyPqjrbWMJk6NuAkiX3Q==",
+			"dev": true
+		},
+		"node_modules/@types/mapbox__point-geometry": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/@types/mapbox__point-geometry/-/mapbox__point-geometry-0.1.4.tgz",
+			"integrity": "sha512-mUWlSxAmYLfwnRBmgYV86tgYmMIICX4kza8YnE/eIlywGe2XoOxlpVnXWwir92xRLjwyarqwpu2EJKD2pk0IUA=="
+		},
+		"node_modules/@types/mapbox__vector-tile": {
+			"version": "1.3.4",
+			"resolved": "https://registry.npmjs.org/@types/mapbox__vector-tile/-/mapbox__vector-tile-1.3.4.tgz",
+			"integrity": "sha512-bpd8dRn9pr6xKvuEBQup8pwQfD4VUyqO/2deGjfpe6AwC8YRlyEipvefyRJUSiCJTZuCb8Pl1ciVV5ekqJ96Bg==",
+			"dependencies": {
+				"@types/geojson": "*",
+				"@types/mapbox__point-geometry": "*",
+				"@types/pbf": "*"
+			}
+		},
+		"node_modules/@types/node": {
+			"version": "26.1.1",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-26.1.1.tgz",
+			"integrity": "sha512-nxAkRSVkN1Y0JC1W8ky/fTfkGsMmcrRsbx+3XoZE+rMOX71kLYTV7fLXpqud1GpbpP5TuffXFqfX7fH2GgZREw==",
+			"dev": true,
+			"dependencies": {
+				"undici-types": "~8.3.0"
+			}
+		},
+		"node_modules/@types/pbf": {
+			"version": "3.0.5",
+			"resolved": "https://registry.npmjs.org/@types/pbf/-/pbf-3.0.5.tgz",
+			"integrity": "sha512-j3pOPiEcWZ34R6a6mN07mUkM4o4Lwf6hPNt8eilOeZhTFbxFXmKhvXl9Y28jotFPaI1bpPDJsbCprUoNke6OrA=="
+		},
+		"node_modules/@types/supercluster": {
+			"version": "7.1.3",
+			"resolved": "https://registry.npmjs.org/@types/supercluster/-/supercluster-7.1.3.tgz",
+			"integrity": "sha512-Z0pOY34GDFl3Q6hUFYf3HkTwKEE02e7QgtJppBt+beEAxnyOpJua+voGFvxINBHa06GwLFFym7gRPY2SiKIfIA==",
+			"dependencies": {
+				"@types/geojson": "*"
+			}
+		},
+		"node_modules/@types/trusted-types": {
+			"version": "2.0.7",
+			"resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+			"integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+			"dev": true
+		},
+		"node_modules/@types/whatwg-mimetype": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/@types/whatwg-mimetype/-/whatwg-mimetype-3.0.2.tgz",
+			"integrity": "sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==",
+			"dev": true
+		},
+		"node_modules/@types/ws": {
+			"version": "8.18.1",
+			"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+			"integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+			"dev": true,
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
+		"node_modules/@vitest/expect": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.10.tgz",
+			"integrity": "sha512-YsCn+qAk1GWjQOWFEsEcL2gNQ0zmVmQu3T03qP6UyjhtmdtwtbuI+DASn/7iQB3HGTXkdBwGddzxPlmiql5vlA==",
+			"dev": true,
+			"dependencies": {
+				"@standard-schema/spec": "^1.1.0",
+				"@types/chai": "^5.2.2",
+				"@vitest/spy": "4.1.10",
+				"@vitest/utils": "4.1.10",
+				"chai": "^6.2.2",
+				"tinyrainbow": "^3.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			}
+		},
+		"node_modules/@vitest/mocker": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.10.tgz",
+			"integrity": "sha512-v0xaezt+DKEmKfaxg133ldzADrwLGd7Ze1MfQQTYfvs8OqZIwbxyxaYURivwV7sWy5fqn3rH5uOrSp07bp44Ow==",
+			"dev": true,
+			"dependencies": {
+				"@vitest/spy": "4.1.10",
+				"estree-walker": "^3.0.3",
+				"magic-string": "^0.30.21"
+			},
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			},
+			"peerDependencies": {
+				"msw": "^2.4.9",
+				"vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"msw": {
+					"optional": true
+				},
+				"vite": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@vitest/pretty-format": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.10.tgz",
+			"integrity": "sha512-W1HsjSH4MXQ9YfmmhLAoIYf1HRfekQCGngeIgcei6MP5QQGWUe0gkopdZQaVCFO+JDJMrAJGwa5pRpNpvy4P8Q==",
+			"dev": true,
+			"dependencies": {
+				"tinyrainbow": "^3.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			}
+		},
+		"node_modules/@vitest/runner": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.10.tgz",
+			"integrity": "sha512-IKI6kpIH+LmpROplyLwBBaCfMgOZOMsygVa6BARD6ahA04VRuJSa6OaVG7kRvSEMD870Vd91rSSw0eegtWyLGg==",
+			"dev": true,
+			"dependencies": {
+				"@vitest/utils": "4.1.10",
+				"pathe": "^2.0.3"
+			},
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			}
+		},
+		"node_modules/@vitest/snapshot": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.10.tgz",
+			"integrity": "sha512-xRkfOT1qpTAi/Ti4Y1LtfRc3kEuqxGw59eN2jN9pRWMtS/XDevekhcFSqvQqjUNGksfjMJu3Y+oJ+4Ypn2OaJw==",
+			"dev": true,
+			"dependencies": {
+				"@vitest/pretty-format": "4.1.10",
+				"@vitest/utils": "4.1.10",
+				"magic-string": "^0.30.21",
+				"pathe": "^2.0.3"
+			},
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			}
+		},
+		"node_modules/@vitest/spy": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.10.tgz",
+			"integrity": "sha512-PLf/Ugvoq5wO/b4rwYCR1h2PSIdXz7wnkQFMiUpLdtM7l6pqVFcQIBEHyT1+l+cj7mNwAfZHzqXqDyjvOuwbDw==",
+			"dev": true,
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			}
+		},
+		"node_modules/@vitest/utils": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.10.tgz",
+			"integrity": "sha512-fy9am/HWxbaGt/Sawrp90vt6Y6jQwf1RX77cz3uwoJwJVMli/e1IEwRPnMNJ7vKfPTwo0diXifkpPvwH9v7nGA==",
+			"dev": true,
+			"dependencies": {
+				"@vitest/pretty-format": "4.1.10",
+				"convert-source-map": "^2.0.0",
+				"tinyrainbow": "^3.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			}
+		},
+		"node_modules/acorn": {
+			"version": "8.17.0",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+			"integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+			"dev": true,
+			"bin": {
+				"acorn": "bin/acorn"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/aria-query": {
+			"version": "5.3.1",
+			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.1.tgz",
+			"integrity": "sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==",
+			"dev": true,
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/assertion-error": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+			"integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+			"dev": true,
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/axobject-query": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+			"integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+			"dev": true,
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/bidi-js": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+			"integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+			"dev": true,
+			"dependencies": {
+				"require-from-string": "^2.0.2"
+			}
+		},
+		"node_modules/bootstrap": {
+			"version": "5.3.8",
+			"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
+			"integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/twbs"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/bootstrap"
+				}
+			],
+			"peerDependencies": {
+				"@popperjs/core": "^2.11.8"
+			}
+		},
+		"node_modules/bootstrap-icons": {
+			"version": "1.13.1",
+			"resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.13.1.tgz",
+			"integrity": "sha512-ijombt4v6bv5CLeXvRWKy7CuM3TRTuPEuGaGKvTV5cz65rQSY8RQ2JcHt6b90cBBAC7s8fsf2EkQDldzCoXUjw==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/twbs"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/bootstrap"
+				}
+			]
+		},
+		"node_modules/buffer-image-size": {
+			"version": "0.6.4",
+			"resolved": "https://registry.npmjs.org/buffer-image-size/-/buffer-image-size-0.6.4.tgz",
+			"integrity": "sha512-nEh+kZOPY1w+gcCMobZ6ETUp9WfibndnosbpwB1iJk/8Gt5ZF2bhS6+B6bPYz424KtwsR6Rflc3tCz1/ghX2dQ==",
+			"dev": true,
+			"dependencies": {
+				"@types/node": "*"
+			},
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/chai": {
+			"version": "6.2.2",
+			"resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz",
+			"integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
+			"dev": true,
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/chart.js": {
+			"version": "4.5.1",
+			"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
+			"integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
+			"dependencies": {
+				"@kurkle/color": "^0.3.0"
+			},
+			"engines": {
+				"pnpm": ">=8"
+			}
+		},
+		"node_modules/chartjs-adapter-luxon": {
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/chartjs-adapter-luxon/-/chartjs-adapter-luxon-1.3.1.tgz",
+			"integrity": "sha512-yxHov3X8y+reIibl1o+j18xzrcdddCLqsXhriV2+aQ4hCR66IYFchlRXUvrJVoxglJ380pgytU7YWtoqdIgqhg==",
+			"peerDependencies": {
+				"chart.js": ">=3.0.0",
+				"luxon": ">=1.0.0"
+			}
+		},
+		"node_modules/chokidar": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+			"integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+			"dev": true,
+			"dependencies": {
+				"readdirp": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 14.16.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/clsx": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+			"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/convert-source-map": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+			"integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+			"dev": true
+		},
+		"node_modules/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+			"dev": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/css-tree": {
+			"version": "3.2.1",
+			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+			"integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
+			"dev": true,
+			"dependencies": {
+				"mdn-data": "2.27.1",
+				"source-map-js": "^1.2.1"
+			},
+			"engines": {
+				"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+			}
+		},
+		"node_modules/data-urls": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz",
+			"integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==",
+			"dev": true,
+			"dependencies": {
+				"whatwg-mimetype": "^5.0.0",
+				"whatwg-url": "^16.0.0"
+			},
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+			}
+		},
+		"node_modules/debug": {
+			"version": "4.4.3",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+			"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+			"dev": true,
+			"dependencies": {
+				"ms": "^2.1.3"
+			},
+			"engines": {
+				"node": ">=6.0"
+			},
+			"peerDependenciesMeta": {
+				"supports-color": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/decimal.js": {
+			"version": "10.6.0",
+			"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+			"integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+			"dev": true
+		},
+		"node_modules/deepmerge": {
+			"version": "4.3.1",
+			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+			"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/detect-libc": {
+			"version": "2.1.2",
+			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+			"integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+			"dev": true,
+			"optional": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/devalue": {
+			"version": "5.8.2",
+			"resolved": "https://registry.npmjs.org/devalue/-/devalue-5.8.2.tgz",
+			"integrity": "sha512-DObPPAfdtFbXjxLqK8s2Xk9ZuWz5+ZoFEhC7J76es4GU/rEiXwHTmbImoCdyoCOcBH1UF3+Cz6Z2sYD4hyl5TA==",
+			"dev": true
+		},
+		"node_modules/earcut": {
+			"version": "3.2.3",
+			"resolved": "https://registry.npmjs.org/earcut/-/earcut-3.2.3.tgz",
+			"integrity": "sha512-vnS4AVwp1KHAF13i1vp1/2D5evWy3k5u/iW/B81QVsUZtV8cv2tU0b2VNFlqvh4kYwrFMDdjPCfAmfyJW9y14Q=="
+		},
+		"node_modules/entities": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/entities/-/entities-8.0.0.tgz",
+			"integrity": "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==",
+			"dev": true,
+			"engines": {
+				"node": ">=20.19.0"
+			},
+			"funding": {
+				"url": "https://github.com/fb55/entities?sponsor=1"
+			}
+		},
+		"node_modules/es-module-lexer": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.3.1.tgz",
+			"integrity": "sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==",
+			"dev": true
+		},
+		"node_modules/esbuild": {
+			"version": "0.25.12",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+			"integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+			"dev": true,
+			"hasInstallScript": true,
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.25.12",
+				"@esbuild/android-arm": "0.25.12",
+				"@esbuild/android-arm64": "0.25.12",
+				"@esbuild/android-x64": "0.25.12",
+				"@esbuild/darwin-arm64": "0.25.12",
+				"@esbuild/darwin-x64": "0.25.12",
+				"@esbuild/freebsd-arm64": "0.25.12",
+				"@esbuild/freebsd-x64": "0.25.12",
+				"@esbuild/linux-arm": "0.25.12",
+				"@esbuild/linux-arm64": "0.25.12",
+				"@esbuild/linux-ia32": "0.25.12",
+				"@esbuild/linux-loong64": "0.25.12",
+				"@esbuild/linux-mips64el": "0.25.12",
+				"@esbuild/linux-ppc64": "0.25.12",
+				"@esbuild/linux-riscv64": "0.25.12",
+				"@esbuild/linux-s390x": "0.25.12",
+				"@esbuild/linux-x64": "0.25.12",
+				"@esbuild/netbsd-arm64": "0.25.12",
+				"@esbuild/netbsd-x64": "0.25.12",
+				"@esbuild/openbsd-arm64": "0.25.12",
+				"@esbuild/openbsd-x64": "0.25.12",
+				"@esbuild/openharmony-arm64": "0.25.12",
+				"@esbuild/sunos-x64": "0.25.12",
+				"@esbuild/win32-arm64": "0.25.12",
+				"@esbuild/win32-ia32": "0.25.12",
+				"@esbuild/win32-x64": "0.25.12"
+			}
+		},
+		"node_modules/esm-env": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
+			"integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==",
+			"dev": true
+		},
+		"node_modules/esrap": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/esrap/-/esrap-2.3.0.tgz",
+			"integrity": "sha512-GQ/7RN8uOtEfNpzZzBMTzW9JBcX42oaSVtPzdF+6cEL8pqIL094iUpr9jzYGn4O4P/1S60dJ6izyT8F4LYARng==",
+			"dev": true,
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.4.15"
+			},
+			"peerDependencies": {
+				"@typescript-eslint/types": "^8.2.0"
+			},
+			"peerDependenciesMeta": {
+				"@typescript-eslint/types": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/estree-walker": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+			"integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+			"dev": true,
+			"dependencies": {
+				"@types/estree": "^1.0.0"
+			}
+		},
+		"node_modules/expect-type": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
+			"integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
+			"dev": true,
+			"engines": {
+				"node": ">=12.0.0"
+			}
+		},
+		"node_modules/fdir": {
+			"version": "6.5.0",
+			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+			"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+			"dev": true,
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/fsevents": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+			}
+		},
+		"node_modules/geojson-vt": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/geojson-vt/-/geojson-vt-4.0.3.tgz",
+			"integrity": "sha512-jR1MwkLaZGa8Zftct9ZFruyWFrdl9ZyD2OliXNy9Qq5bBPeg5wHVpBQF9p5GjnicSDQqvBVpysxTPKmWdsfWMA=="
+		},
+		"node_modules/get-stream": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+			"integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/gl-matrix": {
+			"version": "3.4.4",
+			"resolved": "https://registry.npmjs.org/gl-matrix/-/gl-matrix-3.4.4.tgz",
+			"integrity": "sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ=="
+		},
+		"node_modules/global-prefix": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-4.0.0.tgz",
+			"integrity": "sha512-w0Uf9Y9/nyHinEk5vMJKRie+wa4kR5hmDbEhGGds/kG1PwGLLHKRoNMeJOyCQjjBkANlnScqgzcFwGHgmgLkVA==",
+			"dependencies": {
+				"ini": "^4.1.3",
+				"kind-of": "^6.0.3",
+				"which": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=16"
+			}
+		},
+		"node_modules/happy-dom": {
+			"version": "20.11.1",
+			"resolved": "https://registry.npmjs.org/happy-dom/-/happy-dom-20.11.1.tgz",
+			"integrity": "sha512-XSt8tMzbW9ymE7687xztkO1ckR7qJNQ3LywY9vlYGhGi3zXrGBHuUo2Cl1ztZaICW+1eAGdkLbj6iwVqDT33kg==",
+			"dev": true,
+			"dependencies": {
+				"@types/node": ">=20.0.0",
+				"@types/whatwg-mimetype": "^3.0.2",
+				"@types/ws": "^8.18.1",
+				"buffer-image-size": "^0.6.4",
+				"entities": "^7.0.1",
+				"whatwg-mimetype": "^3.0.0",
+				"ws": "^8.21.0"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			}
+		},
+		"node_modules/happy-dom/node_modules/entities": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+			"integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.12"
+			},
+			"funding": {
+				"url": "https://github.com/fb55/entities?sponsor=1"
+			}
+		},
+		"node_modules/happy-dom/node_modules/whatwg-mimetype": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+			"integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+			"dev": true,
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/html-encoding-sniffer": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
+			"integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
+			"dev": true,
+			"dependencies": {
+				"@exodus/bytes": "^1.6.0"
+			},
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+			}
+		},
+		"node_modules/ieee754": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			]
+		},
+		"node_modules/immutable": {
+			"version": "5.1.9",
+			"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz",
+			"integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==",
+			"dev": true
+		},
+		"node_modules/ini": {
+			"version": "4.1.3",
+			"resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
+			"integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
+			"engines": {
+				"node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+			}
+		},
+		"node_modules/is-extglob": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+			"dev": true,
+			"optional": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-glob": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+			"dev": true,
+			"optional": true,
+			"dependencies": {
+				"is-extglob": "^2.1.1"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-potential-custom-element-name": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+			"integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+			"dev": true
+		},
+		"node_modules/is-reference": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz",
+			"integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",
+			"dev": true,
+			"dependencies": {
+				"@types/estree": "^1.0.6"
+			}
+		},
+		"node_modules/isexe": {
+			"version": "3.1.5",
+			"resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+			"integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/js-cookie": {
+			"version": "3.0.8",
+			"resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.8.tgz",
+			"integrity": "sha512-yeJd4aNAdYZQjaon2bpD/Gb0B/omw7HQOsynXXcOiWVCacbBcPlgn8S/d1X6blFSaHao7ozqtW7NZW19xpCtIw=="
+		},
+		"node_modules/jsdom": {
+			"version": "29.1.1",
+			"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-29.1.1.tgz",
+			"integrity": "sha512-ECi4Fi2f7BdJtUKTflYRTiaMxIB0O6zfR1fX0GXpUrf6flp8QIYn1UT20YQqdSOfk2dfkCwS8LAFoJDEppNK5Q==",
+			"dev": true,
+			"dependencies": {
+				"@asamuzakjp/css-color": "^5.1.11",
+				"@asamuzakjp/dom-selector": "^7.1.1",
+				"@bramus/specificity": "^2.4.2",
+				"@csstools/css-syntax-patches-for-csstree": "^1.1.3",
+				"@exodus/bytes": "^1.15.0",
+				"css-tree": "^3.2.1",
+				"data-urls": "^7.0.0",
+				"decimal.js": "^10.6.0",
+				"html-encoding-sniffer": "^6.0.0",
+				"is-potential-custom-element-name": "^1.0.1",
+				"lru-cache": "^11.3.5",
+				"parse5": "^8.0.1",
+				"saxes": "^6.0.0",
+				"symbol-tree": "^3.2.4",
+				"tough-cookie": "^6.0.1",
+				"undici": "^7.25.0",
+				"w3c-xmlserializer": "^5.0.0",
+				"webidl-conversions": "^8.0.1",
+				"whatwg-mimetype": "^5.0.0",
+				"whatwg-url": "^16.0.1",
+				"xml-name-validator": "^5.0.0"
+			},
+			"engines": {
+				"node": "^20.19.0 || ^22.13.0 || >=24.0.0"
+			},
+			"peerDependencies": {
+				"canvas": "^3.0.0"
+			},
+			"peerDependenciesMeta": {
+				"canvas": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/json-stringify-pretty-compact": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/json-stringify-pretty-compact/-/json-stringify-pretty-compact-4.0.0.tgz",
+			"integrity": "sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q=="
+		},
+		"node_modules/kdbush": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/kdbush/-/kdbush-4.1.0.tgz",
+			"integrity": "sha512-e9vurzrXJQrFX6ckpHP3bvj5l+9CnYzkxDNnNQ1h2QTqdWsUAJgXiKdGNcOa1EY85dU8KbQ+z/FdQdB7P+9yfQ=="
+		},
+		"node_modules/kind-of": {
+			"version": "6.0.3",
+			"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+			"integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/kleur": {
+			"version": "4.1.5",
+			"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+			"integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/locate-character": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+			"integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+			"dev": true
+		},
+		"node_modules/lru-cache": {
+			"version": "11.5.2",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+			"integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
+			"dev": true,
+			"engines": {
+				"node": "20 || >=22"
+			}
+		},
+		"node_modules/luxon": {
+			"version": "3.7.2",
+			"resolved": "https://registry.npmjs.org/luxon/-/luxon-3.7.2.tgz",
+			"integrity": "sha512-vtEhXh/gNjI9Yg1u4jX/0YVPMvxzHuGgCm6tC5kZyb08yjGWGnqAjGJvcXbqQR2P3MyMEFnRbpcdFS6PBcLqew==",
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/magic-string": {
+			"version": "0.30.21",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+			"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+			"dev": true,
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.5"
+			}
+		},
+		"node_modules/maplibre-gl": {
+			"version": "4.7.1",
+			"resolved": "https://registry.npmjs.org/maplibre-gl/-/maplibre-gl-4.7.1.tgz",
+			"integrity": "sha512-lgL7XpIwsgICiL82ITplfS7IGwrB1OJIw/pCvprDp2dhmSSEBgmPzYRvwYYYvJGJD7fxUv1Tvpih4nZ6VrLuaA==",
+			"dependencies": {
+				"@mapbox/geojson-rewind": "^0.5.2",
+				"@mapbox/jsonlint-lines-primitives": "^2.0.2",
+				"@mapbox/point-geometry": "^0.1.0",
+				"@mapbox/tiny-sdf": "^2.0.6",
+				"@mapbox/unitbezier": "^0.0.1",
+				"@mapbox/vector-tile": "^1.3.1",
+				"@mapbox/whoots-js": "^3.1.0",
+				"@maplibre/maplibre-gl-style-spec": "^20.3.1",
+				"@types/geojson": "^7946.0.14",
+				"@types/geojson-vt": "3.2.5",
+				"@types/mapbox__point-geometry": "^0.1.4",
+				"@types/mapbox__vector-tile": "^1.3.4",
+				"@types/pbf": "^3.0.5",
+				"@types/supercluster": "^7.1.3",
+				"earcut": "^3.0.0",
+				"geojson-vt": "^4.0.2",
+				"gl-matrix": "^3.4.3",
+				"global-prefix": "^4.0.0",
+				"kdbush": "^4.0.2",
+				"murmurhash-js": "^1.0.0",
+				"pbf": "^3.3.0",
+				"potpack": "^2.0.0",
+				"quickselect": "^3.0.0",
+				"supercluster": "^8.0.1",
+				"tinyqueue": "^3.0.0",
+				"vt-pbf": "^3.1.3"
+			},
+			"engines": {
+				"node": ">=16.14.0",
+				"npm": ">=8.1.0"
+			},
+			"funding": {
+				"url": "https://github.com/maplibre/maplibre-gl-js?sponsor=1"
+			}
+		},
+		"node_modules/mdn-data": {
+			"version": "2.27.1",
+			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+			"integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+			"dev": true
+		},
+		"node_modules/minimist": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+			"integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/mri": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+			"integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+			"dev": true,
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/mrmime": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+			"integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/ms": {
+			"version": "2.1.3",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+			"dev": true
+		},
+		"node_modules/murmurhash-js": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
+			"integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
+		},
+		"node_modules/nanoid": {
+			"version": "3.3.16",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
+			"integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"bin": {
+				"nanoid": "bin/nanoid.cjs"
+			},
+			"engines": {
+				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+			}
+		},
+		"node_modules/node-addon-api": {
+			"version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+			"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+			"dev": true,
+			"optional": true
+		},
+		"node_modules/obug": {
+			"version": "2.1.4",
+			"resolved": "https://registry.npmjs.org/obug/-/obug-2.1.4.tgz",
+			"integrity": "sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==",
+			"dev": true,
+			"funding": [
+				"https://github.com/sponsors/sxzz",
+				"https://opencollective.com/debug"
+			],
+			"engines": {
+				"node": ">=12.20.0"
+			}
+		},
+		"node_modules/parse5": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.1.tgz",
+			"integrity": "sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==",
+			"dev": true,
+			"dependencies": {
+				"entities": "^8.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/inikulin/parse5?sponsor=1"
+			}
+		},
+		"node_modules/pathe": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+			"integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+			"dev": true
+		},
+		"node_modules/pbf": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/pbf/-/pbf-3.3.0.tgz",
+			"integrity": "sha512-XDF38WCH3z5OV/OVa8GKUNtLAyneuzbCisx7QUCF8Q6Nutx0WnJrQe5O+kOtBlLfRNUws98Y58Lblp+NJG5T4Q==",
+			"dependencies": {
+				"ieee754": "^1.1.12",
+				"resolve-protobuf-schema": "^2.1.0"
+			},
+			"bin": {
+				"pbf": "bin/pbf"
+			}
+		},
+		"node_modules/picocolors": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+			"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+			"dev": true
+		},
+		"node_modules/picomatch": {
+			"version": "4.0.5",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+			"integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+			"dev": true,
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/playwright": {
+			"version": "1.61.1",
+			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.61.1.tgz",
+			"integrity": "sha512-DWnY5o3YbLWK4GovuAVwpqL+1VwGNdUGrRr++8j8PtQQzvAVZUIMjKQ90fY689sEJZJBbZVw1rXaOKSTitkzPQ==",
+			"dev": true,
+			"dependencies": {
+				"playwright-core": "1.61.1"
+			},
+			"bin": {
+				"playwright": "cli.js"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"optionalDependencies": {
+				"fsevents": "2.3.2"
+			}
+		},
+		"node_modules/playwright-core": {
+			"version": "1.61.1",
+			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz",
+			"integrity": "sha512-h7Qlt6m4REp25qvIdvbDtVmD4LqVXfpRxhORv9L0jzETM05p4fuPJ3dKyuSXQxDSbXnmS79HAgi9589lGSpLkg==",
+			"dev": true,
+			"bin": {
+				"playwright-core": "cli.js"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/playwright/node_modules/fsevents": {
+			"version": "2.3.2",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+			"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+			"dev": true,
+			"hasInstallScript": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+			}
+		},
+		"node_modules/postcss": {
+			"version": "8.5.22",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.22.tgz",
+			"integrity": "sha512-KBDEIpLrvpv16pp3K0Fw+UCoZfopFjjgeB+0tA/aaThfEE74kKDLrgg603YvOWJyg3+WYtyq3xYsQWsIyZlPqQ==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"dependencies": {
+				"nanoid": "^3.3.16",
+				"picocolors": "^1.1.1",
+				"source-map-js": "^1.2.1"
+			},
+			"engines": {
+				"node": "^10 || ^12 || >=14"
+			}
+		},
+		"node_modules/potpack": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/potpack/-/potpack-2.1.0.tgz",
+			"integrity": "sha512-pcaShQc1Shq0y+E7GqJqvZj8DTthWV1KeHGdi0Z6IAin2Oi3JnLCOfwnCo84qc+HAp52wT9nK9H7FAJp5a44GQ=="
+		},
+		"node_modules/prettier": {
+			"version": "3.9.6",
+			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.9.6.tgz",
+			"integrity": "sha512-OpN0zzVdiaiAhxpuuj5efpIS4sY9j7bY6uR5mnj5yPzGkdkjNKSJeUThPb60Jw29QuAZgA4o+/iB49kFiaBX6g==",
+			"dev": true,
+			"bin": {
+				"prettier": "bin/prettier.cjs"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/prettier/prettier?sponsor=1"
+			}
+		},
+		"node_modules/prettier-plugin-svelte": {
+			"version": "4.1.1",
+			"resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-4.1.1.tgz",
+			"integrity": "sha512-wXvbXMjSvb4C9ENWTHXyd+ihakKCsJ6rJhLP6/8HFNj4GkZr48jqL9PoKsl2sk7SyCZRTnJ7O2TTowUpOxP/KA==",
+			"dev": true,
+			"engines": {
+				"node": ">=20"
+			},
+			"peerDependencies": {
+				"prettier": "^3.0.0",
+				"svelte": "^5.0.0"
+			}
+		},
+		"node_modules/protocol-buffers-schema": {
+			"version": "3.6.1",
+			"resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.1.tgz",
+			"integrity": "sha512-VG2K63Igkiv9p76tk1lilczEK1cT+kCjKtkdhw1dQZV3k3IXJbd3o6Ho8b9zJZaHSnT2hKe4I+ObmX9w6m5SmQ=="
+		},
+		"node_modules/punycode": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/quickselect": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/quickselect/-/quickselect-3.0.0.tgz",
+			"integrity": "sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g=="
+		},
+		"node_modules/readdirp": {
+			"version": "4.1.2",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+			"integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+			"dev": true,
+			"engines": {
+				"node": ">= 14.18.0"
+			},
+			"funding": {
+				"type": "individual",
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/require-from-string": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+			"integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/resolve-protobuf-schema": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
+			"integrity": "sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==",
+			"dependencies": {
+				"protocol-buffers-schema": "^3.3.1"
+			}
+		},
+		"node_modules/rollup": {
+			"version": "4.62.2",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
+			"integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==",
+			"dev": true,
+			"dependencies": {
+				"@types/estree": "1.0.9"
+			},
+			"bin": {
+				"rollup": "dist/bin/rollup"
+			},
+			"engines": {
+				"node": ">=18.0.0",
+				"npm": ">=8.0.0"
+			},
+			"optionalDependencies": {
+				"@rollup/rollup-android-arm-eabi": "4.62.2",
+				"@rollup/rollup-android-arm64": "4.62.2",
+				"@rollup/rollup-darwin-arm64": "4.62.2",
+				"@rollup/rollup-darwin-x64": "4.62.2",
+				"@rollup/rollup-freebsd-arm64": "4.62.2",
+				"@rollup/rollup-freebsd-x64": "4.62.2",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.62.2",
+				"@rollup/rollup-linux-arm-musleabihf": "4.62.2",
+				"@rollup/rollup-linux-arm64-gnu": "4.62.2",
+				"@rollup/rollup-linux-arm64-musl": "4.62.2",
+				"@rollup/rollup-linux-loong64-gnu": "4.62.2",
+				"@rollup/rollup-linux-loong64-musl": "4.62.2",
+				"@rollup/rollup-linux-ppc64-gnu": "4.62.2",
+				"@rollup/rollup-linux-ppc64-musl": "4.62.2",
+				"@rollup/rollup-linux-riscv64-gnu": "4.62.2",
+				"@rollup/rollup-linux-riscv64-musl": "4.62.2",
+				"@rollup/rollup-linux-s390x-gnu": "4.62.2",
+				"@rollup/rollup-linux-x64-gnu": "4.62.2",
+				"@rollup/rollup-linux-x64-musl": "4.62.2",
+				"@rollup/rollup-openbsd-x64": "4.62.2",
+				"@rollup/rollup-openharmony-arm64": "4.62.2",
+				"@rollup/rollup-win32-arm64-msvc": "4.62.2",
+				"@rollup/rollup-win32-ia32-msvc": "4.62.2",
+				"@rollup/rollup-win32-x64-gnu": "4.62.2",
+				"@rollup/rollup-win32-x64-msvc": "4.62.2",
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/rw": {
+			"version": "1.3.3",
+			"resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+			"integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+		},
+		"node_modules/sade": {
+			"version": "1.8.1",
+			"resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+			"integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+			"dev": true,
+			"dependencies": {
+				"mri": "^1.1.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/sass": {
+			"version": "1.102.0",
+			"resolved": "https://registry.npmjs.org/sass/-/sass-1.102.0.tgz",
+			"integrity": "sha512-NSOyTnaQF7rTAEOtI2fwb386vL+akyiQLBZu8Na7hXCb+umJy0GAqlcMIaqACZ6Z1VgTBS4K9PG6B3IdjHGJsw==",
+			"dev": true,
+			"dependencies": {
+				"chokidar": "^5.0.0",
+				"immutable": "^5.1.5",
+				"source-map-js": ">=0.6.2 <2.0.0"
+			},
+			"bin": {
+				"sass": "sass.js"
+			},
+			"engines": {
+				"node": ">=20.19.0"
+			},
+			"optionalDependencies": {
+				"@parcel/watcher": "^2.4.1"
+			}
+		},
+		"node_modules/sass/node_modules/chokidar": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+			"integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+			"dev": true,
+			"dependencies": {
+				"readdirp": "^5.0.0"
+			},
+			"engines": {
+				"node": ">= 20.19.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/sass/node_modules/readdirp": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+			"integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+			"dev": true,
+			"engines": {
+				"node": ">= 20.19.0"
+			},
+			"funding": {
+				"type": "individual",
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/saxes": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+			"integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+			"dev": true,
+			"dependencies": {
+				"xmlchars": "^2.2.0"
+			},
+			"engines": {
+				"node": ">=v12.22.7"
+			}
+		},
+		"node_modules/set-cookie-parser": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-3.1.2.tgz",
+			"integrity": "sha512-5/r/lTwbJ3zQ+qwdUFZYeRNqda7P5HD8zQKqlSjdGt1/S0cjLAphHusj4Y58ahDtWn/g32xrIS58/ikOvwl0Lw==",
+			"dev": true
+		},
+		"node_modules/siginfo": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+			"integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+			"dev": true
+		},
+		"node_modules/sirv": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+			"integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+			"dev": true,
+			"dependencies": {
+				"@polka/url": "^1.0.0-next.24",
+				"mrmime": "^2.0.0",
+				"totalist": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/source-map-js": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+			"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/stackback": {
+			"version": "0.0.2",
+			"resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+			"integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+			"dev": true
+		},
+		"node_modules/std-env": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/std-env/-/std-env-4.2.0.tgz",
+			"integrity": "sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==",
+			"dev": true
+		},
+		"node_modules/supercluster": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/supercluster/-/supercluster-8.0.1.tgz",
+			"integrity": "sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==",
+			"dependencies": {
+				"kdbush": "^4.0.2"
+			}
+		},
+		"node_modules/svelte": {
+			"version": "5.56.7",
+			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.56.7.tgz",
+			"integrity": "sha512-5qERUZX80oQj6XrDMUmD2Uhd/cIpCPDWWKBK3ZHmyRUC9apPyamWM8xMo31mbWsIQxwG2hVoSnOJ/EcnhVkkzQ==",
+			"dev": true,
+			"dependencies": {
+				"@jridgewell/remapping": "^2.3.4",
+				"@jridgewell/sourcemap-codec": "^1.5.0",
+				"@sveltejs/acorn-typescript": "^1.0.10",
+				"@types/estree": "^1.0.5",
+				"@types/trusted-types": "^2.0.7",
+				"acorn": "^8.12.1",
+				"aria-query": "5.3.1",
+				"axobject-query": "^4.1.0",
+				"clsx": "^2.1.1",
+				"devalue": "^5.8.1",
+				"esm-env": "^1.2.1",
+				"esrap": "^2.2.12",
+				"is-reference": "^3.0.3",
+				"locate-character": "^3.0.0",
+				"magic-string": "^0.30.11",
+				"zimmerframe": "^1.1.2"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/svelte-check": {
+			"version": "4.7.3",
+			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-4.7.3.tgz",
+			"integrity": "sha512-DHdTCGX62R0fCxBEaT+USdASAnoaRBaaNczkRJl0K7o3WyoCeVUbVxo6fKqpOll/B+WMWCsiFK0eFrJSNBKZIg==",
+			"dev": true,
+			"dependencies": {
+				"@jridgewell/trace-mapping": "^0.3.25",
+				"@sveltejs/load-config": "^0.2.0",
+				"chokidar": "^4.0.1",
+				"fdir": "^6.2.0",
+				"picocolors": "^1.0.0",
+				"sade": "^1.7.4"
+			},
+			"bin": {
+				"svelte-check": "bin/svelte-check"
+			},
+			"engines": {
+				"node": ">= 18.0.0"
+			},
+			"peerDependencies": {
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"typescript": ">=5.0.0"
+			}
+		},
+		"node_modules/symbol-tree": {
+			"version": "3.2.4",
+			"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+			"integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+			"dev": true
+		},
+		"node_modules/tinybench": {
+			"version": "2.9.0",
+			"resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+			"integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+			"dev": true
+		},
+		"node_modules/tinyexec": {
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.2.4.tgz",
+			"integrity": "sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==",
+			"dev": true,
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/tinyglobby": {
+			"version": "0.2.17",
+			"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+			"integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+			"dev": true,
+			"dependencies": {
+				"fdir": "^6.5.0",
+				"picomatch": "^4.0.4"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/SuperchupuDev"
+			}
+		},
+		"node_modules/tinyqueue": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-3.0.0.tgz",
+			"integrity": "sha512-gRa9gwYU3ECmQYv3lslts5hxuIa90veaEcxDYuu3QGOIAEM2mOZkVHp48ANJuu1CURtRdHKUBY5Lm1tHV+sD4g=="
+		},
+		"node_modules/tinyrainbow": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.1.0.tgz",
+			"integrity": "sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==",
+			"dev": true,
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/tldts": {
+			"version": "7.4.9",
+			"resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.9.tgz",
+			"integrity": "sha512-3kZ8wQQ/k5DrChD4X4FVvr2D7E5uoRgAqkPyLpSCGUvqOvqu+JEdr3mwMUaVWb+vMHZaKhF5fp2PBigKsui7hA==",
+			"dev": true,
+			"dependencies": {
+				"tldts-core": "^7.4.9"
+			},
+			"bin": {
+				"tldts": "bin/cli.js"
+			}
+		},
+		"node_modules/tldts-core": {
+			"version": "7.4.9",
+			"resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.9.tgz",
+			"integrity": "sha512-DxKfPBI52p2msTEu7MPhdpdDTBhhVQg1a/8PjQckeyAvO13eMYElX545grIp6nnTGIMZlRvFZPvFhvI/WIz2Vg==",
+			"dev": true
+		},
+		"node_modules/totalist": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+			"integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/tough-cookie": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.2.tgz",
+			"integrity": "sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==",
+			"dev": true,
+			"dependencies": {
+				"tldts": "^7.0.5"
+			},
+			"engines": {
+				"node": ">=16"
+			}
+		},
+		"node_modules/tr46": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+			"integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+			"dev": true,
+			"dependencies": {
+				"punycode": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=20"
+			}
+		},
+		"node_modules/typescript": {
+			"version": "5.9.3",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+			"dev": true,
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/undici": {
+			"version": "7.29.0",
+			"resolved": "https://registry.npmjs.org/undici/-/undici-7.29.0.tgz",
+			"integrity": "sha512-IDxfleLmmbSskfWSUATiN1nfn2rDuvnMOqb5CWR92iIfojA0Ud+ulOAAEQ57LPr9rWmsreUyf5lwyao+7GNNVw==",
+			"dev": true,
+			"engines": {
+				"node": ">=20.18.1"
+			}
+		},
+		"node_modules/undici-types": {
+			"version": "8.3.0",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-8.3.0.tgz",
+			"integrity": "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==",
+			"dev": true
+		},
+		"node_modules/vite": {
+			"version": "6.4.3",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-6.4.3.tgz",
+			"integrity": "sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==",
+			"dev": true,
+			"dependencies": {
+				"esbuild": "^0.25.0",
+				"fdir": "^6.4.4",
+				"picomatch": "^4.0.2",
+				"postcss": "^8.5.3",
+				"rollup": "^4.34.9",
+				"tinyglobby": "^0.2.13"
+			},
+			"bin": {
+				"vite": "bin/vite.js"
+			},
+			"engines": {
+				"node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/vitejs/vite?sponsor=1"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.3"
+			},
+			"peerDependencies": {
+				"@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+				"jiti": ">=1.21.0",
+				"less": "*",
+				"lightningcss": "^1.21.0",
+				"sass": "*",
+				"sass-embedded": "*",
+				"stylus": "*",
+				"sugarss": "*",
+				"terser": "^5.16.0",
+				"tsx": "^4.8.1",
+				"yaml": "^2.4.2"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				},
+				"jiti": {
+					"optional": true
+				},
+				"less": {
+					"optional": true
+				},
+				"lightningcss": {
+					"optional": true
+				},
+				"sass": {
+					"optional": true
+				},
+				"sass-embedded": {
+					"optional": true
+				},
+				"stylus": {
+					"optional": true
+				},
+				"sugarss": {
+					"optional": true
+				},
+				"terser": {
+					"optional": true
+				},
+				"tsx": {
+					"optional": true
+				},
+				"yaml": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vitefu": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.1.3.tgz",
+			"integrity": "sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==",
+			"dev": true,
+			"peerDependencies": {
+				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"vite": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vitest": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.10.tgz",
+			"integrity": "sha512-R9jUTe5S4Qb0HCd4TNqpC7oGcrMssMRGXLW80ubjWsW9VH5GF8y1Y0SFLY9AbqSk6nt0PnOx4H4WNJYZ13GUPw==",
+			"dev": true,
+			"dependencies": {
+				"@vitest/expect": "4.1.10",
+				"@vitest/mocker": "4.1.10",
+				"@vitest/pretty-format": "4.1.10",
+				"@vitest/runner": "4.1.10",
+				"@vitest/snapshot": "4.1.10",
+				"@vitest/spy": "4.1.10",
+				"@vitest/utils": "4.1.10",
+				"es-module-lexer": "^2.0.0",
+				"expect-type": "^1.3.0",
+				"magic-string": "^0.30.21",
+				"obug": "^2.1.1",
+				"pathe": "^2.0.3",
+				"picomatch": "^4.0.3",
+				"std-env": "^4.0.0-rc.1",
+				"tinybench": "^2.9.0",
+				"tinyexec": "^1.0.2",
+				"tinyglobby": "^0.2.15",
+				"tinyrainbow": "^3.1.0",
+				"vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
+				"why-is-node-running": "^2.3.0"
+			},
+			"bin": {
+				"vitest": "vitest.mjs"
+			},
+			"engines": {
+				"node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/vitest"
+			},
+			"peerDependencies": {
+				"@edge-runtime/vm": "*",
+				"@opentelemetry/api": "^1.9.0",
+				"@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
+				"@vitest/browser-playwright": "4.1.10",
+				"@vitest/browser-preview": "4.1.10",
+				"@vitest/browser-webdriverio": "4.1.10",
+				"@vitest/coverage-istanbul": "4.1.10",
+				"@vitest/coverage-v8": "4.1.10",
+				"@vitest/ui": "4.1.10",
+				"happy-dom": "*",
+				"jsdom": "*",
+				"vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@edge-runtime/vm": {
+					"optional": true
+				},
+				"@opentelemetry/api": {
+					"optional": true
+				},
+				"@types/node": {
+					"optional": true
+				},
+				"@vitest/browser-playwright": {
+					"optional": true
+				},
+				"@vitest/browser-preview": {
+					"optional": true
+				},
+				"@vitest/browser-webdriverio": {
+					"optional": true
+				},
+				"@vitest/coverage-istanbul": {
+					"optional": true
+				},
+				"@vitest/coverage-v8": {
+					"optional": true
+				},
+				"@vitest/ui": {
+					"optional": true
+				},
+				"happy-dom": {
+					"optional": true
+				},
+				"jsdom": {
+					"optional": true
+				},
+				"vite": {
+					"optional": false
+				}
+			}
+		},
+		"node_modules/vt-pbf": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/vt-pbf/-/vt-pbf-3.1.3.tgz",
+			"integrity": "sha512-2LzDFzt0mZKZ9IpVF2r69G9bXaP2Q2sArJCmcCgvfTdCCZzSyz4aCLoQyUilu37Ll56tCblIZrXFIjNUpGIlmA==",
+			"dependencies": {
+				"@mapbox/point-geometry": "0.1.0",
+				"@mapbox/vector-tile": "^1.3.1",
+				"pbf": "^3.2.1"
+			}
+		},
+		"node_modules/w3c-xmlserializer": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+			"integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+			"dev": true,
+			"dependencies": {
+				"xml-name-validator": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/webidl-conversions": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
+			"integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
+			"dev": true,
+			"engines": {
+				"node": ">=20"
+			}
+		},
+		"node_modules/whatwg-mimetype": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+			"integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
+			"dev": true,
+			"engines": {
+				"node": ">=20"
+			}
+		},
+		"node_modules/whatwg-url": {
+			"version": "16.0.1",
+			"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz",
+			"integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==",
+			"dev": true,
+			"dependencies": {
+				"@exodus/bytes": "^1.11.0",
+				"tr46": "^6.0.0",
+				"webidl-conversions": "^8.0.1"
+			},
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+			}
+		},
+		"node_modules/which": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
+			"integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+			"dependencies": {
+				"isexe": "^3.1.1"
+			},
+			"bin": {
+				"node-which": "bin/which.js"
+			},
+			"engines": {
+				"node": "^16.13.0 || >=18.0.0"
+			}
+		},
+		"node_modules/why-is-node-running": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+			"integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+			"dev": true,
+			"dependencies": {
+				"siginfo": "^2.0.0",
+				"stackback": "0.0.2"
+			},
+			"bin": {
+				"why-is-node-running": "cli.js"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/ws": {
+			"version": "8.21.1",
+			"resolved": "https://registry.npmjs.org/ws/-/ws-8.21.1.tgz",
+			"integrity": "sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==",
+			"dev": true,
+			"engines": {
+				"node": ">=10.0.0"
+			},
+			"peerDependencies": {
+				"bufferutil": "^4.0.1",
+				"utf-8-validate": ">=5.0.2"
+			},
+			"peerDependenciesMeta": {
+				"bufferutil": {
+					"optional": true
+				},
+				"utf-8-validate": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/xml-name-validator": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+			"integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+			"dev": true,
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/xmlchars": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+			"integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+			"dev": true
+		},
+		"node_modules/zimmerframe": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.4.tgz",
+			"integrity": "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==",
+			"dev": true
+		}
+	}
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..f28cb73
--- /dev/null
+++ b/package.json
@@ -0,0 +1,46 @@
+{
+	"name": "app5",
+	"private": true,
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+		"test:unit": "vitest run",
+		"test:e2e": "playwright test",
+		"format": "prettier --write .",
+		"format:check": "prettier --check ."
+	},
+	"devDependencies": {
+		"@playwright/test": "^1.61.1",
+		"@sveltejs/adapter-static": "^3.0.10",
+		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@types/luxon": "^3.7.2",
+		"@types/node": "^26.1.1",
+		"@types/ws": "^8.18.1",
+		"happy-dom": "^20.11.1",
+		"jsdom": "^29.1.1",
+		"prettier": "^3.9.6",
+		"prettier-plugin-svelte": "^4.1.1",
+		"sass": "^1.102.0",
+		"svelte": "^5.34.8",
+		"svelte-check": "^4.0.0",
+		"typescript": "^5.6.0",
+		"vite": "^6.2.5",
+		"vitest": "^4.1.10",
+		"ws": "^8.21.1"
+	},
+	"dependencies": {
+		"bootstrap": "^5.3.3",
+		"bootstrap-icons": "^1.13.1",
+		"chart.js": "^4.5.1",
+		"chartjs-adapter-luxon": "^1.3.1",
+		"js-cookie": "^3.0.8",
+		"luxon": "^3.7.2",
+		"maplibre-gl": "^4.7.1"
+	}
+}
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..93f3036
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from '@playwright/test';
+
+export default defineConfig({
+	testDir: 'tests/e2e',
+	// The mock backend keeps session/user state in dev-server module globals, so
+	// specs must not run concurrently against it — one worker keeps state deterministic.
+	fullyParallel: false,
+	workers: 1,
+	webServer: {
+		command: 'VITE_USE_MOCK_API=true npm run dev',
+		port: 5173,
+		reuseExistingServer: !process.env.CI
+	},
+	use: { baseURL: 'http://localhost:5173' }
+});
diff --git a/src/app.d.ts b/src/app.d.ts
new file mode 100644
index 0000000..be79b78
--- /dev/null
+++ b/src/app.d.ts
@@ -0,0 +1,6 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+declare global {
+	namespace App {}
+}
+
+export {};
diff --git a/src/app.html b/src/app.html
new file mode 100644
index 0000000..207b66e
--- /dev/null
+++ b/src/app.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<!-- The app is light-only: the theme is pinned here, never switched at runtime. -->
+<html lang="ru" data-bs-theme="light">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/src/app.scss b/src/app.scss
new file mode 100644
index 0000000..ad112ba
--- /dev/null
+++ b/src/app.scss
@@ -0,0 +1,62 @@
+// Bootstrap, compiled from source so the theme in scss/_theme.scss applies.
+// Order matters: functions provide shade-color() to the theme, the theme sets
+// its !default values before Bootstrap declares its own, and theme-overrides
+// patches what 5.3 no longer derives from variables.
+@import 'bootstrap/scss/functions';
+@import 'scss/theme';
+@import 'bootstrap/scss/bootstrap';
+@import 'scss/theme-overrides';
+
+// bootstrap-icons is imported from +layout.svelte, not here: its @font-face
+// uses `url(./fonts/…)`, and Vite only rebases that to an emitted asset when
+// the stylesheet goes through the CSS pipeline rather than the Sass one.
+
+:root {
+	--navbar-height: 56px;
+}
+
+html,
+body {
+	height: 100%;
+}
+
+/* Centered auth surface used by the login and register screens. */
+.auth-shell {
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 1.5rem;
+}
+
+.auth-card {
+	width: 100%;
+	max-width: 26rem;
+}
+
+.auth-logo {
+	width: 220px;
+	max-width: 70%;
+	height: auto;
+}
+
+/*
+ * Keyboard focus must stay visible over the map, where panels sit on a busy
+ * background and Bootstrap's default ring can wash out.
+ */
+:focus-visible {
+	outline: 2px solid var(--bs-primary);
+	outline-offset: 2px;
+}
+
+/* Respect reduced-motion: the wind particles and spinners are the only motion. */
+@media (prefers-reduced-motion: reduce) {
+	*,
+	*::before,
+	*::after {
+		animation-duration: 0.001ms !important;
+		animation-iteration-count: 1 !important;
+		transition-duration: 0.001ms !important;
+	}
+}
diff --git a/src/lib/api/admin.ts b/src/lib/api/admin.ts
new file mode 100644
index 0000000..9f683b8
--- /dev/null
+++ b/src/lib/api/admin.ts
@@ -0,0 +1,30 @@
+import { api } from './client';
+
+/** Staff-only user management. Non-staff callers get 403 from the backend. */
+export interface AdminUser {
+	id: number;
+	username: string;
+	email: string;
+	is_active: boolean;
+	is_staff: boolean;
+	date_joined: string;
+	last_login: string | null;
+}
+
+export interface AdminUserPage {
+	total: number;
+	limit: number;
+	skip: number;
+	users: AdminUser[];
+}
+
+export const adminApi = {
+	users: (q = '', limit = 20, skip = 0) => {
+		const params = new URLSearchParams({ limit: String(limit), skip: String(skip) });
+		if (q) params.set('q', q);
+		return api.get<AdminUserPage>(`/admin/users/?${params}`);
+	},
+
+	setActive: (id: number, is_active: boolean) =>
+		api.patch<AdminUser>(`/admin/users/${id}/`, { is_active })
+};
diff --git a/src/lib/api/auth.ts b/src/lib/api/auth.ts
new file mode 100644
index 0000000..df6ca68
--- /dev/null
+++ b/src/lib/api/auth.ts
@@ -0,0 +1,19 @@
+import { api } from './client';
+
+export interface SessionInfo {
+	isAuthenticated: boolean;
+}
+export interface WhoAmI {
+	username: string;
+	is_staff: boolean;
+}
+
+export const authApi = {
+	session: () => api.get<SessionInfo>('/session/'),
+	whoami: () => api.get<WhoAmI>('/whoami/'),
+	login: (username: string, password: string) =>
+		api.post<{ detail?: string }>('/login/', { username, password }),
+	logout: () => api.post<void>('/logout/', {}),
+	register: (username: string, email: string, password: string) =>
+		api.post<{ detail?: string }>('/register/', { username, email, password })
+};
diff --git a/src/lib/api/client.ts b/src/lib/api/client.ts
new file mode 100644
index 0000000..b3d3903
--- /dev/null
+++ b/src/lib/api/client.ts
@@ -0,0 +1,105 @@
+import Cookies from 'js-cookie';
+
+const BASE = import.meta.env.VITE_API_BASE_URL || '/api';
+
+/** Exposed so the telemetry layer can derive its WebSocket origin from it. */
+export const API_BASE_URL = BASE;
+
+export class ApiError extends Error {
+	status: number;
+	detail: string;
+	body: unknown;
+	constructor(status: number, detail: string, body: unknown) {
+		super(detail);
+		this.name = 'ApiError';
+		this.status = status;
+		this.detail = detail;
+		this.body = body;
+	}
+}
+
+/**
+ * Collect human-readable strings out of an arbitrarily shaped error payload.
+ *
+ * Bare strings pass through, arrays are walked, and objects contribute their
+ * `msg` field — the key Pydantic and DMR's response validator both use.
+ * Anything else contributes nothing, so the caller can fall back.
+ */
+function messagesFrom(value: unknown): string[] {
+	if (typeof value === 'string') return value.trim() ? [value] : [];
+	if (Array.isArray(value)) return value.flatMap(messagesFrom);
+	if (value && typeof value === 'object') {
+		const { msg } = value as { msg?: unknown };
+		if (typeof msg === 'string') return [msg];
+	}
+	return [];
+}
+
+/**
+ * Reduce an error body to one line to show the user.
+ *
+ * The API answers in several shapes: `{detail: "…"}` from most endpoints,
+ * `{detail: [{msg}]}` when DMR's response validation rejects an undeclared
+ * status code, a bare list of Pydantic errors, and DRF-style `{field: [...]}`
+ * maps. `String()` on the non-string ones renders "[object Object]".
+ */
+function errorDetail(parsed: unknown, status: number): string {
+	const fallback = `Request failed (${status})`;
+	if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+		const record = parsed as Record<string, unknown>;
+		// `detail` is authoritative when present — do not fall through to the
+		// other keys, which would surface internal fields as if they were copy.
+		const source = 'detail' in record ? record.detail : Object.values(record);
+		const found = messagesFrom(source);
+		return found.length ? found.join('; ') : fallback;
+	}
+	const found = messagesFrom(parsed);
+	return found.length ? found.join('; ') : fallback;
+}
+
+let onUnauthorized: (() => void) | null = null;
+export function setUnauthorizedHandler(fn: () => void) {
+	onUnauthorized = fn;
+}
+
+let csrfPrimed = false;
+async function ensureCsrf(): Promise<void> {
+	if (csrfPrimed || Cookies.get('csrftoken')) {
+		csrfPrimed = true;
+		return;
+	}
+	await fetch(`${BASE}/csrf/`, { credentials: 'include' });
+	csrfPrimed = true;
+}
+
+async function request<T>(method: string, path: string, body?: unknown): Promise<T> {
+	if (method !== 'GET') await ensureCsrf();
+	const headers: Record<string, string> = { 'content-type': 'application/json' };
+	const token = Cookies.get('csrftoken');
+	if (token && method !== 'GET') headers['X-CSRFToken'] = token;
+
+	const res = await fetch(`${BASE}${path}`, {
+		method,
+		credentials: 'include',
+		headers,
+		body: body === undefined ? undefined : JSON.stringify(body)
+	});
+
+	if (res.status === 401 && onUnauthorized) onUnauthorized();
+
+	const text = await res.text();
+	const parsed = text ? JSON.parse(text) : null;
+
+	if (!res.ok) {
+		throw new ApiError(res.status, errorDetail(parsed, res.status), parsed);
+	}
+	return parsed as T;
+}
+
+export const api = {
+	get: <T>(path: string) => request<T>('GET', path),
+	post: <T>(path: string, body: unknown) => request<T>('POST', path, body),
+	put: <T>(path: string, body: unknown) => request<T>('PUT', path, body),
+	patch: <T>(path: string, body: unknown) => request<T>('PATCH', path, body),
+	del: <T>(path: string, body?: unknown) => request<T>('DELETE', path, body)
+};
diff --git a/src/lib/api/flights.ts b/src/lib/api/flights.ts
new file mode 100644
index 0000000..0004d8f
--- /dev/null
+++ b/src/lib/api/flights.ts
@@ -0,0 +1,32 @@
+import { api } from './client';
+
+export type FlightPrivacy = 'public' | 'unlisted' | 'private';
+
+export interface FlightPosition {
+	timestamp: number;
+	lat: number;
+	lon: number;
+	alt: number;
+}
+
+export interface Flight {
+	id: string;
+	name: string;
+	privacy: FlightPrivacy;
+	created_at: string;
+	is_owner: boolean;
+	last_position: FlightPosition | null;
+	packet_count: number;
+}
+
+/**
+ * Flight discovery and resolution. `public/` and `GET <id>/` are anonymous by
+ * design — a shared link must open without a session; the backend hides private
+ * flights behind a 404.
+ */
+export const flightsApi = {
+	public: () => api.get<{ flights: Flight[] }>('/flights/public/'),
+	get: (id: string) => api.get<Flight>(`/flights/${id}/`),
+	update: (id: string, patch: { name?: string; privacy?: FlightPrivacy }) =>
+		api.patch<Flight>(`/flights/${id}/`, patch)
+};
diff --git a/src/lib/api/index.ts b/src/lib/api/index.ts
new file mode 100644
index 0000000..b037c24
--- /dev/null
+++ b/src/lib/api/index.ts
@@ -0,0 +1,10 @@
+export * from './client';
+export * from './auth';
+export * from './profile';
+export * from './predictions';
+export * from './points';
+export * from './templates';
+export * from './wind';
+export * from './telemetry';
+export * from './admin';
+export * from './flights';
diff --git a/src/lib/api/points.ts b/src/lib/api/points.ts
new file mode 100644
index 0000000..32fd412
--- /dev/null
+++ b/src/lib/api/points.ts
@@ -0,0 +1,11 @@
+import { api } from './client';
+import type { SavedPoint } from '$domain';
+
+const base = '/saved-points/';
+
+export const pointsApi = {
+	list: () => api.get<SavedPoint[]>(base),
+	create: (p: Omit<SavedPoint, 'id'>) => api.post<SavedPoint>(base, p),
+	update: (p: SavedPoint) => api.put<SavedPoint>(`${base}${p.id}/`, p),
+	delete: (id: number) => api.del<void>(`${base}${id}/`)
+};
diff --git a/src/lib/api/predictions.ts b/src/lib/api/predictions.ts
new file mode 100644
index 0000000..0f5e8b4
--- /dev/null
+++ b/src/lib/api/predictions.ts
@@ -0,0 +1,129 @@
+import { api } from './client';
+import type { FlightParameters, RawPrediction, V2Request } from '$domain';
+
+/**
+ * GFS datasets are published every 6 hours with a ~6 hour processing lag.
+ * Round down to the most recent available slot (UTC).
+ */
+export function getLatestDataset(now: Date = new Date()): string {
+	const rounded = new Date(now);
+	rounded.setUTCHours(Math.floor(rounded.getUTCHours() / 6) * 6, 0, 0, 0);
+	rounded.setUTCHours(rounded.getUTCHours() - 6);
+	return rounded.toISOString().slice(0, 19) + 'Z';
+}
+
+export function buildLaunchDateTime(date: string, time: string): string {
+	const fullTime = time.split(':').length === 2 ? `${time}:00` : time;
+	return new Date(`${date}T${fullTime}Z`).toISOString();
+}
+
+export interface PredictionResponse {
+	result: RawPrediction;
+}
+
+/** One stored prediction as returned by `predictions/list_user/`. */
+export interface StoredPrediction {
+	id: string;
+	created_at: string;
+	updated_at: string;
+	result: RawPrediction | null;
+}
+
+/** `predictions/<id>/detail/` adds status, error and the original request. */
+export interface StoredPredictionDetail extends StoredPrediction {
+	status: 'pending' | 'running' | 'complete' | 'error';
+	error: string | null;
+	request: (FlightParameters & { launch_datetime?: string }) | null;
+	start_point: number | null;
+	template: number | null;
+	rate_profile: number | null;
+}
+
+/** `predictions/v2/` returns the freshly stored run plus its raw result. */
+export interface PredictionCreateOut {
+	id: string;
+	created_at: string;
+	result: RawPrediction;
+}
+
+/** 202 response from the async/ensemble endpoints. */
+export interface AsyncPredictionCreateOut {
+	id: string;
+	status: 'pending' | 'running' | 'complete' | 'error';
+	created_at: string;
+}
+
+/** Poll shape from `predictions/<id>/status/`. */
+export interface PredictionStatus {
+	id: string;
+	status: 'pending' | 'running' | 'complete' | 'error';
+	result: unknown;
+	error: string | null;
+	created_at: string;
+	updated_at: string;
+}
+
+/** Limit/offset envelope used by the paginated history endpoint. */
+export interface PredictionPage {
+	total: number;
+	limit: number;
+	skip: number;
+	predictions: StoredPrediction[];
+}
+
+export const predictionsApi = {
+	run: (params: FlightParameters, launchDateTime: string) => {
+		const payload: FlightParameters & { launch_datetime: string } = {
+			...params,
+			dataset: params.dataset || getLatestDataset(),
+			launch_datetime: launchDateTime
+		};
+		if (payload.start_point === -1) delete payload.start_point;
+		return api.post<PredictionResponse>('/predictions/', payload);
+	},
+
+	/** Run a profile-driven (custom stages) prediction synchronously. */
+	runV2: (request: V2Request) => api.post<PredictionCreateOut>('/predictions/v2/', request),
+
+	/** Paginated history for the current user (limit/skip envelope). */
+	page: (limit = 10, skip = 0) =>
+		api.get<PredictionPage>(`/predictions/list_user/?limit=${limit}&skip=${skip}`),
+
+	detail: (id: string) => api.get<StoredPredictionDetail>(`/predictions/${id}/detail/`),
+
+	remove: (id: string) => api.del<void>(`/predictions/${id}/delete/`),
+
+	/** Enqueue a GEFS ensemble run; poll `status` until it completes. */
+	runEnsemble: (params: FlightParameters, launchDateTime: string) =>
+		api.post<AsyncPredictionCreateOut>('/predictions/ensemble/', {
+			...params,
+			dataset: params.dataset || getLatestDataset(),
+			launch_datetime: launchDateTime,
+			source: 'gefs-0p50-3h'
+		}),
+
+	status: (id: string) => api.get<PredictionStatus>(`/predictions/${id}/status/`),
+
+	/** Mint (or re-fetch) a share token for a stored prediction. Owner only. */
+	share: (id: string) => api.post<ShareOut>(`/predictions/${id}/share/`, {}),
+
+	/** Revoke the share link. */
+	unshare: (id: string) => api.del<ShareOut>(`/predictions/${id}/share/`),
+
+	/** Read a shared prediction by token — works without a session. */
+	shared: (token: string) => api.get<SharedPrediction>(`/predictions/shared/${token}/`)
+};
+
+/** Token envelope returned by share/unshare. */
+export interface ShareOut {
+	id: string;
+	share_token: string | null;
+}
+
+/** Read-only projection served to anyone holding a share link. */
+export interface SharedPrediction {
+	id: string;
+	created_at: string;
+	status: string;
+	result: RawPrediction | null;
+}
diff --git a/src/lib/api/profile.ts b/src/lib/api/profile.ts
new file mode 100644
index 0000000..3d2bd77
--- /dev/null
+++ b/src/lib/api/profile.ts
@@ -0,0 +1,20 @@
+import { api } from './client';
+
+export interface UserProfile {
+	username: string;
+	email: string;
+	first_name: string;
+	last_name: string;
+}
+
+export type ProfilePatch = Partial<Pick<UserProfile, 'email' | 'first_name' | 'last_name'>>;
+
+export const profileApi = {
+	get: () => api.get<UserProfile>('/profile/'),
+	update: (patch: ProfilePatch) => api.patch<UserProfile>('/profile/', patch),
+	changePassword: (old_password: string, new_password: string) =>
+		api.post<{ detail: string }>('/profile/change-password/', { old_password, new_password }),
+	deleteData: () => api.del<{ detail: string }>('/profile/delete-data/'),
+	deleteAccount: (password: string) =>
+		api.del<{ detail: string }>('/profile/delete-account/', { password })
+};
diff --git a/src/lib/api/telemetry.ts b/src/lib/api/telemetry.ts
new file mode 100644
index 0000000..e9673dc
--- /dev/null
+++ b/src/lib/api/telemetry.ts
@@ -0,0 +1,39 @@
+import { api, API_BASE_URL } from './client';
+
+/** Packet shape as stored/served by the backend. */
+export interface RawTelemetryPacket {
+	id: string;
+	timestamp: number; // unix seconds
+	lat: number;
+	lon: number;
+	alt: number;
+	payload: Record<string, unknown>;
+	raw_data: Record<string, unknown>;
+}
+
+/** Derives the read-only satellite WebSocket URL from the configured API base. */
+export function buildWsUrl(satelliteId: string): string {
+	let base = API_BASE_URL;
+	if (!base.startsWith('http')) {
+		base = `${window.location.protocol}//${window.location.host}${base}`;
+	}
+	const url = new URL(base);
+	url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:';
+	return `${url.origin}${url.pathname}/ws/satellite/${satelliteId}/telemetry/`;
+}
+
+export const telemetryApi = {
+	fetchHistory: async (
+		satelliteId: string,
+		params?: { from?: number; till?: number }
+	): Promise<RawTelemetryPacket[]> => {
+		const q = new URLSearchParams();
+		if (params?.from !== undefined) q.set('from', String(params.from));
+		if (params?.till !== undefined) q.set('till', String(params.till));
+		const qs = q.toString();
+		const res = await api.get<RawTelemetryPacket[] | { results: RawTelemetryPacket[] }>(
+			`/${satelliteId}/telemetry/${qs ? `?${qs}` : ''}`
+		);
+		return Array.isArray(res) ? res : res.results;
+	}
+};
diff --git a/src/lib/api/templates.ts b/src/lib/api/templates.ts
new file mode 100644
index 0000000..3d1b18d
--- /dev/null
+++ b/src/lib/api/templates.ts
@@ -0,0 +1,11 @@
+import { api } from './client';
+import type { Template } from '$domain';
+
+const base = '/saved-templates/';
+
+export const templatesApi = {
+	list: () => api.get<Template[]>(base),
+	create: (t: Omit<Template, 'id'>) => api.post<Template>(base, t),
+	update: (t: Template) => api.put<Template>(`${base}${t.id}/`, t),
+	delete: (id: number) => api.del<void>(`${base}${id}/`)
+};
diff --git a/src/lib/api/wind.ts b/src/lib/api/wind.ts
new file mode 100644
index 0000000..08ae988
--- /dev/null
+++ b/src/lib/api/wind.ts
@@ -0,0 +1,35 @@
+import { api } from './client';
+import type { WindField, WindMeta } from '$domain';
+
+/**
+ * Wind visualization endpoints. These are served by the Django backend as
+ * authenticated proxies to the predictor (`/api/wind/field/`, `/api/wind/meta/`),
+ * so they go through the shared client and reuse the session — no direct
+ * predictor address or CORS handling on the frontend.
+ */
+
+export interface WindFieldParams {
+	min_lat: number;
+	max_lat: number;
+	min_lng: number;
+	max_lng: number;
+	/** Grid resolution in degrees; the backend enforces >= 0.25. */
+	step?: number;
+	altitude?: number;
+	time?: string;
+}
+
+function qs(params: Record<string, string | number | undefined>): string {
+	const q = new URLSearchParams();
+	for (const [k, v] of Object.entries(params)) {
+		if (v !== undefined) q.set(k, String(v));
+	}
+	const s = q.toString();
+	return s ? `?${s}` : '';
+}
+
+export const windApi = {
+	field: (params: WindFieldParams) =>
+		api.get<WindField>(`/wind/field/${qs({ ...params })}`),
+	meta: () => api.get<WindMeta>('/wind/meta/')
+};
diff --git a/src/lib/auth/guard.ts b/src/lib/auth/guard.ts
new file mode 100644
index 0000000..8099f58
--- /dev/null
+++ b/src/lib/auth/guard.ts
@@ -0,0 +1,22 @@
+import { goto } from '$app/navigation';
+import { authStore } from './store';
+
+/** Call in a page's onMount. Redirects anonymous users to `redirectTo`. */
+export async function requireAuthenticated(redirectTo = '/login'): Promise<boolean> {
+	const state = await authStore.refresh();
+	if (state.status !== 'authenticated') {
+		await goto(redirectTo);
+		return false;
+	}
+	return true;
+}
+
+/** Like requireAuthenticated but also requires staff. */
+export async function requireStaff(redirectTo = '/app'): Promise<boolean> {
+	const state = await authStore.refresh();
+	if (state.status !== 'authenticated' || !state.isStaff) {
+		await goto(redirectTo);
+		return false;
+	}
+	return true;
+}
diff --git a/src/lib/auth/index.ts b/src/lib/auth/index.ts
new file mode 100644
index 0000000..78eb516
--- /dev/null
+++ b/src/lib/auth/index.ts
@@ -0,0 +1,2 @@
+export * from './store';
+export * from './guard';
diff --git a/src/lib/auth/store.ts b/src/lib/auth/store.ts
new file mode 100644
index 0000000..323fb2a
--- /dev/null
+++ b/src/lib/auth/store.ts
@@ -0,0 +1,70 @@
+import { writable, get } from 'svelte/store';
+import { goto } from '$app/navigation';
+import { setUnauthorizedHandler, authApi } from '$api';
+
+export type AuthStatus = 'unknown' | 'anonymous' | 'authenticated';
+export interface AuthState {
+	status: AuthStatus;
+	username: string | null;
+	isStaff: boolean;
+}
+
+const initial: AuthState = { status: 'unknown', username: null, isStaff: false };
+
+function createAuthStore() {
+	const { subscribe, set } = writable<AuthState>(initial);
+
+	async function refresh(): Promise<AuthState> {
+		try {
+			const session = await authApi.session();
+			if (!session.isAuthenticated) {
+				const next: AuthState = { status: 'anonymous', username: null, isStaff: false };
+				set(next);
+				return next;
+			}
+			const me = await authApi.whoami();
+			const next: AuthState = {
+				status: 'authenticated',
+				username: me.username,
+				isStaff: me.is_staff
+			};
+			set(next);
+			return next;
+		} catch {
+			const next: AuthState = { status: 'anonymous', username: null, isStaff: false };
+			set(next);
+			return next;
+		}
+	}
+
+	async function login(username: string, password: string) {
+		await authApi.login(username, password);
+		await refresh();
+	}
+
+	async function register(username: string, email: string, password: string) {
+		await authApi.register(username, email, password);
+		await refresh();
+	}
+
+	async function logout() {
+		try {
+			await authApi.logout();
+		} finally {
+			set({ status: 'anonymous', username: null, isStaff: false });
+		}
+	}
+
+	return { subscribe, refresh, login, register, logout, snapshot: () => get({ subscribe }) };
+}
+
+export const authStore = createAuthStore();
+
+// Route API 401s back through the store so an expired session redirects once.
+let redirecting = false;
+setUnauthorizedHandler(() => {
+	if (redirecting || typeof window === 'undefined') return;
+	if (window.location.pathname.startsWith('/login')) return;
+	redirecting = true;
+	goto('/login').finally(() => (redirecting = false));
+});
diff --git a/src/lib/domain/boundingBox.ts b/src/lib/domain/boundingBox.ts
new file mode 100644
index 0000000..0ecf206
--- /dev/null
+++ b/src/lib/domain/boundingBox.ts
@@ -0,0 +1,69 @@
+import type { LatLngTuple } from './geo';
+
+/**
+ * Axis-aligned geographic bounding box around a flight path, with an optional
+ * margin so recovery teams get a box that clears the trajectory by a set
+ * distance rather than hugging its extreme points.
+ */
+export interface BoundingBox {
+	south: number;
+	west: number;
+	north: number;
+	east: number;
+}
+
+/** Default clearance (km) between the box edge and the nearest trajectory point. */
+export const DEFAULT_BBOX_MARGIN_KM = 5;
+
+// Mean length of one degree of latitude. Longitude degrees shrink toward the
+// poles, handled below via cos(latitude).
+const KM_PER_DEG_LAT = 111.32;
+
+/**
+ * Compute the bounding box of a flight path, expanded outward by `marginKm`.
+ * Returns null for an empty path (callers treat that as "nothing to draw").
+ */
+export function computeBoundingBox(
+	path: LatLngTuple[],
+	marginKm = DEFAULT_BBOX_MARGIN_KM
+): BoundingBox | null {
+	if (path.length === 0) return null;
+
+	let south = Infinity;
+	let north = -Infinity;
+	let west = Infinity;
+	let east = -Infinity;
+	for (const [lat, lng] of path) {
+		if (lat < south) south = lat;
+		if (lat > north) north = lat;
+		if (lng < west) west = lng;
+		if (lng > east) east = lng;
+	}
+
+	const margin = Math.max(0, marginKm);
+	const dLat = margin / KM_PER_DEG_LAT;
+	// Flat-earth degree conversion — fine at flight scales (<1000 km). Size the
+	// longitude margin at the latitude nearest a pole so the box never comes in
+	// tighter than requested along the whole band.
+	const maxAbsLat = Math.max(Math.abs(south), Math.abs(north));
+	const kmPerDegLng = KM_PER_DEG_LAT * Math.cos((maxAbsLat * Math.PI) / 180);
+	const dLng = kmPerDegLng > 0 ? margin / kmPerDegLng : 0;
+
+	return {
+		south: south - dLat,
+		north: north + dLat,
+		west: west - dLng,
+		east: east + dLng
+	};
+}
+
+/** Closed ring (corners + repeated start) for drawing the box as a polyline. */
+export function boundingBoxRing(box: BoundingBox): LatLngTuple[] {
+	return [
+		[box.south, box.west],
+		[box.north, box.west],
+		[box.north, box.east],
+		[box.south, box.east],
+		[box.south, box.west]
+	];
+}
diff --git a/src/lib/domain/curve.ts b/src/lib/domain/curve.ts
new file mode 100644
index 0000000..c4be29b
--- /dev/null
+++ b/src/lib/domain/curve.ts
@@ -0,0 +1,117 @@
+/**
+ * Custom ascent/descent curves — the "Custom curve" solver's data.
+ *
+ * Curves are pure data: an ordered list of (time, altitude) constraints with an
+ * optional explicit rate. Editing happens in the curve editor (the single leaf
+ * modal, guidelines §6.5); these helpers hold the validation and conversion
+ * logic so it is testable without Svelte.
+ *
+ * Note: the backend exposes no saved-profiles endpoint yet (the SavedRateProfile
+ * model has no controller), so curves currently live inside the scenario/template
+ * they belong to rather than in a server-side library.
+ */
+
+export interface RateCurvePoint {
+	order: number;
+	/** Seconds since launch. */
+	time_constraint: number;
+	/** Altitude in metres at that time. */
+	alt_constraint: number;
+	/** Explicit vertical rate (m/s); 0 means "derive from neighbours". */
+	rate: number;
+}
+
+export interface SavedFlightProfile {
+	id: number;
+	name: string;
+	type?: string;
+	rate_profile_data: RateCurvePoint[];
+}
+
+/** Sort by `order`, then renumber so the sequence stays 0..n-1. */
+export function normalizeCurve(points: RateCurvePoint[]): RateCurvePoint[] {
+	return [...points]
+		.sort((a, b) => a.order - b.order)
+		.map((p, i) => ({ ...p, order: i }));
+}
+
+/**
+ * Validate a curve. Returns human-readable problem keys (i18n keys) — an empty
+ * array means the curve is usable.
+ */
+export function validateCurve(points: RateCurvePoint[]): string[] {
+	const problems: string[] = [];
+	if (points.length < 2) {
+		problems.push('curve.errTooFewPoints');
+		return problems;
+	}
+
+	const ordered = normalizeCurve(points);
+	// Time must strictly increase: a flat or backwards step makes the implied
+	// rate infinite/negative-time and the solver cannot advance through it.
+	for (let i = 1; i < ordered.length; i++) {
+		if (ordered[i].time_constraint <= ordered[i - 1].time_constraint) {
+			problems.push('curve.errNonMonotonicTime');
+			break;
+		}
+	}
+	if (ordered.some((p) => p.time_constraint < 0)) problems.push('curve.errNegativeTime');
+	if (ordered.some((p) => p.alt_constraint < 0)) problems.push('curve.errNegativeAltitude');
+
+	return problems;
+}
+
+export interface ImpliedRate {
+	fromOrder: number;
+	toOrder: number;
+	/** Vertical rate between the two points, m/s (positive = ascending). */
+	rate: number;
+}
+
+/** Vertical rate implied by each consecutive pair — the editor's readout. */
+export function impliedRates(points: RateCurvePoint[]): ImpliedRate[] {
+	const ordered = normalizeCurve(points);
+	const out: ImpliedRate[] = [];
+	for (let i = 1; i < ordered.length; i++) {
+		const dt = ordered[i].time_constraint - ordered[i - 1].time_constraint;
+		if (dt <= 0) continue; // guarded by validateCurve; skip rather than divide by zero
+		out.push({
+			fromOrder: ordered[i - 1].order,
+			toOrder: ordered[i].order,
+			rate: (ordered[i].alt_constraint - ordered[i - 1].alt_constraint) / dt
+		});
+	}
+	return out;
+}
+
+/**
+ * Parse CSV of `time,altitude[,rate]` rows. A header line is tolerated, as are
+ * blank lines and both `,` and `;` separators.
+ */
+export function parseCurveCsv(text: string): RateCurvePoint[] {
+	const points: RateCurvePoint[] = [];
+	for (const line of text.split(/\r?\n/)) {
+		const trimmed = line.trim();
+		if (!trimmed) continue;
+		const cells = trimmed.split(/[;,]/).map((c) => c.trim());
+		const time = Number(cells[0]);
+		const alt = Number(cells[1]);
+		// Skip anything non-numeric (header rows, stray text).
+		if (!Number.isFinite(time) || !Number.isFinite(alt)) continue;
+		const rate = Number(cells[2]);
+		points.push({
+			order: points.length,
+			time_constraint: time,
+			alt_constraint: alt,
+			rate: Number.isFinite(rate) ? rate : 0
+		});
+	}
+	return points;
+}
+
+export function curveToCsv(points: RateCurvePoint[]): string {
+	const rows = normalizeCurve(points).map(
+		(p) => `${p.time_constraint},${p.alt_constraint},${p.rate}`
+	);
+	return ['time_s,altitude_m,rate_ms', ...rows].join('\n');
+}
diff --git a/src/lib/domain/ensemble.ts b/src/lib/domain/ensemble.ts
new file mode 100644
index 0000000..2b5cca5
--- /dev/null
+++ b/src/lib/domain/ensemble.ts
@@ -0,0 +1,78 @@
+import type { LatLngTuple } from './geo';
+
+/**
+ * GEFS ensemble results: one landing per member plus the aggregated footprint
+ * the backend computed. Pure helpers only — the map layer turns these into
+ * scenes.
+ */
+
+export interface EnsembleMember {
+	member: number;
+	landing: { lat: number; lng: number; alt: number } | null;
+}
+
+export interface EnsembleFootprint {
+	count: number;
+	mean: { lat: number; lng: number };
+	/** Mean member distance from the centre, km. */
+	radius_km: number;
+	ellipse: {
+		semi_major_km: number;
+		semi_minor_km: number;
+		/** Bearing of the major axis, degrees clockwise from north. */
+		bearing_deg: number;
+	};
+}
+
+export interface EnsembleResult {
+	members: EnsembleMember[];
+	failed: { member: number; error: string }[];
+	footprint: EnsembleFootprint | null;
+}
+
+/** Narrow a stored prediction result to an ensemble payload, or null. */
+export function parseEnsemble(result: unknown): EnsembleResult | null {
+	if (!result || typeof result !== 'object') return null;
+	const ensemble = (result as { ensemble?: unknown }).ensemble;
+	if (!ensemble || typeof ensemble !== 'object') return null;
+	const e = ensemble as Partial<EnsembleResult>;
+	if (!Array.isArray(e.members)) return null;
+	return {
+		members: e.members,
+		failed: Array.isArray(e.failed) ? e.failed : [],
+		footprint: e.footprint ?? null
+	};
+}
+
+const KM_PER_DEG_LAT = 111.32;
+
+/**
+ * Build the 95% confidence ellipse as a closed ring of lat/lng points.
+ *
+ * The ellipse is defined in a local km plane (semi-axes + bearing), so it is
+ * converted back to degrees here, with the longitude scale corrected by
+ * cos(latitude) — otherwise the ellipse would be visibly too wide at high
+ * latitudes, which is exactly where these flights happen.
+ */
+export function ellipseRing(footprint: EnsembleFootprint, segments = 64): LatLngTuple[] {
+	const { mean, ellipse } = footprint;
+	const kmPerDegLng = KM_PER_DEG_LAT * Math.cos((mean.lat * Math.PI) / 180);
+	if (kmPerDegLng === 0) return [];
+
+	// Bearing is clockwise from north; rotate the parametric ellipse to match.
+	const theta = (ellipse.bearing_deg * Math.PI) / 180;
+	const cosT = Math.cos(theta);
+	const sinT = Math.sin(theta);
+
+	const ring: LatLngTuple[] = [];
+	for (let i = 0; i <= segments; i++) {
+		const t = (i / segments) * 2 * Math.PI;
+		// Local frame: major axis along +y (north) before rotation.
+		const a = ellipse.semi_major_km * Math.cos(t);
+		const b = ellipse.semi_minor_km * Math.sin(t);
+		const east = b * cosT + a * sinT;
+		const north = a * cosT - b * sinT;
+		ring.push([mean.lat + north / KM_PER_DEG_LAT, mean.lng + east / kmPerDegLng]);
+	}
+	return ring;
+}
diff --git a/src/lib/domain/export.ts b/src/lib/domain/export.ts
new file mode 100644
index 0000000..449756f
--- /dev/null
+++ b/src/lib/domain/export.ts
@@ -0,0 +1,104 @@
+import type { Prediction } from './prediction';
+
+/**
+ * Trajectory exporters. Pure string builders so they can be unit-tested without
+ * a DOM: the caller turns the result into a download.
+ *
+ * All three formats carry the same data — time, position and altitude — in the
+ * conventions each expects: GPX/KML use decimal degrees and metres, and KML
+ * orders coordinates longitude-first.
+ */
+
+const escapeXml = (s: string) =>
+	s.replace(/[<>&'"]/g, (c) =>
+		({ '<': '&lt;', '>': '&gt;', '&': '&amp;', "'": '&apos;', '"': '&quot;' })[c] as string
+	);
+
+/** Trajectory points paired with their timestamps. */
+function samples(prediction: Prediction) {
+	return prediction.flight_path.map((p, i) => ({
+		lat: p[0],
+		lng: p[1],
+		alt: (p[2] as number | undefined) ?? 0,
+		time: new Date(prediction.timestamps[i] ?? 0).toISOString()
+	}));
+}
+
+/** GPX 1.1 track — the format recovery teams load into handheld GPS units. */
+export function toGpx(prediction: Prediction, name = 'StratoFlights prediction'): string {
+	const pts = samples(prediction)
+		.map(
+			(s) =>
+				`      <trkpt lat="${s.lat.toFixed(6)}" lon="${s.lng.toFixed(6)}">` +
+				`<ele>${s.alt.toFixed(1)}</ele><time>${s.time}</time></trkpt>`
+		)
+		.join('\n');
+
+	return `<?xml version="1.0" encoding="UTF-8"?>
+<gpx version="1.1" creator="StratoFlights" xmlns="http://www.topografix.com/GPX/1/1">
+  <metadata><name>${escapeXml(name)}</name></metadata>
+  <trk>
+    <name>${escapeXml(name)}</name>
+    <trkseg>
+${pts}
+    </trkseg>
+  </trk>
+</gpx>`;
+}
+
+/** KML 2.2 — opens directly in Google Earth. Coordinates are lon,lat,alt. */
+export function toKml(prediction: Prediction, name = 'StratoFlights prediction'): string {
+	const coords = samples(prediction)
+		.map((s) => `${s.lng.toFixed(6)},${s.lat.toFixed(6)},${s.alt.toFixed(1)}`)
+		.join('\n          ');
+
+	const marker = (label: string, point: { lat: number; lng: number; alt?: number }) =>
+		`    <Placemark><name>${escapeXml(label)}</name><Point><coordinates>` +
+		`${point.lng.toFixed(6)},${point.lat.toFixed(6)},${(point.alt ?? 0).toFixed(1)}` +
+		`</coordinates></Point></Placemark>`;
+
+	return `<?xml version="1.0" encoding="UTF-8"?>
+<kml xmlns="http://www.opengis.net/kml/2.2">
+  <Document>
+    <name>${escapeXml(name)}</name>
+${marker('Launch', prediction.launch.latlng)}
+${marker('Burst', prediction.burst.latlng)}
+${marker('Landing', prediction.landing.latlng)}
+    <Placemark>
+      <name>${escapeXml(name)}</name>
+      <LineString>
+        <altitudeMode>absolute</altitudeMode>
+        <coordinates>
+          ${coords}
+        </coordinates>
+      </LineString>
+    </Placemark>
+  </Document>
+</kml>`;
+}
+
+/** CSV — the format that lands in a spreadsheet without conversion. */
+export function toCsv(prediction: Prediction): string {
+	const rows = samples(prediction).map(
+		(s) => `${s.time},${s.lat.toFixed(6)},${s.lng.toFixed(6)},${s.alt.toFixed(1)}`
+	);
+	return ['datetime_utc,latitude,longitude,altitude_m', ...rows].join('\n');
+}
+
+export type ExportFormat = 'gpx' | 'kml' | 'csv';
+
+export const EXPORT_MIME: Record<ExportFormat, string> = {
+	gpx: 'application/gpx+xml',
+	kml: 'application/vnd.google-earth.kml+xml',
+	csv: 'text/csv'
+};
+
+export function exportPrediction(
+	prediction: Prediction,
+	format: ExportFormat,
+	name = 'prediction'
+): string {
+	if (format === 'gpx') return toGpx(prediction, name);
+	if (format === 'kml') return toKml(prediction, name);
+	return toCsv(prediction);
+}
diff --git a/src/lib/domain/flightParameters.ts b/src/lib/domain/flightParameters.ts
new file mode 100644
index 0000000..27d7d08
--- /dev/null
+++ b/src/lib/domain/flightParameters.ts
@@ -0,0 +1,67 @@
+/**
+ * Prediction parameters and saved library items (backend API contract).
+ *
+ * Field names (`ascent_rate`, `launch_latitude`, …) mirror the backend/predictor
+ * payload and must not be renamed. Profile identifiers are canonical; localized
+ * labels live in i18n under `domain.profile.<identifier>`.
+ */
+
+export const PROFILE_IDENTIFIERS = [
+	'standard_profile',
+	'float_profile',
+	'reverse_profile',
+	'custom_profile'
+] as const;
+export type ProfileIdentifier = (typeof PROFILE_IDENTIFIERS)[number];
+
+export const PREDICTION_MODES = ['single', 'hourly', 'ensemble'] as const;
+export type PredictionMode = (typeof PREDICTION_MODES)[number];
+
+export interface FlightParameters {
+	ascent_rate: number;
+	burst_altitude: number;
+	dataset: string;
+	descent_rate: number;
+	format: 'json';
+	launch_altitude: number;
+	launch_latitude: number;
+	launch_longitude: number;
+	profile: ProfileIdentifier;
+	version: number;
+	start_point?: number;
+	rate_profile?: number;
+	template?: number;
+}
+
+/** A saved launch point (library item). */
+export interface SavedPoint {
+	id: number;
+	name: string;
+	lat: number;
+	lon: number;
+	alt: number;
+}
+
+/** A saved, named parameter bundle (library item). Was "SavedScenario". */
+export interface Template {
+	id: number;
+	name: string;
+	description: string;
+	prediction_mode: string;
+	model: string;
+	dataset: string;
+	flight_parameters: FlightParameters;
+}
+
+export const DEFAULT_FLIGHT_PARAMETERS: FlightParameters = {
+	ascent_rate: 5.0,
+	burst_altitude: 30000.0,
+	dataset: '',
+	descent_rate: 5.0,
+	format: 'json',
+	launch_altitude: 0.0,
+	launch_latitude: 62.1234,
+	launch_longitude: 129.1234,
+	profile: 'standard_profile',
+	version: 2
+};
diff --git a/src/lib/domain/geo.ts b/src/lib/domain/geo.ts
new file mode 100644
index 0000000..6a946f4
--- /dev/null
+++ b/src/lib/domain/geo.ts
@@ -0,0 +1,47 @@
+export interface LatLon {
+	lat: number;
+	lon: number;
+}
+
+const R = 6_371_000; // mean Earth radius, metres
+const rad = (deg: number) => (deg * Math.PI) / 180;
+
+/** Great-circle distance in metres between two WGS84 points. */
+export function haversineMeters(a: LatLon, b: LatLon): number {
+	const dLat = rad(b.lat - a.lat);
+	const dLon = rad(b.lon - a.lon);
+	const s =
+		Math.sin(dLat / 2) ** 2 +
+		Math.cos(rad(a.lat)) * Math.cos(rad(b.lat)) * Math.sin(dLon / 2) ** 2;
+	return 2 * R * Math.asin(Math.sqrt(s));
+}
+
+/**
+ * Map-facing geo primitives. The `lng` convention (and `LngLatTuple`,
+ * longitude-first) matches MapLibre; `LatLngTuple` is latitude-first for API
+ * payloads. Used by the map layer.
+ */
+export interface LatLng {
+	lat: number;
+	lng: number;
+	alt?: number;
+}
+
+export type LatLngTuple = [lat: number, lng: number] | [lat: number, lng: number, alt: number];
+export type LatLngExpression = LatLng | LatLngTuple;
+export type LngLatTuple = [lng: number, lat: number];
+
+export function toLngLat(p: LatLngExpression): LngLatTuple {
+	if (Array.isArray(p)) return [p[1], p[0]];
+	return [p.lng, p.lat];
+}
+
+export function toLatLng(p: LatLngExpression): LatLng {
+	if (Array.isArray(p)) return { lat: p[0], lng: p[1], alt: p[2] };
+	return p;
+}
+
+/** API occasionally returns longitudes in the 0..360 range. */
+export function normalizeLng(lng: number): number {
+	return lng > 180 ? lng - 360 : lng;
+}
diff --git a/src/lib/domain/history.ts b/src/lib/domain/history.ts
new file mode 100644
index 0000000..9f34923
--- /dev/null
+++ b/src/lib/domain/history.ts
@@ -0,0 +1,68 @@
+import type { RawPrediction } from './prediction';
+import { parsePrediction } from './prediction';
+import { parseEnsemble } from './ensemble';
+
+/**
+ * Display projection of a stored prediction. The list endpoint returns the raw
+ * predictor payload, so the summary a history row needs (landing point, flight
+ * time) has to be derived here — kept pure so it is testable without Svelte.
+ */
+export interface HistoryRow {
+	id: string;
+	createdAt: Date;
+	/** Ensemble runs store a footprint instead of a single trajectory. */
+	kind: 'single' | 'ensemble';
+	/** Member count for an ensemble run; 0 otherwise. */
+	members: number;
+	/** Null when the run failed or produced no usable trajectory. */
+	landing: { lat: number; lng: number } | null;
+	/** Flight duration in seconds; 0 when unknown. */
+	flightTime: number;
+	/** True when the stored result could not be interpreted as a trajectory. */
+	broken: boolean;
+}
+
+export function toHistoryRow(stored: {
+	id: string;
+	created_at: string;
+	result: RawPrediction | null | Record<string, unknown>;
+}): HistoryRow {
+	const base = {
+		id: stored.id,
+		createdAt: new Date(stored.created_at),
+		kind: 'single' as const,
+		members: 0
+	};
+
+	// An ensemble run has no single trajectory: summarise it by its footprint.
+	const ensemble = parseEnsemble(stored.result);
+	if (ensemble) {
+		const mean = ensemble.footprint?.mean ?? null;
+		return {
+			...base,
+			kind: 'ensemble',
+			members: ensemble.footprint?.count ?? ensemble.members.length,
+			landing: mean ? { lat: mean.lat, lng: mean.lng } : null,
+			flightTime: 0,
+			broken: !mean
+		};
+	}
+
+	const stages = (stored.result as RawPrediction | null)?.prediction;
+	if (!Array.isArray(stages) || stages.length < 2) {
+		return { ...base, landing: null, flightTime: 0, broken: true };
+	}
+
+	try {
+		const p = parsePrediction(stages);
+		return {
+			...base,
+			landing: { lat: p.landing.latlng.lat, lng: p.landing.latlng.lng },
+			flightTime: p.flight_time,
+			broken: false
+		};
+	} catch {
+		// A stored result can be truncated or from an older predictor version.
+		return { ...base, landing: null, flightTime: 0, broken: true };
+	}
+}
diff --git a/src/lib/domain/index.ts b/src/lib/domain/index.ts
new file mode 100644
index 0000000..e32b926
--- /dev/null
+++ b/src/lib/domain/index.ts
@@ -0,0 +1,15 @@
+export * from './geo';
+export * from './math';
+export * from './boundingBox';
+export * from './prediction';
+export * from './history';
+export * from './ensemble';
+export * from './export';
+export * from './flightParameters';
+export * from './curve';
+export * from './profile';
+export * from './units';
+export * from './provenance';
+export * from './scenario';
+export * from './telemetry';
+export * from './wind';
diff --git a/src/lib/domain/math.ts b/src/lib/domain/math.ts
new file mode 100644
index 0000000..e8fafbb
--- /dev/null
+++ b/src/lib/domain/math.ts
@@ -0,0 +1,100 @@
+import type { LatLng } from './geo';
+import type { TelemetryPoint } from './telemetry';
+import type { Prediction } from './prediction';
+
+const EARTH_RADIUS_KM = 6371;
+
+const toRad = (deg: number): number => (deg * Math.PI) / 180;
+const toDeg = (rad: number): number => (rad * 180) / Math.PI;
+
+/** Great-circle distance in **kilometres** (metres live in geo.haversineMeters). */
+export function distHaversine(p1: LatLng, p2: LatLng, precision?: number): number {
+	const dLat = toRad(p2.lat - p1.lat);
+	const dLng = toRad(p2.lng - p1.lng);
+
+	const a =
+		Math.sin(dLat / 2) ** 2 +
+		Math.cos(toRad(p1.lat)) * Math.cos(toRad(p2.lat)) * Math.sin(dLng / 2) ** 2;
+
+	const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+	const d = EARTH_RADIUS_KM * c;
+
+	return precision !== undefined ? parseFloat(d.toFixed(precision)) : d;
+}
+
+export function bearingHaversine(p1: LatLng, p2: LatLng): number {
+	const dLng = toRad(p2.lng - p1.lng);
+	const y = Math.sin(dLng) * Math.cos(toRad(p2.lat));
+	const x =
+		Math.cos(toRad(p1.lat)) * Math.sin(toRad(p2.lat)) -
+		Math.sin(toRad(p1.lat)) * Math.cos(toRad(p2.lat)) * Math.cos(dLng);
+	return toDeg(Math.atan2(y, x));
+}
+
+export function toFixedNumber(num: number, digits: number): number {
+	const pow = 10 ** digits;
+	return Math.round(num * pow) / pow;
+}
+
+/** One compared sample: telemetry point matched against the closest-in-time prediction point. */
+export interface DeviationPoint {
+	/** Epoch ms from the telemetry timestamp. */
+	timeMs: number;
+	/** Great-circle distance from actual position to predicted position, km. */
+	horizontal: number;
+	/** Altitude difference (actual − predicted), m. Positive means actual is higher. */
+	vertical: number;
+	/** Actual altitude from telemetry, m. */
+	altActual: number;
+	/** Predicted altitude at the matched index, m. */
+	altPredicted: number;
+}
+
+/**
+ * For each telemetry point find the closest-in-time point in the prediction and
+ * compute horizontal (haversine) and vertical deviations.
+ *
+ * Telemetry points outside the prediction's time window are skipped —
+ * bisectClosest would clamp them to the boundary and produce misleading values.
+ */
+export function computeDeviations(
+	points: TelemetryPoint[],
+	prediction: Prediction
+): DeviationPoint[] {
+	if (points.length === 0 || prediction.timestamps.length === 0) return [];
+
+	const predStart = prediction.timestamps[0];
+	const predEnd = prediction.timestamps[prediction.timestamps.length - 1];
+
+	const result: DeviationPoint[] = [];
+	for (const p of points) {
+		const t = new Date(p.datetime).getTime();
+		if (t < predStart || t > predEnd) continue;
+
+		const i = bisectClosest(prediction.timestamps, t);
+		const fp = prediction.flight_path[i];
+		const predAlt = (fp[2] as number | undefined) ?? 0;
+
+		result.push({
+			timeMs: t,
+			horizontal: distHaversine({ lat: p.latitude, lng: p.longitude }, { lat: fp[0], lng: fp[1] }),
+			vertical: p.altitude - predAlt,
+			altActual: p.altitude,
+			altPredicted: predAlt
+		});
+	}
+	return result;
+}
+
+/** Binary search: index of the element in `arr` closest to `target`. */
+function bisectClosest(arr: number[], target: number): number {
+	let lo = 0;
+	let hi = arr.length - 1;
+	while (lo < hi) {
+		const mid = (lo + hi) >> 1;
+		if (arr[mid] < target) lo = mid + 1;
+		else hi = mid;
+	}
+	if (lo > 0 && Math.abs(arr[lo - 1] - target) < Math.abs(arr[lo] - target)) return lo - 1;
+	return lo;
+}
diff --git a/src/lib/domain/prediction.ts b/src/lib/domain/prediction.ts
new file mode 100644
index 0000000..e3349d0
--- /dev/null
+++ b/src/lib/domain/prediction.ts
@@ -0,0 +1,78 @@
+import type { LatLngTuple, LatLng } from './geo';
+import { normalizeLng } from './geo';
+
+export interface Point {
+	latlng: LatLng;
+	datetime: Date;
+}
+
+export interface TrajectoryPoint {
+	altitude: number;
+	datetime: string;
+	latitude: number;
+	longitude: number;
+}
+
+export interface PredictionStage {
+	stage: string;
+	trajectory: TrajectoryPoint[];
+}
+
+export interface PredictionMetadata {
+	complete_datetime: string;
+	start_datetime: string;
+}
+
+export interface RawPrediction {
+	metadata: PredictionMetadata;
+	prediction: PredictionStage[];
+}
+
+export interface Prediction {
+	flight_path: LatLngTuple[];
+	/** Epoch-ms timestamp for each point in flight_path (parallel array). */
+	timestamps: number[];
+	launch: Point;
+	burst: Point;
+	landing: Point;
+	profile: string;
+	flight_time: number;
+}
+
+function pointFromTrajectory(tp: TrajectoryPoint): Point {
+	return {
+		latlng: { lat: tp.latitude, lng: normalizeLng(tp.longitude), alt: tp.altitude },
+		datetime: new Date(tp.datetime)
+	};
+}
+
+/**
+ * Fold a raw prediction response (stages → trajectory) into a flat Prediction
+ * with derived launch/burst/landing markers and a single flight_path array.
+ */
+export function parsePrediction(stages: PredictionStage[]): Prediction {
+	if (stages.length < 2) {
+		throw new Error('Prediction requires at least ascent and descent stages');
+	}
+
+	const ascent = stages[0].trajectory;
+	const descent = stages[1].trajectory;
+	const all = [...ascent, ...descent];
+
+	const flight_path: LatLngTuple[] = all.map((p) => [
+		p.latitude,
+		normalizeLng(p.longitude),
+		p.altitude
+	]);
+
+	const timestamps: number[] = all.map((p) => new Date(p.datetime).getTime());
+
+	const launch = pointFromTrajectory(ascent[0]);
+	const burst = pointFromTrajectory(descent[0]);
+	const landing = pointFromTrajectory(descent[descent.length - 1]);
+
+	const profile = stages[1].stage === 'descent' ? 'standard_profile' : 'float_profile';
+	const flight_time = (landing.datetime.getTime() - launch.datetime.getTime()) / 1000;
+
+	return { flight_path, timestamps, launch, burst, landing, profile, flight_time };
+}
diff --git a/src/lib/domain/profile.ts b/src/lib/domain/profile.ts
new file mode 100644
index 0000000..ca3283b
--- /dev/null
+++ b/src/lib/domain/profile.ts
@@ -0,0 +1,238 @@
+import type { FlightParameters } from './flightParameters';
+import type { RateCurvePoint } from './curve';
+
+/**
+ * Custom flight profiles: an ordered list of stages, each a propagator with
+ * constraints that decide when it ends and what happens next (guidelines §6.4).
+ *
+ * The shapes mirror the predictor's v2 request exactly — `constant_rate`,
+ * `parachute_descent`, `piecewise` and `wind` solvers, and constraints with a
+ * `stop` / `fallback` / `clip` action — so building the request is a plain
+ * mapping rather than a translation.
+ */
+
+export const SOLVER_TYPES = ['constant_rate', 'parachute_descent', 'piecewise', 'wind'] as const;
+export type SolverType = (typeof SOLVER_TYPES)[number];
+
+export const CONSTRAINT_TYPES = ['altitude', 'time', 'terrain_contact', 'polygon'] as const;
+export type ConstraintType = (typeof CONSTRAINT_TYPES)[number];
+
+export const OPERATORS = ['<', '<=', '>', '>=', '=='] as const;
+export type Operator = (typeof OPERATORS)[number];
+
+export type ConstraintAction = 'stop' | 'fallback' | 'clip';
+
+export interface ConstraintSpec {
+	type: ConstraintType;
+	op?: Operator;
+	limit?: number;
+	action: ConstraintAction;
+	/** Name of the stage to hand control to when `action` is `fallback`. */
+	fallback?: string;
+	polygon?: [number, number][];
+}
+
+export interface StageSolver {
+	type: SolverType;
+	/** constant_rate: vertical rate (m/s). */
+	rate?: number;
+	/** parachute_descent: descent rate at sea level (m/s). */
+	sea_level_rate?: number;
+	/** piecewise: the curve editor's points, mapped to segments on submit. */
+	segments?: RateCurvePoint[];
+	include_wind: boolean;
+}
+
+export interface ProfileStage {
+	/** Unique within a profile; fallbacks reference it by name. */
+	name: string;
+	solver: StageSolver;
+	/** Normal exits. */
+	advanceWhen: ConstraintSpec[];
+	/** Abort exits — trip to a fallback stage instead of the next one. */
+	abortIf: ConstraintSpec[];
+}
+
+/** The standard ascent → burst → descent profile, as explicit stages. */
+export function standardStages(params: FlightParameters): ProfileStage[] {
+	return [
+		{
+			name: 'ascent',
+			solver: { type: 'constant_rate', rate: params.ascent_rate, include_wind: true },
+			advanceWhen: [
+				{ type: 'altitude', op: '>=', limit: params.burst_altitude, action: 'stop' }
+			],
+			abortIf: []
+		},
+		{
+			name: 'descent',
+			solver: { type: 'parachute_descent', sea_level_rate: params.descent_rate, include_wind: true },
+			advanceWhen: [{ type: 'terrain_contact', action: 'stop' }],
+			abortIf: []
+		}
+	];
+}
+
+/** Float: climb, then hold altitude until a time cap. */
+export function floatStages(params: FlightParameters): ProfileStage[] {
+	return [
+		{
+			name: 'ascent',
+			solver: { type: 'constant_rate', rate: params.ascent_rate, include_wind: true },
+			advanceWhen: [
+				{ type: 'altitude', op: '>=', limit: params.burst_altitude, action: 'stop' }
+			],
+			abortIf: []
+		},
+		{
+			name: 'float',
+			solver: { type: 'wind', include_wind: true },
+			advanceWhen: [{ type: 'time', op: '>=', limit: 6 * 3600, action: 'stop' }],
+			abortIf: []
+		}
+	];
+}
+
+export const PROFILE_PRESETS = {
+	standard: standardStages,
+	float: floatStages
+} as const;
+
+/**
+ * Validate a profile. Returns i18n keys — empty means the profile can be run.
+ *
+ * The two failures that actually break a run are a stage with no exit (it would
+ * integrate forever) and a fallback pointing at a stage that does not exist.
+ */
+export function validateProfile(stages: ProfileStage[]): string[] {
+	const problems: string[] = [];
+	if (stages.length === 0) return ['profileBuilder.errNoStages'];
+
+	const names = stages.map((s) => s.name.trim());
+	if (names.some((n) => !n)) problems.push('profileBuilder.errUnnamedStage');
+	if (new Set(names).size !== names.length) problems.push('profileBuilder.errDuplicateName');
+
+	for (const stage of stages) {
+		if (stage.advanceWhen.length === 0 && stage.abortIf.length === 0) {
+			problems.push('profileBuilder.errNoExit');
+			break;
+		}
+	}
+
+	for (const stage of stages) {
+		for (const c of [...stage.advanceWhen, ...stage.abortIf]) {
+			// Scalar comparisons need both halves; terrain/polygon do not.
+			if ((c.type === 'altitude' || c.type === 'time') && (!c.op || c.limit === undefined)) {
+				problems.push('profileBuilder.errIncompleteConstraint');
+			}
+			if (c.action === 'fallback' && (!c.fallback || !names.includes(c.fallback))) {
+				problems.push('profileBuilder.errMissingFallback');
+			}
+		}
+	}
+
+	return [...new Set(problems)];
+}
+
+/** Map a stage's solver to the predictor's discriminated `model` object. */
+function toModel(solver: StageSolver): Record<string, unknown> {
+	switch (solver.type) {
+		case 'constant_rate':
+			return { type: 'constant_rate', rate: solver.rate ?? 0, include_wind: solver.include_wind };
+		case 'parachute_descent':
+			return {
+				type: 'parachute_descent',
+				sea_level_rate: solver.sea_level_rate ?? 0,
+				include_wind: solver.include_wind
+			};
+		case 'piecewise':
+			return {
+				type: 'piecewise',
+				// The curve editor works in (time, altitude); the predictor consumes
+				// segments carrying the same pair plus its reference frame.
+				segments: (solver.segments ?? []).map((p) => ({
+					reference: 'profile_start',
+					time: p.time_constraint,
+					altitude: p.alt_constraint,
+					rate: p.rate
+				})),
+				include_wind: solver.include_wind
+			};
+		case 'wind':
+			return { type: 'wind', include_wind: solver.include_wind };
+	}
+}
+
+const toConstraint = (c: ConstraintSpec) => ({
+	type: c.type,
+	...(c.op !== undefined ? { op: c.op } : {}),
+	...(c.limit !== undefined ? { limit: c.limit } : {}),
+	action: c.action,
+	...(c.fallback ? { fallback: c.fallback } : {}),
+	...(c.polygon ? { polygon: c.polygon } : {})
+});
+
+export interface V2Request {
+	launch: { time: string; latitude: number; longitude: number; altitude: number };
+	direction: 'forward' | 'reverse';
+	profile: Array<{
+		name: string;
+		model: Record<string, unknown>;
+		constraints: ReturnType<typeof toConstraint>[];
+	}>;
+	globals: ReturnType<typeof toConstraint>[];
+	source?: string;
+	dataset?: string;
+}
+
+/** Build the predictor v2 request for a custom profile. */
+export function toV2Request(
+	stages: ProfileStage[],
+	params: FlightParameters,
+	launchIso: string,
+	options: { source?: string; dataset?: string; direction?: 'forward' | 'reverse' } = {}
+): V2Request {
+	return {
+		launch: {
+			time: launchIso,
+			latitude: params.launch_latitude,
+			longitude: params.launch_longitude,
+			altitude: params.launch_altitude
+		},
+		direction: options.direction ?? 'forward',
+		profile: stages.map((s) => ({
+			name: s.name,
+			model: toModel(s.solver),
+			// Both blocks are constraints to the predictor; the action is what makes
+			// an abort different from a normal advance.
+			constraints: [...s.advanceWhen, ...s.abortIf].map(toConstraint)
+		})),
+		globals: [],
+		...(options.source ? { source: options.source } : {}),
+		...(options.dataset ? { dataset: options.dataset } : {})
+	};
+}
+
+/** One-line summary for a collapsed stage card (e.g. `Ascent · 5 m/s → 30000 m`). */
+export function stageSummary(stage: ProfileStage): string {
+	const s = stage.solver;
+	const rate =
+		s.type === 'constant_rate'
+			? `${s.rate ?? 0} m/s`
+			: s.type === 'parachute_descent'
+				? `${s.sea_level_rate ?? 0} m/s`
+				: s.type === 'piecewise'
+					? `${(s.segments ?? []).length} pts`
+					: 'wind';
+
+	const exit = stage.advanceWhen[0];
+	const until = exit
+		? exit.type === 'terrain_contact'
+			? '→ ground'
+			: exit.limit !== undefined
+				? `→ ${exit.limit}${exit.type === 'time' ? ' s' : ' m'}`
+				: ''
+		: '';
+
+	return `${stage.name} · ${rate} ${until}`.trim();
+}
diff --git a/src/lib/domain/provenance.ts b/src/lib/domain/provenance.ts
new file mode 100644
index 0000000..af74721
--- /dev/null
+++ b/src/lib/domain/provenance.ts
@@ -0,0 +1,37 @@
+import type { FlightParameters, SavedPoint } from './flightParameters';
+
+/**
+ * Saved-vs-live state machine (guidelines §3). A field loaded from a library
+ * item is Custom (no source), Linked-clean (equals its source), or Linked-dirty
+ * (edited since load). These pure helpers derive the "dirty" bit; the UI maps it
+ * to the provenance chip and Save affordances.
+ */
+
+const eq = (a: number, b: number, dp: number) => a.toFixed(dp) === b.toFixed(dp);
+
+/** True if the launch coordinates diverge from the saved point they were loaded from. */
+export function pointDirty(
+	params: Pick<FlightParameters, 'launch_latitude' | 'launch_longitude' | 'launch_altitude'>,
+	point: Pick<SavedPoint, 'lat' | 'lon' | 'alt'>
+): boolean {
+	return (
+		!eq(params.launch_latitude, point.lat, 6) ||
+		!eq(params.launch_longitude, point.lon, 6) ||
+		!eq(params.launch_altitude, point.alt, 2)
+	);
+}
+
+const TEMPLATE_KEYS: (keyof FlightParameters)[] = [
+	'ascent_rate',
+	'burst_altitude',
+	'descent_rate',
+	'launch_altitude',
+	'launch_latitude',
+	'launch_longitude',
+	'profile'
+];
+
+/** True if the live parameters diverge from the template they were applied from. */
+export function templateDirty(params: FlightParameters, tpl: FlightParameters): boolean {
+	return TEMPLATE_KEYS.some((k) => String(params[k]) !== String(tpl[k]));
+}
diff --git a/src/lib/domain/scenario.ts b/src/lib/domain/scenario.ts
new file mode 100644
index 0000000..63338b3
--- /dev/null
+++ b/src/lib/domain/scenario.ts
@@ -0,0 +1,42 @@
+import type { FlightParameters } from './flightParameters';
+import type { Prediction } from './prediction';
+import type { RateCurvePoint } from './curve';
+import type { ProfileStage } from './profile';
+import type { EnsembleResult } from './ensemble';
+
+/**
+ * A Scenario is an independently-configured, live prediction instance drawn on
+ * the map (was "Workspace"). Parameters + computed result + display style.
+ */
+export interface Scenario {
+	id: string;
+	name: string;
+	color: string; // identity, not chrome
+	opacity: number; // 0..1
+	visible: boolean;
+	flightParameters: FlightParameters;
+	launchDate: string; // YYYY-MM-DD
+	launchTime: string; // HH:mm[:ss] (UTC)
+	/**
+	 * Custom-curve data for the "custom_profile" solver. Lives on the scenario
+	 * because the backend has no saved-profiles endpoint yet.
+	 */
+	curve?: RateCurvePoint[];
+	/** Stage list for the custom profile builder (guidelines §6.4). */
+	stages?: ProfileStage[];
+	result: Prediction | null;
+	runStatus: 'idle' | 'running' | 'done' | 'error';
+	lastRunError?: string;
+	/** Landing footprint from a GEFS ensemble run, when one was requested. */
+	ensemble?: EnsembleResult | null;
+	/** Id of the in-flight async job, used to poll and to cancel. */
+	jobId?: string | null;
+}
+
+export interface ScenarioInit {
+	name?: string;
+	color?: string;
+	flightParameters?: FlightParameters;
+	launchDate?: string;
+	launchTime?: string;
+}
diff --git a/src/lib/domain/telemetry.ts b/src/lib/domain/telemetry.ts
new file mode 100644
index 0000000..1e977af
--- /dev/null
+++ b/src/lib/domain/telemetry.ts
@@ -0,0 +1,43 @@
+import type { LatLngTuple } from './geo';
+import type { Point } from './prediction';
+
+/** A single telemetry sample, normalized from the backend packet shape. */
+export interface TelemetryPoint {
+	altitude: number;
+	datetime: string; // ISO 8601 UTC
+	latitude: number;
+	longitude: number;
+	payload: string;
+}
+
+export interface TelemetryMetadata {
+	complete_datetime: string;
+	start_datetime: string;
+}
+
+export interface RawTelemetry {
+	metadata: TelemetryMetadata;
+	telemetry: TelemetryPoint[];
+}
+
+/** A real tracked flight: the actual path flown, distinct from a Prediction. */
+export interface Telemetry {
+	flight_path: LatLngTuple[];
+	launch: Point;
+	datapoints: TelemetryPoint[];
+}
+
+export function parseTelemetry(points: TelemetryPoint[]): Telemetry {
+	if (points.length === 0) {
+		throw new Error('Telemetry requires at least one datapoint');
+	}
+
+	const flight_path: LatLngTuple[] = points.map((p) => [p.latitude, p.longitude, p.altitude]);
+
+	const launch: Point = {
+		latlng: { lat: points[0].latitude, lng: points[0].longitude, alt: points[0].altitude },
+		datetime: new Date(points[0].datetime)
+	};
+
+	return { flight_path, launch, datapoints: points };
+}
diff --git a/src/lib/domain/units.ts b/src/lib/domain/units.ts
new file mode 100644
index 0000000..7349305
--- /dev/null
+++ b/src/lib/domain/units.ts
@@ -0,0 +1,55 @@
+/**
+ * Display conversions. Storage is always SI (m, m/s) and coordinates are always
+ * decimal degrees — these helpers are presentation-only and never round-trip
+ * back into stored values (guidelines §10).
+ */
+
+export type UnitSystem = 'metric' | 'imperial';
+export type CoordFormat = 'dd' | 'dms';
+export type TimeDisplay = 'utc' | 'local';
+
+const M_TO_FT = 3.280839895;
+const MS_TO_FTMIN = 196.8503937;
+
+/** Format a stored altitude (metres) for display. */
+export function formatAltitude(metres: number, system: UnitSystem): string {
+	if (system === 'imperial') return `${Math.round(metres * M_TO_FT)} ft`;
+	return `${Math.round(metres)} m`;
+}
+
+/** Format a stored vertical rate (m/s) for display. */
+export function formatRate(ms: number, system: UnitSystem): string {
+	if (system === 'imperial') return `${Math.round(ms * MS_TO_FTMIN)} ft/min`;
+	return `${ms.toFixed(1)} m/s`;
+}
+
+/** Degrees → degrees/minutes/seconds with a hemisphere suffix. */
+export function toDms(value: number, axis: 'lat' | 'lon'): string {
+	const hemi = axis === 'lat' ? (value >= 0 ? 'N' : 'S') : value >= 0 ? 'E' : 'W';
+	const abs = Math.abs(value);
+	const deg = Math.floor(abs);
+	const minFloat = (abs - deg) * 60;
+	const min = Math.floor(minFloat);
+	const sec = (minFloat - min) * 60;
+	return `${deg}°${String(min).padStart(2, '0')}'${sec.toFixed(2).padStart(5, '0')}"${hemi}`;
+}
+
+/** Format a stored decimal-degree coordinate pair for display. */
+export function formatCoords(lat: number, lon: number, format: CoordFormat): string {
+	if (format === 'dms') return `${toDms(lat, 'lat')} ${toDms(lon, 'lon')}`;
+	return `${lat.toFixed(4)}, ${lon.toFixed(4)}`;
+}
+
+/**
+ * Format an instant for display. UTC is canonical and always labelled; local
+ * time is an opt-in view.
+ */
+export function formatTime(date: Date, display: TimeDisplay): string {
+	if (display === 'local') {
+		const hh = String(date.getHours()).padStart(2, '0');
+		const mm = String(date.getMinutes()).padStart(2, '0');
+		const ss = String(date.getSeconds()).padStart(2, '0');
+		return `${hh}:${mm}:${ss}`;
+	}
+	return `${date.toISOString().slice(11, 19)} UTC`;
+}
diff --git a/src/lib/domain/wind.ts b/src/lib/domain/wind.ts
new file mode 100644
index 0000000..c9058a1
--- /dev/null
+++ b/src/lib/domain/wind.ts
@@ -0,0 +1,192 @@
+/**
+ * Wind field types matching the wind-js-server / leaflet-velocity format
+ * produced by the predictor's wind/field endpoint (proxied by the backend).
+ *
+ * The response is a two-element array [U, V] where U is the eastward and V the
+ * northward wind component, each stored as a regular lat/lng grid described by
+ * a GRIB-style header.
+ */
+
+export interface WindHeader {
+	parameterUnit: string;
+	parameterNumberName: string;
+	/** Grid points in the longitude direction. */
+	nx: number;
+	/** Grid points in the latitude direction. */
+	ny: number;
+	lo1: number; // longitude of first grid point (degrees)
+	la1: number; // latitude of first grid point (degrees)
+	lo2: number; // longitude of last grid point
+	la2: number; // latitude of last grid point
+	/**
+	 * Grid increments in degrees. Both are reported as positive magnitudes by the
+	 * predictor regardless of scan direction, so the scan direction must be
+	 * inferred from the extent (la1/la2, lo1/lo2) — see decodeWindField.
+	 */
+	dx: number;
+	dy: number;
+	refTime: string; // ISO 8601 reference time
+}
+
+export interface WindComponent {
+	header: WindHeader;
+	/** Flat row-major array: data[j * nx + i] = value at row j, column i. */
+	data: number[];
+}
+
+/** [U-component (eastward m/s), V-component (northward m/s)] */
+export type WindField = [WindComponent, WindComponent];
+
+export interface WindMeta {
+	source: string;
+	epoch: string;
+	altitudes: number[];
+	bbox: { min_lat: number; max_lat: number; min_lng: number; max_lng: number };
+}
+
+/** Decoded wind vector at a single grid cell. */
+export interface WindVector {
+	lat: number;
+	lng: number;
+	u: number; // eastward component (m/s)
+	v: number; // northward component (m/s)
+	speed: number; // magnitude (m/s)
+	/**
+	 * Direction the wind blows TO, degrees clockwise from north.
+	 * 0° = northward, 90° = eastward. Derivation: bearing = atan2(U, V).
+	 */
+	bearing: number;
+}
+
+export interface WindSettings {
+	/** Master toggle — off by default. */
+	enabled: boolean;
+	/** Grid resolution for display (degrees). */
+	step: number;
+	/** Particle count scalar (particles per screen pixel). Higher = denser. */
+	particleDensity: number;
+	/** Advection speed multiplier — how fast particles flow. */
+	particleSpeed: number;
+	/** Trail persistence in [0,1): fraction of each trail kept per frame. */
+	trailPersistence: number;
+	/** Wind speed (m/s) mapped to the top of the colour scale. */
+	maxVelocity: number;
+	/** Altitude (m) the field is sampled at. */
+	altitude: number;
+}
+
+export const DEFAULT_WIND_SETTINGS: WindSettings = {
+	enabled: false,
+	step: 1.0,
+	particleDensity: 1.0,
+	particleSpeed: 1.0,
+	trailPersistence: 0.92,
+	maxVelocity: 30,
+	altitude: 10000
+};
+
+/** Wrap a longitude into the (-180, 180] range MapLibre renders. */
+function wrapLng(lng: number): number {
+	let x = ((lng + 180) % 360) - 180;
+	if (x <= -180) x += 360;
+	return x;
+}
+
+/**
+ * Rasterize a WindField into an array of wind vectors — one per grid cell.
+ *
+ * Coordinate handling is derived from the grid extent (la1/la2, lo1/lo2) rather
+ * than the raw dx/dy increments, because the predictor reports:
+ *   • longitudes in the 0..360 range (e.g. lo1 = 358 for a query at -2°), and
+ *   • a *positive* dy even when the grid scans north→south (la1 = 90,
+ *     la2 = -90), which would otherwise send `la1 + j·dy` past the pole.
+ *
+ * Stepping from the first point toward the last (la1→la2, lo1→lo2) and wrapping
+ * longitudes into (-180, 180] places every vector at its true geographic
+ * position regardless of scan direction or longitude convention.
+ */
+export function decodeWindField(field: WindField): WindVector[] {
+	const [uComp, vComp] = field;
+	const { nx, ny, lo1, la1, lo2, la2, dx, dy } = uComp.header;
+	const vectors: WindVector[] = [];
+
+	// Per-step deltas taken from the grid extent so the last row/column lands
+	// exactly on la2/lo2. Longitude span is taken the short way around the globe
+	// to stay correct for boxes that cross the 0/360 seam.
+	const lonSpan = (((lo2 - lo1) % 360) + 360) % 360;
+	const lngDelta = nx > 1 ? lonSpan / (nx - 1) : dx;
+	const latDelta = ny > 1 ? (la2 - la1) / (ny - 1) : -Math.abs(dy);
+
+	for (let j = 0; j < ny; j++) {
+		const lat = la1 + j * latDelta;
+		for (let i = 0; i < nx; i++) {
+			const idx = j * nx + i;
+			const u = uComp.data[idx];
+			const v = vComp.data[idx];
+			if (!Number.isFinite(u) || !Number.isFinite(v)) continue;
+			const lng = wrapLng(lo1 + i * lngDelta);
+			const speed = Math.sqrt(u * u + v * v);
+			const bearing = (Math.atan2(u, v) * 180) / Math.PI;
+			vectors.push({ lat, lng, u, v, speed, bearing });
+		}
+	}
+
+	return vectors;
+}
+
+/** Samples the wind field at an arbitrary lng/lat. Returns null outside the grid. */
+export type WindInterpolator = (lng: number, lat: number) => [number, number] | null;
+
+/**
+ * Build a bilinear interpolator over a WindField, used by the particle renderer
+ * to advect points through a continuous [u, v] field.
+ *
+ * Coordinate handling mirrors decodeWindField: longitudes are taken in the
+ * grid's native 0..360 frame (so a query lng is brought into that frame), and
+ * the per-step increments come from the grid extent so scan direction is handled
+ * implicitly.
+ */
+export function createWindInterpolator(field: WindField): WindInterpolator {
+	const [uComp, vComp] = field;
+	const { nx, ny, lo1, la1, lo2, la2, dx, dy } = uComp.header;
+	const u = uComp.data;
+	const v = vComp.data;
+
+	const lonSpan = (((lo2 - lo1) % 360) + 360) % 360;
+	const lngDelta = nx > 1 ? lonSpan / (nx - 1) : dx;
+	const latDelta = ny > 1 ? (la2 - la1) / (ny - 1) : -Math.abs(dy);
+
+	return (lng, lat) => {
+		if (lngDelta === 0 || latDelta === 0) return null;
+
+		const rj = (lat - la1) / latDelta;
+		if (rj < 0 || rj > ny - 1) return null;
+
+		// Eastward offset from lo1 in the grid's 0..360 frame.
+		const dLon = (((lng - lo1) % 360) + 360) % 360;
+		const ci = dLon / lngDelta;
+		if (ci < 0 || ci > nx - 1) return null;
+
+		const i0 = Math.floor(ci);
+		const j0 = Math.floor(rj);
+		const i1 = Math.min(i0 + 1, nx - 1);
+		const j1 = Math.min(j0 + 1, ny - 1);
+		const fi = ci - i0;
+		const fj = rj - j0;
+
+		const a = (1 - fi) * (1 - fj);
+		const b = fi * (1 - fj);
+		const c = (1 - fi) * fj;
+		const d = fi * fj;
+
+		const k00 = j0 * nx + i0;
+		const k10 = j0 * nx + i1;
+		const k01 = j1 * nx + i0;
+		const k11 = j1 * nx + i1;
+
+		const ui = u[k00] * a + u[k10] * b + u[k01] * c + u[k11] * d;
+		const vi = v[k00] * a + v[k10] * b + v[k01] * c + v[k11] * d;
+		if (!Number.isFinite(ui) || !Number.isFinite(vi)) return null;
+		return [ui, vi];
+	};
+}
diff --git a/src/lib/features/account/AccountPanel.svelte b/src/lib/features/account/AccountPanel.svelte
new file mode 100644
index 0000000..94d09e3
--- /dev/null
+++ b/src/lib/features/account/AccountPanel.svelte
@@ -0,0 +1,163 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { goto } from '$app/navigation';
+	import { profileApi, type UserProfile } from '$api';
+	import { authStore } from '$auth';
+	import { addToast } from '$ui';
+	import { t } from '$i18n';
+
+	let profile = $state<UserProfile | null>(null);
+	let loadError = $state('');
+	let email = $state('');
+	let oldPassword = $state('');
+	let newPassword = $state('');
+	let deletePassword = $state('');
+	let confirmingDeleteData = $state(false);
+	let confirmingDeleteAccount = $state(false);
+
+	onMount(async () => {
+		try {
+			profile = await profileApi.get();
+			email = profile.email;
+		} catch (err) {
+			loadError = (err as Error).message;
+		}
+	});
+
+	async function saveEmail() {
+		try {
+			profile = await profileApi.update({ email });
+			addToast('success', $t('account.emailSaved'));
+		} catch (err) {
+			addToast('error', (err as Error).message || $t('account.failed'));
+		}
+	}
+
+	async function changePassword() {
+		try {
+			await profileApi.changePassword(oldPassword, newPassword);
+			oldPassword = '';
+			newPassword = '';
+			addToast('success', $t('account.passwordChanged'));
+		} catch (err) {
+			addToast('error', (err as Error).message || $t('account.failed'));
+		}
+	}
+
+	async function deleteData() {
+		try {
+			await profileApi.deleteData();
+			confirmingDeleteData = false;
+			addToast('success', $t('account.deleteDataDone'));
+		} catch (err) {
+			addToast('error', (err as Error).message || $t('account.failed'));
+		}
+	}
+
+	async function deleteAccount() {
+		try {
+			await profileApi.deleteAccount(deletePassword);
+			await authStore.logout();
+			goto('/login');
+		} catch (err) {
+			addToast('error', (err as Error).message || $t('account.failed'));
+		}
+	}
+</script>
+
+{#if loadError}
+	<div class="alert alert-danger" role="alert">{loadError}</div>
+{:else if !profile}
+	<div class="spinner-border" role="status"><span class="visually-hidden">…</span></div>
+{:else}
+	<div class="card mb-4">
+		<div class="card-body">
+			<div class="mb-3">
+				<span class="text-muted small">{$t('account.username')}:</span>
+				<strong>{profile.username}</strong>
+			</div>
+			<label class="form-label" for="ac-email">{$t('account.email')}</label>
+			<div class="input-group" style="max-width: 28rem">
+				<input id="ac-email" type="email" class="form-control" bind:value={email} />
+				<button class="btn btn-primary" onclick={saveEmail} disabled={email === profile.email}>
+					{$t('account.saveEmail')}
+				</button>
+			</div>
+		</div>
+	</div>
+
+	<div class="card mb-4">
+		<div class="card-body" style="max-width: 28rem">
+			<h6 class="card-title">{$t('account.changePassword')}</h6>
+			<input
+				type="password"
+				class="form-control mb-2"
+				placeholder={$t('account.oldPassword')}
+				bind:value={oldPassword} />
+			<input
+				type="password"
+				class="form-control mb-3"
+				placeholder={$t('account.newPassword')}
+				bind:value={newPassword} />
+			<button
+				class="btn btn-primary"
+				onclick={changePassword}
+				disabled={!oldPassword || !newPassword}>
+				{$t('account.changePasswordSubmit')}
+			</button>
+		</div>
+	</div>
+
+	<div class="card border-danger">
+		<div class="card-body">
+			<h6 class="card-title text-danger">{$t('account.dangerZone')}</h6>
+
+			<div class="mb-3">
+				{#if confirmingDeleteData}
+					<button
+						class="btn btn-sm btn-outline-secondary me-2"
+						onclick={() => (confirmingDeleteData = false)}>
+						{$t('account.cancel')}
+					</button>
+					<button
+						class="btn btn-sm btn-danger"
+						data-testid="confirm-delete-data"
+						onclick={deleteData}>
+						{$t('account.confirm')}
+					</button>
+				{:else}
+					<button
+						class="btn btn-sm btn-outline-danger"
+						onclick={() => (confirmingDeleteData = true)}>
+						{$t('account.deleteData')}
+					</button>
+				{/if}
+			</div>
+
+			<hr />
+
+			{#if confirmingDeleteAccount}
+				<label class="form-label small" for="ac-delpw">{$t('account.deleteAccountConfirm')}</label>
+				<div class="input-group mb-2" style="max-width: 28rem">
+					<input id="ac-delpw" type="password" class="form-control" bind:value={deletePassword} />
+					<button
+						class="btn btn-outline-secondary"
+						onclick={() => (confirmingDeleteAccount = false)}>
+						{$t('account.cancel')}
+					</button>
+					<button
+						class="btn btn-danger"
+						data-testid="confirm-delete-account"
+						onclick={deleteAccount}
+						disabled={!deletePassword}>
+						{$t('account.confirm')}
+					</button>
+				</div>
+			{:else}
+				<button class="btn btn-sm btn-danger" onclick={() => (confirmingDeleteAccount = true)}>
+					{$t('account.deleteAccount')}
+				</button>
+			{/if}
+		</div>
+	</div>
+{/if}
diff --git a/src/lib/features/account/HistoryPanel.svelte b/src/lib/features/account/HistoryPanel.svelte
new file mode 100644
index 0000000..88d1794
--- /dev/null
+++ b/src/lib/features/account/HistoryPanel.svelte
@@ -0,0 +1,266 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { goto } from '$app/navigation';
+	import { predictionsApi, type StoredPrediction, type StoredPredictionDetail } from '$api';
+	import { toHistoryRow, formatCoords, type HistoryRow } from '$domain';
+	import { settingsStore } from '$features/settings';
+	import { scenariosStore } from '$features/scenarios';
+	import { addToast } from '$ui';
+	import { t } from '$i18n';
+
+	const PAGE_SIZE = 10;
+
+	let rows = $state<HistoryRow[]>([]);
+	let total = $state(0);
+	let skip = $state(0);
+	let status = $state<'loading' | 'empty' | 'error' | 'loaded'>('loading');
+	let error = $state('');
+	let detail = $state<StoredPredictionDetail | null>(null);
+	let detailLoading = $state(false);
+
+	/** Removed rows are held here until the undo window closes. */
+	let pendingDelete = $state<{ row: HistoryRow; timer: ReturnType<typeof setTimeout> } | null>(null);
+
+	async function load(nextSkip = skip) {
+		status = 'loading';
+		error = '';
+		try {
+			const page = await predictionsApi.page(PAGE_SIZE, nextSkip);
+			total = page.total;
+			skip = page.skip;
+			rows = page.predictions.map((p: StoredPrediction) => toHistoryRow(p));
+			status = rows.length === 0 ? 'empty' : 'loaded';
+		} catch (err) {
+			error = (err as Error).message;
+			status = 'error';
+		}
+	}
+
+	onMount(load);
+
+	async function openDetail(id: string) {
+		detailLoading = true;
+		try {
+			detail = await predictionsApi.detail(id);
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		} finally {
+			detailLoading = false;
+		}
+	}
+
+	/**
+	 * Delete optimistically with an undo window (guidelines §9: prefer undo over a
+	 * confirmation dialog). The server call only fires once the window closes.
+	 */
+	function remove(row: HistoryRow) {
+		rows = rows.filter((r) => r.id !== row.id);
+		total -= 1;
+		if (detail?.id === row.id) detail = null;
+
+		const timer = setTimeout(async () => {
+			try {
+				await predictionsApi.remove(row.id);
+			} catch (err) {
+				addToast('error', (err as Error).message);
+				await load();
+			} finally {
+				pendingDelete = null;
+			}
+		}, 5000);
+
+		pendingDelete = { row, timer };
+	}
+
+	function undo() {
+		if (!pendingDelete) return;
+		clearTimeout(pendingDelete.timer);
+		pendingDelete = null;
+		load();
+	}
+
+	/** Recreate a past run as a live scenario, using its stored request. */
+	async function loadIntoScenario(id: string) {
+		try {
+			const full = detail?.id === id ? detail : await predictionsApi.detail(id);
+			if (!full?.request) {
+				addToast('error', $t('history.noRequest'));
+				return;
+			}
+			const { launch_datetime, ...params } = full.request;
+			const launch = launch_datetime ? new Date(launch_datetime) : new Date();
+			scenariosStore.add({
+				name: `${$t('history.fromHistory')} ${full.id.slice(0, 8)}`,
+				flightParameters: params,
+				launchDate: launch.toISOString().slice(0, 10),
+				launchTime: launch.toISOString().slice(11, 19)
+			});
+			addToast('success', $t('history.loadedIntoScenario'));
+			goto('/app');
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	}
+
+	/** Mint a share link for a stored run and put it on the clipboard. */
+	async function share(id: string) {
+		try {
+			const { share_token } = await predictionsApi.share(id);
+			if (!share_token) return;
+			const url = `${window.location.origin}/p/${share_token}/`;
+			try {
+				await navigator.clipboard.writeText(url);
+				addToast('success', $t('flights.linkCopied'));
+			} catch {
+				// Clipboard can be blocked; the link is still useful on screen.
+				addToast('info', url);
+			}
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	}
+
+	const fmtTime = (sec: number) => {
+		const m = Math.round(sec / 60);
+		return `${Math.floor(m / 60)}${$t('scenarios.hour')} ${m % 60}${$t('scenarios.min')}`;
+	};
+	const fmtDate = (d: Date) => `${d.toISOString().slice(0, 10)} ${d.toISOString().slice(11, 16)} UTC`;
+</script>
+
+{#if pendingDelete}
+	<div class="alert alert-secondary d-flex align-items-center py-2" data-testid="undo-bar">
+		<span class="me-auto small">{$t('history.deleted')}</span>
+		<button class="btn btn-sm btn-outline-secondary" data-testid="undo-delete" onclick={undo}>
+			{$t('history.undo')}
+		</button>
+	</div>
+{/if}
+
+{#if status === 'loading'}
+	<div class="spinner-border" role="status"><span class="visually-hidden">…</span></div>
+{:else if status === 'error'}
+	<div class="alert alert-danger" role="alert">
+		<div>{error}</div>
+		<button class="btn btn-sm btn-link p-0" data-testid="history-retry" onclick={() => load()}>
+			{$t('wind.retry')}
+		</button>
+	</div>
+{:else if status === 'empty'}
+	<p class="text-muted" data-testid="history-empty">{$t('history.empty')}</p>
+{:else}
+	<div class="table-responsive">
+		<table class="table table-sm align-middle" data-testid="history-table">
+			<thead>
+				<tr class="small text-muted">
+					<th>{$t('history.date')}</th>
+					<th>{$t('scenarios.landing')}</th>
+					<th>{$t('scenarios.flightTime')}</th>
+					<th></th>
+				</tr>
+			</thead>
+			<tbody>
+				{#each rows as row (row.id)}
+					<tr>
+						<td class="small font-monospace">{fmtDate(row.createdAt)}</td>
+						<td class="small font-monospace">
+							{#if row.landing}
+								{formatCoords(row.landing.lat, row.landing.lng, $settingsStore.format.coords)}
+							{:else}
+								<span class="badge text-bg-warning">{$t('history.broken')}</span>
+							{/if}
+						</td>
+						<td class="small">
+							{#if row.kind === 'ensemble'}
+								<span class="badge text-bg-info">{$t('ensemble.run')} · {row.members}</span>
+							{:else if row.broken}
+								—
+							{:else}
+								{fmtTime(row.flightTime)}
+							{/if}
+						</td>
+						<td class="text-end text-nowrap">
+							<button
+								class="btn btn-sm btn-link p-0 me-2"
+								data-testid="history-detail"
+								onclick={() => openDetail(row.id)}>
+								{$t('history.details')}
+							</button>
+							<button
+								class="btn btn-sm btn-link p-0 me-2"
+								data-testid="history-load"
+								onclick={() => loadIntoScenario(row.id)}>
+								{$t('history.loadIntoScenario')}
+							</button>
+							<button
+								class="btn btn-sm btn-link p-0 me-2"
+								data-testid="history-share"
+								onclick={() => share(row.id)}>
+								{$t('history.share')}
+							</button>
+							<button
+								class="btn btn-sm btn-link p-0 text-danger"
+								data-testid="history-delete"
+								aria-label={$t('scenarios.delete')}
+								onclick={() => remove(row)}>
+								<i class="bi bi-trash"></i>
+							</button>
+						</td>
+					</tr>
+				{/each}
+			</tbody>
+		</table>
+	</div>
+
+	<div class="d-flex align-items-center gap-2">
+		<button
+			class="btn btn-sm btn-outline-secondary"
+			data-testid="history-prev"
+			disabled={skip === 0}
+			onclick={() => load(Math.max(0, skip - PAGE_SIZE))}>
+			{$t('history.prev')}
+		</button>
+		<span class="small text-muted" data-testid="history-range">
+			{skip + 1}–{Math.min(skip + PAGE_SIZE, total)} / {total}
+		</span>
+		<button
+			class="btn btn-sm btn-outline-secondary"
+			data-testid="history-next"
+			disabled={skip + PAGE_SIZE >= total}
+			onclick={() => load(skip + PAGE_SIZE)}>
+			{$t('history.next')}
+		</button>
+	</div>
+{/if}
+
+{#if detailLoading}
+	<div class="mt-3 spinner-border spinner-border-sm" role="status"></div>
+{:else if detail}
+	<div class="card mt-3" data-testid="history-detail-card">
+		<div class="card-body">
+			<div class="d-flex justify-content-between align-items-start">
+				<h6 class="mb-2">{$t('history.details')}</h6>
+				<button
+					class="btn-close"
+					aria-label={$t('account.cancel')}
+					onclick={() => (detail = null)}></button>
+			</div>
+			<dl class="row mb-0 small">
+				<dt class="col-4 fw-normal text-muted">ID</dt>
+				<dd class="col-8 font-monospace">{detail.id}</dd>
+				<dt class="col-4 fw-normal text-muted">{$t('history.status')}</dt>
+				<dd class="col-8">{detail.status}</dd>
+				{#if detail.request}
+					<dt class="col-4 fw-normal text-muted">{$t('predict.ascentRate')}</dt>
+					<dd class="col-8">{detail.request.ascent_rate}</dd>
+					<dt class="col-4 fw-normal text-muted">{$t('predict.burstAltitude')}</dt>
+					<dd class="col-8">{detail.request.burst_altitude}</dd>
+					<dt class="col-4 fw-normal text-muted">{$t('predict.descentRate')}</dt>
+					<dd class="col-8">{detail.request.descent_rate}</dd>
+				{/if}
+			</dl>
+			{#if detail.error}
+				<div class="alert alert-danger py-1 px-2 small mt-2 mb-0">{detail.error}</div>
+			{/if}
+		</div>
+	</div>
+{/if}
diff --git a/src/lib/features/account/UserNav.svelte b/src/lib/features/account/UserNav.svelte
new file mode 100644
index 0000000..d725e14
--- /dev/null
+++ b/src/lib/features/account/UserNav.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import { t } from '$i18n';
+
+	const LINKS = [
+		{ href: '/user/account/', labelKey: 'account.heading' },
+		{ href: '/user/predictions/', labelKey: 'history.title' }
+	];
+</script>
+
+<nav class="nav nav-pills flex-column mb-3" aria-label={$t('account.heading')}>
+	{#each LINKS as link (link.href)}
+		<a
+			class="nav-link {page.url.pathname === link.href ? 'active' : ''}"
+			aria-current={page.url.pathname === link.href ? 'page' : undefined}
+			href={link.href}>
+			{$t(link.labelKey)}
+		</a>
+	{/each}
+</nav>
diff --git a/src/lib/features/account/index.ts b/src/lib/features/account/index.ts
new file mode 100644
index 0000000..d77d799
--- /dev/null
+++ b/src/lib/features/account/index.ts
@@ -0,0 +1,3 @@
+export { default as AccountPanel } from './AccountPanel.svelte';
+export { default as UserNav } from './UserNav.svelte';
+export { default as HistoryPanel } from './HistoryPanel.svelte';
diff --git a/src/lib/features/admin/AdminUsersPanel.svelte b/src/lib/features/admin/AdminUsersPanel.svelte
new file mode 100644
index 0000000..3513b28
--- /dev/null
+++ b/src/lib/features/admin/AdminUsersPanel.svelte
@@ -0,0 +1,171 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { adminApi, type AdminUser } from '$api';
+	import { authStore } from '$auth';
+	import { addToast } from '$ui';
+	import { t } from '$i18n';
+
+	const PAGE_SIZE = 20;
+
+	let users = $state<AdminUser[]>([]);
+	let total = $state(0);
+	let skip = $state(0);
+	let query = $state('');
+	let status = $state<'loading' | 'empty' | 'error' | 'loaded'>('loading');
+	let error = $state('');
+	/** Row awaiting an inline confirm before being deactivated. */
+	let confirming = $state<number | null>(null);
+	let debounce: ReturnType<typeof setTimeout> | null = null;
+
+	async function load(nextSkip = skip) {
+		status = 'loading';
+		error = '';
+		try {
+			const page = await adminApi.users(query.trim(), PAGE_SIZE, nextSkip);
+			total = page.total;
+			skip = page.skip;
+			users = page.users;
+			status = users.length === 0 ? 'empty' : 'loaded';
+		} catch (err) {
+			error = (err as Error).message;
+			status = 'error';
+		}
+	}
+
+	onMount(load);
+
+	function search() {
+		if (debounce) clearTimeout(debounce);
+		debounce = setTimeout(() => load(0), 250);
+	}
+
+	async function setActive(user: AdminUser, active: boolean) {
+		confirming = null;
+		try {
+			const updated = await adminApi.setActive(user.id, active);
+			users = users.map((u) => (u.id === updated.id ? updated : u));
+			addToast('success', active ? $t('admin.activated') : $t('admin.deactivated'));
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	}
+
+	const fmtDate = (iso: string | null) => (iso ? iso.slice(0, 10) : '—');
+</script>
+
+<div class="card shadow-sm">
+	<div class="card-body">
+		<div class="d-flex justify-content-between align-items-center mb-3">
+			<h6 class="mb-0">{$t('admin.users')}</h6>
+			<input
+				type="search"
+				class="form-control form-control-sm"
+				style="max-width: 16rem"
+				data-testid="admin-search"
+				placeholder={$t('admin.searchPlaceholder')}
+				aria-label={$t('admin.searchPlaceholder')}
+				bind:value={query}
+				oninput={search} />
+		</div>
+
+		<!-- Four async states: loading / empty / error+retry / loaded -->
+		{#if status === 'loading'}
+			<div class="spinner-border" role="status"><span class="visually-hidden">…</span></div>
+		{:else if status === 'error'}
+			<div class="alert alert-danger" role="alert" data-testid="admin-error">
+				<div>{error}</div>
+				<button class="btn btn-sm btn-link p-0" onclick={() => load()}>{$t('wind.retry')}</button>
+			</div>
+		{:else if status === 'empty'}
+			<p class="text-muted mb-0" data-testid="admin-empty">{$t('admin.noUsers')}</p>
+		{:else}
+			<div class="table-responsive">
+				<table class="table table-sm align-middle" data-testid="admin-table">
+					<thead>
+						<tr class="small text-muted">
+							<th>{$t('admin.username')}</th>
+							<th>{$t('account.email')}</th>
+							<th>{$t('admin.joined')}</th>
+							<th>{$t('admin.state')}</th>
+							<th></th>
+						</tr>
+					</thead>
+					<tbody>
+						{#each users as u (u.id)}
+							<tr data-testid="admin-row">
+								<td class="small">
+									{u.username}
+									{#if u.is_staff}
+										<span class="badge text-bg-secondary ms-1">{$t('admin.staff')}</span>
+									{/if}
+									{#if u.username === $authStore.username}
+										<span class="badge text-bg-info ms-1">{$t('admin.you')}</span>
+									{/if}
+								</td>
+								<td class="small">{u.email || '—'}</td>
+								<td class="small font-monospace">{fmtDate(u.date_joined)}</td>
+								<td>
+									<span
+										class="badge {u.is_active ? 'text-bg-success' : 'text-bg-secondary'}"
+										data-testid="admin-state">
+										{u.is_active ? $t('admin.active') : $t('admin.inactive')}
+									</span>
+								</td>
+								<td class="text-end text-nowrap">
+									{#if u.username === $authStore.username}
+										<!-- Deactivating yourself would lock you out; the API refuses it too. -->
+										<span class="small text-muted">—</span>
+									{:else if !u.is_active}
+										<button
+											class="btn btn-sm btn-outline-success"
+											data-testid="admin-activate"
+											onclick={() => setActive(u, true)}>
+											{$t('admin.activate')}
+										</button>
+									{:else if confirming === u.id}
+										<button
+											class="btn btn-sm btn-outline-secondary me-1"
+											onclick={() => (confirming = null)}>
+											{$t('account.cancel')}
+										</button>
+										<button
+											class="btn btn-sm btn-danger"
+											data-testid="admin-confirm-deactivate"
+											onclick={() => setActive(u, false)}>
+											{$t('account.confirm')}
+										</button>
+									{:else}
+										<button
+											class="btn btn-sm btn-outline-danger"
+											data-testid="admin-deactivate"
+											onclick={() => (confirming = u.id)}>
+											{$t('admin.deactivate')}
+										</button>
+									{/if}
+								</td>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+
+			<div class="d-flex align-items-center gap-2">
+				<button
+					class="btn btn-sm btn-outline-secondary"
+					disabled={skip === 0}
+					onclick={() => load(Math.max(0, skip - PAGE_SIZE))}>
+					{$t('history.prev')}
+				</button>
+				<span class="small text-muted" data-testid="admin-range">
+					{skip + 1}–{Math.min(skip + PAGE_SIZE, total)} / {total}
+				</span>
+				<button
+					class="btn btn-sm btn-outline-secondary"
+					disabled={skip + PAGE_SIZE >= total}
+					onclick={() => load(skip + PAGE_SIZE)}>
+					{$t('history.next')}
+				</button>
+			</div>
+		{/if}
+	</div>
+</div>
diff --git a/src/lib/features/admin/index.ts b/src/lib/features/admin/index.ts
new file mode 100644
index 0000000..ef576e6
--- /dev/null
+++ b/src/lib/features/admin/index.ts
@@ -0,0 +1 @@
+export { default as AdminUsersPanel } from './AdminUsersPanel.svelte';
diff --git a/src/lib/features/auth/AuthShell.svelte b/src/lib/features/auth/AuthShell.svelte
new file mode 100644
index 0000000..0fa323e
--- /dev/null
+++ b/src/lib/features/auth/AuthShell.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { t } from '$i18n';
+
+	let { children }: { children: Snippet } = $props();
+</script>
+
+<main class="auth-shell">
+	<div class="text-center mb-4">
+		<img src="/logo-lg.svg" alt={$t('app.title')} class="auth-logo rounded-3" />
+		<p class="text-muted mt-3 mb-0">{$t('app.subtitle')}</p>
+	</div>
+	<div class="auth-card">
+		{@render children()}
+	</div>
+</main>
diff --git a/src/lib/features/auth/LoginForm.svelte b/src/lib/features/auth/LoginForm.svelte
new file mode 100644
index 0000000..4f15b68
--- /dev/null
+++ b/src/lib/features/auth/LoginForm.svelte
@@ -0,0 +1,73 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { authStore } from '$auth';
+	import { t } from '$i18n';
+
+	let username = $state('');
+	let password = $state('');
+	let error = $state('');
+	let isLoading = $state(false);
+
+	async function handleSubmit(e: Event) {
+		e.preventDefault();
+		error = '';
+		if (!username || !password) {
+			error = $t('login.fieldsRequired');
+			return;
+		}
+		isLoading = true;
+		try {
+			await authStore.login(username, password);
+			goto('/app');
+		} catch (err) {
+			error = (err as Error).message || $t('login.invalidCredentials');
+		} finally {
+			isLoading = false;
+		}
+	}
+</script>
+
+<div class="card shadow-sm">
+	<div class="card-body p-4">
+		<h5 class="card-title mb-4">{$t('login.heading')}</h5>
+
+		{#if error}
+			<div class="alert alert-danger py-2" role="alert" data-testid="login-error">{error}</div>
+		{/if}
+
+		<form onsubmit={handleSubmit} novalidate>
+			<div class="form-floating mb-3">
+				<input
+					type="text"
+					class="form-control"
+					id="lg-username"
+					placeholder={$t('login.username')}
+					autocomplete="username"
+					bind:value={username} />
+				<label for="lg-username">{$t('login.username')}</label>
+			</div>
+			<div class="form-floating mb-3">
+				<input
+					type="password"
+					class="form-control"
+					id="lg-password"
+					placeholder={$t('login.password')}
+					autocomplete="current-password"
+					bind:value={password} />
+				<label for="lg-password">{$t('login.password')}</label>
+			</div>
+			<button type="submit" class="btn btn-primary w-100" disabled={isLoading}>
+				{#if isLoading}
+					<span class="spinner-border spinner-border-sm me-2" role="status"></span>
+					{$t('login.submitting')}
+				{:else}
+					{$t('login.submit')}
+				{/if}
+			</button>
+		</form>
+
+		<p class="text-center text-muted small mt-4 mb-0">
+			{$t('login.noAccount')} <a href="/register">{$t('login.registerLink')}</a>
+		</p>
+	</div>
+</div>
diff --git a/src/lib/features/auth/Navbar.svelte b/src/lib/features/auth/Navbar.svelte
new file mode 100644
index 0000000..c39823f
--- /dev/null
+++ b/src/lib/features/auth/Navbar.svelte
@@ -0,0 +1,173 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import { authStore } from '$auth';
+	import { t } from '$i18n';
+
+	/**
+	 * The header carries exactly one decision — which mode the user is in — and
+	 * hides everything else behind the burger. Account, history and admin are
+	 * places you visit and leave, not a permanent link list competing with the
+	 * map for the top of the screen (guidelines §1).
+	 */
+	const MODES = [
+		{
+			id: 'predict',
+			href: '/app',
+			labelKey: 'nav.predict',
+			icon: 'bi-graph-up-arrow',
+			owns: (path: string) => path.startsWith('/app')
+		},
+		{
+			id: 'track',
+			href: '/flights/',
+			labelKey: 'nav.track',
+			icon: 'bi-broadcast',
+			owns: (path: string) => path.startsWith('/flights') || path.startsWith('/track')
+		}
+	] as const;
+
+	let menuOpen = $state(false);
+	let menuRoot = $state<HTMLElement | null>(null);
+
+	/**
+	 * Closing on an outside click is a containment test, not a stopPropagation
+	 * race: Svelte delegates element handlers, so a `stopPropagation` on the
+	 * toggle does not reliably beat a window-level listener to the punch.
+	 */
+	function handleWindowClick(e: MouseEvent) {
+		if (menuOpen && menuRoot && !menuRoot.contains(e.target as Node)) menuOpen = false;
+	}
+
+	const close = () => (menuOpen = false);
+
+	async function handleLogout() {
+		close();
+		await authStore.logout();
+		goto('/login');
+	}
+</script>
+
+<!-- No Bootstrap JS in this build, so the burger is opened and closed here. -->
+<svelte:window
+	onclick={handleWindowClick}
+	onkeydown={(e) => {
+		if (e.key === 'Escape') menuOpen = false;
+	}} />
+
+<nav class="navbar bg-body-tertiary border-bottom fixed-top" style="height: var(--navbar-height)">
+	<div class="container-fluid gap-2">
+		<a class="navbar-brand d-flex align-items-center p-0 m-0" href="/" aria-label={$t('app.title')}>
+			<img class="nav-logo" src="/logo.svg" alt={$t('app.title')} />
+		</a>
+
+		<ul class="nav nav-pills flex-nowrap gap-1" data-testid="nav-modes">
+			{#each MODES as mode (mode.id)}
+				{@const active = mode.owns(page.url.pathname)}
+				<li class="nav-item">
+					<a
+						class="nav-link py-1 px-2 small d-flex align-items-center gap-1 {active ? 'active' : ''}"
+						data-testid={`mode-${mode.id}`}
+						href={mode.href}
+						aria-current={active ? 'page' : undefined}
+						title={$t(mode.labelKey)}>
+						<i class="bi {mode.icon}"></i>
+						<!-- The label folds away before the bar can crowd the logo. -->
+						<span class="d-none d-md-inline">{$t(mode.labelKey)}</span>
+					</a>
+				</li>
+			{/each}
+		</ul>
+
+		<div class="dropdown ms-auto" bind:this={menuRoot}>
+			<button
+				type="button"
+				class="btn btn-sm btn-outline-secondary nav-burger"
+				data-testid="nav-menu"
+				aria-controls="nav-menu-list"
+				aria-expanded={menuOpen}
+				aria-label={$t('nav.menu')}
+				title={$t('nav.menu')}
+				onclick={() => (menuOpen = !menuOpen)}>
+				<i class="bi bi-list fs-5"></i>
+			</button>
+
+			<!-- Every item dismisses the menu on its way out. -->
+			<ul id="nav-menu-list" class="dropdown-menu dropdown-menu-end" class:show={menuOpen}>
+				{#if $authStore.status === 'authenticated'}
+					<li class="dropdown-header fw-semibold" data-testid="app-heading">
+						{$authStore.username}
+					</li>
+					<li>
+						<a class="dropdown-item" href="/user/account/" onclick={close}>
+							{$t('nav.account')}
+						</a>
+					</li>
+					<li>
+						<a class="dropdown-item" href="/user/predictions/" onclick={close}>
+							{$t('history.title')}
+						</a>
+					</li>
+					{#if $authStore.isStaff}
+						<li>
+							<a class="dropdown-item" data-testid="nav-admin" href="/admin/" onclick={close}>
+								{$t('admin.title')}
+							</a>
+						</li>
+					{/if}
+					<li><hr class="dropdown-divider" /></li>
+					<li>
+						<button type="button" class="dropdown-item" onclick={handleLogout}>
+							{$t('nav.logout')}
+						</button>
+					</li>
+				{:else}
+					<li><a class="dropdown-item" href="/login" onclick={close}>{$t('nav.login')}</a></li>
+					<li>
+						<a class="dropdown-item" href="/register" onclick={close}>
+							{$t('login.registerLink')}
+						</a>
+					</li>
+				{/if}
+			</ul>
+		</div>
+	</div>
+</nav>
+
+<style>
+	.nav-logo {
+		height: 34px;
+		width: auto;
+	}
+
+	.nav-burger {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 2.25rem;
+		height: 2.25rem;
+		padding: 0;
+		line-height: 1;
+	}
+
+	/*
+	 * Bootstrap 5.3 only places a dropdown once Popper has stamped
+	 * `data-bs-popper` on it, and this build ships no Bootstrap JS — so the
+	 * placement is stated here. Capped too: the menu hangs over the map.
+	 */
+	.dropdown-menu {
+		top: 100%;
+		right: 0;
+		left: auto;
+		margin-top: 0.25rem;
+		max-height: calc(100vh - var(--navbar-height) - 0.5rem);
+		max-width: calc(100vw - 1.5rem);
+		overflow-y: auto;
+	}
+
+	@media (max-width: 575.98px) {
+		.nav-logo {
+			height: 26px;
+		}
+	}
+</style>
diff --git a/src/lib/features/auth/RegisterForm.svelte b/src/lib/features/auth/RegisterForm.svelte
new file mode 100644
index 0000000..f52dcc2
--- /dev/null
+++ b/src/lib/features/auth/RegisterForm.svelte
@@ -0,0 +1,107 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { authStore } from '$auth';
+	import { t } from '$i18n';
+
+	let username = $state('');
+	let email = $state('');
+	let password = $state('');
+	let passwordConfirm = $state('');
+	let error = $state('');
+	let isLoading = $state(false);
+
+	const emailOk = (v: string) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v);
+
+	function validate(): string {
+		if (!username || !email || !password || !passwordConfirm) return $t('register.fieldsRequired');
+		if (username.trim().length < 3) return $t('register.usernameShort');
+		if (!emailOk(email)) return $t('register.emailInvalid');
+		if (password.length < 8) return $t('register.passwordShort');
+		if (password !== passwordConfirm) return $t('register.passwordMismatch');
+		return '';
+	}
+
+	async function handleSubmit(e: Event) {
+		e.preventDefault();
+		error = '';
+		const msg = validate();
+		if (msg) {
+			error = msg;
+			return;
+		}
+		isLoading = true;
+		try {
+			await authStore.register(username, email, password);
+			goto('/app');
+		} catch (err) {
+			error = (err as Error).message || $t('register.failed');
+		} finally {
+			isLoading = false;
+		}
+	}
+</script>
+
+<div class="card shadow-sm">
+	<div class="card-body p-4">
+		<h5 class="card-title mb-4">{$t('register.heading')}</h5>
+
+		{#if error}
+			<div class="alert alert-danger py-2" role="alert" data-testid="register-error">{error}</div>
+		{/if}
+
+		<form onsubmit={handleSubmit} novalidate>
+			<div class="form-floating mb-3">
+				<input
+					type="text"
+					class="form-control"
+					id="rg-username"
+					placeholder={$t('register.username')}
+					autocomplete="username"
+					bind:value={username} />
+				<label for="rg-username">{$t('register.username')}</label>
+			</div>
+			<div class="form-floating mb-3">
+				<input
+					type="email"
+					class="form-control"
+					id="rg-email"
+					placeholder={$t('register.email')}
+					autocomplete="email"
+					bind:value={email} />
+				<label for="rg-email">{$t('register.email')}</label>
+			</div>
+			<div class="form-floating mb-3">
+				<input
+					type="password"
+					class="form-control"
+					id="rg-password"
+					placeholder={$t('register.password')}
+					autocomplete="new-password"
+					bind:value={password} />
+				<label for="rg-password">{$t('register.password')}</label>
+			</div>
+			<div class="form-floating mb-3">
+				<input
+					type="password"
+					class="form-control"
+					id="rg-password2"
+					placeholder={$t('register.passwordConfirm')}
+					autocomplete="new-password"
+					bind:value={passwordConfirm} />
+				<label for="rg-password2">{$t('register.passwordConfirm')}</label>
+			</div>
+			<button type="submit" class="btn btn-primary w-100" disabled={isLoading}>
+				{#if isLoading}
+					<span class="spinner-border spinner-border-sm me-2" role="status"></span>
+					{$t('register.submitting')}
+				{:else}
+					{$t('register.submit')}
+				{/if}
+			</button>
+		</form>
+
+		<p class="text-center text-muted small mt-4 mb-0">
+			{$t('register.haveAccount')} <a href="/login">{$t('register.loginLink')}</a>
+		</p>
+	</div>
+</div>
diff --git a/src/lib/features/auth/index.ts b/src/lib/features/auth/index.ts
new file mode 100644
index 0000000..9084a16
--- /dev/null
+++ b/src/lib/features/auth/index.ts
@@ -0,0 +1,4 @@
+export { default as AuthShell } from './AuthShell.svelte';
+export { default as LoginForm } from './LoginForm.svelte';
+export { default as RegisterForm } from './RegisterForm.svelte';
+export { default as Navbar } from './Navbar.svelte';
diff --git a/src/lib/features/prediction/ControlPanel.svelte b/src/lib/features/prediction/ControlPanel.svelte
new file mode 100644
index 0000000..c833022
--- /dev/null
+++ b/src/lib/features/prediction/ControlPanel.svelte
@@ -0,0 +1,499 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { scenariosStore, getActiveScenario } from '$features/scenarios';
+	import {
+		PROFILE_IDENTIFIERS,
+		pointDirty,
+		templateDirty,
+		type FlightParameters,
+		type ProfileIdentifier
+	} from '$domain';
+	import { addToast, SpoilerGroup } from '$ui';
+	import { t } from '$i18n';
+	import { pointsStore } from './pointsStore';
+	import { templatesStore } from './templatesStore';
+	import { armPick } from './pickStore';
+	import CurveEditor from './CurveEditor.svelte';
+	import ProfileBuilder from './ProfileBuilder.svelte';
+	import { standardStages, type ProfileStage, type RateCurvePoint } from '$domain';
+
+	/** The builder is desktop-only (guidelines §6.4); narrow screens get a note. */
+	let wideEnough = $state(true);
+	onMount(() => {
+		const mq = window.matchMedia('(min-width: 1024px)');
+		wideEnough = mq.matches;
+		const onChange = (e: MediaQueryListEvent) => (wideEnough = e.matches);
+		mq.addEventListener('change', onChange);
+		return () => mq.removeEventListener('change', onChange);
+	});
+
+	function setStages(stages: ProfileStage[]) {
+		if (!active) return;
+		scenariosStore.patch(active.id, { stages });
+	}
+
+	let curveOpen = $state(false);
+
+	function applyCurve(pts: RateCurvePoint[]) {
+		if (!active) return;
+		scenariosStore.patch(active.id, { curve: pts });
+	}
+
+	const active = $derived(getActiveScenario($scenariosStore));
+	const params = $derived(active?.flightParameters ?? null);
+
+	// --- provenance (guidelines §3): Custom / Linked-clean / Linked-dirty ------
+	const currentPoint = $derived(
+		params?.start_point ? ($pointsStore.find((p) => p.id === params.start_point) ?? null) : null
+	);
+	const isPointDirty = $derived(!!params && !!currentPoint && pointDirty(params, currentPoint));
+
+	const currentTemplate = $derived(
+		params?.template ? ($templatesStore.find((x) => x.id === params.template) ?? null) : null
+	);
+	const isTemplateDirty = $derived(
+		!!params && !!currentTemplate && templateDirty(params, currentTemplate.flight_parameters)
+	);
+
+	let newPointName = $state('');
+	let savingPoint = $state(false);
+	let newTemplateName = $state('');
+	let savingTemplate = $state(false);
+
+	onMount(async () => {
+		try {
+			await Promise.all([pointsStore.load(), templatesStore.load()]);
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	});
+
+	function patch(p: Partial<FlightParameters>) {
+		if (!active || !params) return;
+		scenariosStore.setFlightParameters(active.id, { ...params, ...p });
+	}
+
+	function setLaunch(field: 'launchDate' | 'launchTime', value: string) {
+		if (!active) return;
+		scenariosStore.patch(active.id, { [field]: value });
+	}
+
+	const num = (e: Event) => Number((e.currentTarget as HTMLInputElement).value);
+	const str = (e: Event) => (e.currentTarget as HTMLInputElement | HTMLSelectElement).value;
+
+	// --- saved points ---------------------------------------------------------
+	function selectPoint(idRaw: string) {
+		const id = Number(idRaw);
+		if (!id) {
+			patch({ start_point: undefined }); // → Custom
+			return;
+		}
+		const p = $pointsStore.find((x) => x.id === id);
+		if (!p) return;
+		// load(source): copy values, never hold a live reference.
+		patch({
+			start_point: p.id,
+			launch_latitude: p.lat,
+			launch_longitude: p.lon,
+			launch_altitude: p.alt
+		});
+	}
+
+	async function updatePoint() {
+		if (!currentPoint || !params) return;
+		try {
+			const saved = await pointsStore.save({
+				...currentPoint,
+				lat: params.launch_latitude,
+				lon: params.launch_longitude,
+				alt: params.launch_altitude
+			});
+			addToast('success', `${$t('predict.pointUpdated')}: ${saved.name}`);
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	}
+
+	async function saveNewPoint() {
+		if (!params || !newPointName.trim()) return;
+		try {
+			const saved = await pointsStore.add({
+				name: newPointName.trim(),
+				lat: params.launch_latitude,
+				lon: params.launch_longitude,
+				alt: params.launch_altitude
+			});
+			patch({ start_point: saved.id }); // → Linked-clean on the new item
+			newPointName = '';
+			savingPoint = false;
+			addToast('success', `${$t('predict.pointSaved')}: ${saved.name}`);
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	}
+
+	// --- templates ------------------------------------------------------------
+	function applyTemplate(idRaw: string) {
+		const id = Number(idRaw);
+		if (!id) {
+			patch({ template: undefined });
+			return;
+		}
+		const tpl = $templatesStore.find((x) => x.id === id);
+		if (!tpl || !active) return;
+		scenariosStore.setFlightParameters(active.id, {
+			...tpl.flight_parameters,
+			template: tpl.id,
+			start_point: undefined
+		});
+	}
+
+	async function updateTemplate() {
+		if (!currentTemplate || !params) return;
+		try {
+			const saved = await templatesStore.save({ ...currentTemplate, flight_parameters: params });
+			addToast('success', `${$t('predict.templateUpdated')}: ${saved.name}`);
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	}
+
+	async function saveNewTemplate() {
+		if (!params || !newTemplateName.trim()) return;
+		try {
+			const saved = await templatesStore.add({
+				name: newTemplateName.trim(),
+				description: '',
+				prediction_mode: 'single',
+				model: '',
+				dataset: params.dataset,
+				flight_parameters: params
+			});
+			patch({ template: saved.id });
+			newTemplateName = '';
+			savingTemplate = false;
+			addToast('success', `${$t('predict.templateSaved')}: ${saved.name}`);
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	}
+
+	async function run() {
+		if (!active) return;
+		try {
+			await scenariosStore.run(active.id);
+		} catch {
+			/* error surfaced on the scenario card */
+		}
+	}
+
+	async function runEnsemble() {
+		if (!active) return;
+		try {
+			await scenariosStore.runEnsemble(active.id);
+		} catch {
+			/* error surfaced on the scenario card */
+		}
+	}
+</script>
+
+{#if !active || !params}
+	<div class="card shadow-sm">
+		<div class="card-body p-3 text-muted small">{$t('predict.noActive')}</div>
+	</div>
+{:else}
+	<div class="card shadow-sm">
+		<div class="card-body p-3">
+			<h6 class="mb-3">{$t('predict.conditions')}</h6>
+
+			<!-- Template ------------------------------------------------------- -->
+			<div class="mb-1 d-flex align-items-center justify-content-between">
+				<label class="form-label small mb-0" for="cp-template">{$t('predict.template')}</label>
+				{#if currentTemplate}
+					<span
+						class="badge {isTemplateDirty ? 'text-bg-warning' : 'text-bg-secondary'}"
+						data-testid="template-chip">
+						{currentTemplate.name}{isTemplateDirty ? ` · ${$t('predict.modified')}` : ''}
+					</span>
+				{/if}
+			</div>
+			<select
+				id="cp-template"
+				class="form-select form-select-sm mb-2"
+				value={params.template ?? ''}
+				onchange={(e) => applyTemplate(str(e))}>
+				<option value="">{$t('predict.templateNone')}</option>
+				{#each $templatesStore as tpl (tpl.id)}
+					<option value={tpl.id}>{tpl.name}</option>
+				{/each}
+			</select>
+			<div class="d-flex gap-2 mb-2">
+				<button
+					class="btn btn-sm btn-outline-secondary flex-fill"
+					disabled={!currentTemplate || !isTemplateDirty}
+					onclick={updateTemplate}>
+					{$t('predict.update')}
+				</button>
+				<button
+					class="btn btn-sm btn-outline-secondary flex-fill"
+					data-testid="tpl-save-as"
+					onclick={() => (savingTemplate = !savingTemplate)}>
+					{$t('predict.saveAsNew')}
+				</button>
+			</div>
+			{#if savingTemplate}
+				<div class="input-group input-group-sm mb-2">
+					<input
+						class="form-control"
+						data-testid="tpl-name"
+						placeholder={$t('predict.name')}
+						bind:value={newTemplateName} />
+					<button class="btn btn-primary" data-testid="tpl-save" onclick={saveNewTemplate}>
+						{$t('predict.save')}
+					</button>
+				</div>
+			{/if}
+
+			<!-- Launch time ----------------------------------------------------- -->
+			<div class="d-flex gap-2">
+				<div class="flex-fill w-50 mb-2">
+					<label class="form-label small mb-1" for="cp-time">{$t('predict.startTime')}</label>
+					<input
+						id="cp-time"
+						type="time"
+						step="1"
+						class="form-control form-control-sm"
+						value={active.launchTime}
+						oninput={(e) => setLaunch('launchTime', str(e))} />
+				</div>
+				<div class="flex-fill w-50 mb-2">
+					<label class="form-label small mb-1" for="cp-date">{$t('predict.startDate')}</label>
+					<input
+						id="cp-date"
+						type="date"
+						class="form-control form-control-sm"
+						value={active.launchDate}
+						oninput={(e) => setLaunch('launchDate', str(e))} />
+				</div>
+			</div>
+
+			<!-- Flight profile -------------------------------------------------- -->
+			<div class="mb-2">
+				<label class="form-label small mb-1" for="cp-profile">{$t('predict.flightProfile')}</label>
+				<select
+					id="cp-profile"
+					class="form-select form-select-sm"
+					value={params.profile}
+					onchange={(e) => patch({ profile: str(e) as ProfileIdentifier })}>
+					{#each PROFILE_IDENTIFIERS as p (p)}
+						<option value={p}>{$t(`profile.${p}`)}</option>
+					{/each}
+				</select>
+			</div>
+
+			<!-- Launch site ----------------------------------------------------- -->
+			<SpoilerGroup label={$t('predict.launchSite')} testid="group-launch-site">
+				<div class="mb-1 d-flex align-items-center justify-content-between">
+					<label class="form-label small mb-0" for="cp-point">{$t('predict.launchPoint')}</label>
+					<span
+						class="badge {isPointDirty ? 'text-bg-warning' : 'text-bg-secondary'}"
+						data-testid="point-chip">
+						{#if currentPoint}
+							{currentPoint.name}{isPointDirty ? ` · ${$t('predict.modified')}` : ''}
+						{:else}
+							{$t('predict.custom')}
+						{/if}
+					</span>
+				</div>
+				<select
+					id="cp-point"
+					class="form-select form-select-sm mb-2"
+					value={params.start_point ?? ''}
+					onchange={(e) => selectPoint(str(e))}>
+					<option value="">{$t('predict.pointNone')}</option>
+					{#each $pointsStore as p (p.id)}
+						<option value={p.id}>{p.name}</option>
+					{/each}
+				</select>
+
+				<label class="form-label small mb-1" for="cp-lat">{$t('predict.latLng')}</label>
+				<div class="input-group input-group-sm mb-2">
+					<input
+						id="cp-lat"
+						type="number"
+						step="0.000001"
+						class="form-control"
+						aria-label={$t('predict.latitude')}
+						value={params.launch_latitude}
+						oninput={(e) => patch({ launch_latitude: num(e) })} />
+					<span class="input-group-text px-2">/</span>
+					<input
+						id="cp-lon"
+						type="number"
+						step="0.000001"
+						class="form-control"
+						aria-label={$t('predict.longitude')}
+						value={params.launch_longitude}
+						oninput={(e) => patch({ launch_longitude: num(e) })} />
+					<!-- Pick-on-map is a mode, so the armed state is carried on the control
+					     itself as well as by the map banner (guidelines §6.1). -->
+					<button
+						class="btn {$armPick ? 'btn-warning' : 'btn-outline-secondary'}"
+						data-testid="pick-on-map"
+						aria-pressed={$armPick}
+						aria-label={$armPick ? $t('predict.pickCancel') : $t('predict.pickOnMap')}
+						title={$armPick ? $t('predict.pickCancel') : $t('predict.pickOnMap')}
+						onclick={() => armPick.set(!$armPick)}>
+						<i class="bi bi-geo-alt-fill"></i>
+					</button>
+				</div>
+
+				<div class="d-flex gap-2">
+					<button
+						class="btn btn-sm btn-primary flex-fill"
+						data-testid="point-update"
+						disabled={!currentPoint || !isPointDirty}
+						onclick={updatePoint}>
+						{$t('predict.update')}
+						<i class="bi bi-floppy2-fill ms-1"></i>
+					</button>
+					<button
+						class="btn btn-sm btn-outline-secondary flex-fill"
+						data-testid="point-save-as"
+						onclick={() => (savingPoint = !savingPoint)}>
+						{$t('predict.saveAsNew')}
+					</button>
+				</div>
+				{#if savingPoint}
+					<div class="input-group input-group-sm mt-2">
+						<input
+							class="form-control"
+							data-testid="point-name"
+							placeholder={$t('predict.name')}
+							bind:value={newPointName} />
+						<button class="btn btn-primary" data-testid="point-save" onclick={saveNewPoint}>
+							{$t('predict.save')}
+						</button>
+					</div>
+				{/if}
+			</SpoilerGroup>
+
+			<!-- Altitudes ------------------------------------------------------- -->
+			<div class="d-flex gap-2">
+				<div class="flex-fill w-50 mb-2">
+					<label class="form-label small mb-1" for="cp-alt">{$t('predict.launchAlt')}</label>
+					<input
+						id="cp-alt"
+						type="number"
+						class="form-control form-control-sm"
+						value={params.launch_altitude}
+						oninput={(e) => patch({ launch_altitude: num(e) })} />
+				</div>
+				<div class="flex-fill w-50 mb-2">
+					<label class="form-label small mb-1" for="cp-burst">{$t('predict.burstAlt')}</label>
+					<input
+						id="cp-burst"
+						type="number"
+						step="100"
+						class="form-control form-control-sm"
+						value={params.burst_altitude}
+						oninput={(e) => patch({ burst_altitude: num(e) })} />
+				</div>
+			</div>
+
+			<!-- Ascent / descent profiles --------------------------------------- -->
+			<SpoilerGroup label={$t('predict.profileEdit')} testid="group-profiles">
+				<label class="form-label small mb-1" for="cp-ascent">{$t('predict.ascentStage')}</label>
+				<div class="input-group input-group-sm mb-2">
+					<input
+						id="cp-ascent"
+						type="number"
+						step="0.1"
+						class="form-control"
+						value={params.ascent_rate}
+						oninput={(e) => patch({ ascent_rate: num(e) })} />
+					<span class="input-group-text">{$t('predict.metresPerSecond')}</span>
+				</div>
+
+				<label class="form-label small mb-1" for="cp-descent">{$t('predict.descentStage')}</label>
+				<div class="input-group input-group-sm mb-2">
+					<input
+						id="cp-descent"
+						type="number"
+						step="0.1"
+						class="form-control"
+						value={params.descent_rate}
+						oninput={(e) => patch({ descent_rate: num(e) })} />
+					<span class="input-group-text">{$t('predict.metresPerSecond')}</span>
+				</div>
+
+				<button
+					class="btn btn-sm btn-outline-secondary w-100"
+					data-testid="open-curve-editor"
+					onclick={() => (curveOpen = true)}>
+					{$t('predict.openCurveEditor')}
+					<i class="bi bi-graph-up-arrow ms-1"></i>
+				</button>
+			</SpoilerGroup>
+
+			{#if params.profile === 'custom_profile' && !wideEnough}
+				<div class="alert alert-secondary py-1 px-2 small" data-testid="builder-desktop-only">
+					{$t('profileBuilder.desktopOnly')}
+				</div>
+			{/if}
+
+			<!-- Run ------------------------------------------------------------- -->
+			<button
+				class="btn btn-outline-primary w-100 mb-2"
+				data-testid="run-ensemble-btn"
+				disabled={active.runStatus === 'running'}
+				onclick={runEnsemble}>
+				<i class="bi bi-diagram-3"></i>
+				{$t('ensemble.run')}
+			</button>
+
+			{#if active.runStatus === 'running' && active.jobId}
+				<button
+					class="btn btn-outline-secondary w-100 mb-2"
+					data-testid="cancel-run-btn"
+					onclick={() => scenariosStore.cancelRun(active.id)}>
+					{$t('ensemble.cancel')}
+				</button>
+			{/if}
+
+			{#if active.ensemble?.footprint}
+				<div class="alert alert-secondary py-1 px-2 small" data-testid="ensemble-summary">
+					{$t('ensemble.members')}: {active.ensemble.footprint.count}
+					· {$t('ensemble.spread')}: {active.ensemble.footprint.radius_km.toFixed(1)} км
+					{#if active.ensemble.failed.length}
+						· <span class="text-warning"
+							>{$t('ensemble.failed')}: {active.ensemble.failed.length}</span>
+					{/if}
+				</div>
+			{/if}
+
+			<button
+				class="btn btn-primary w-100"
+				data-testid="run-btn"
+				disabled={active.runStatus === 'running'}
+				onclick={run}>
+				{#if active.runStatus === 'running'}
+					<span class="spinner-border spinner-border-sm me-2"></span>
+					{$t('predict.running')}
+				{:else}
+					{$t('predict.runPrediction')}
+				{/if}
+			</button>
+		</div>
+	</div>
+
+	<CurveEditor bind:open={curveOpen} points={active.curve ?? []} onApply={applyCurve} />
+
+	<!-- Structured items are authored inline, not in a modal (guidelines §4.4). -->
+	{#if params.profile === 'custom_profile' && wideEnough}
+		<ProfileBuilder
+			stages={active.stages ?? standardStages(params)}
+			{params}
+			onChange={setStages} />
+	{/if}
+{/if}
diff --git a/src/lib/features/prediction/CurveChart.svelte b/src/lib/features/prediction/CurveChart.svelte
new file mode 100644
index 0000000..8be6a23
--- /dev/null
+++ b/src/lib/features/prediction/CurveChart.svelte
@@ -0,0 +1,66 @@
+<script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import { Chart as ChartJS, type ChartDataset } from 'chart.js/auto';
+	import { normalizeCurve, type RateCurvePoint } from '$domain';
+	import { t } from '$i18n';
+
+	interface Props {
+		points: RateCurvePoint[];
+	}
+	let { points }: Props = $props();
+
+	let canvas: HTMLCanvasElement;
+	let chart: ChartJS | null = null;
+
+	const series = $derived(
+		normalizeCurve(points).map((p) => ({ x: p.time_constraint, y: p.alt_constraint }))
+	);
+
+	onMount(() => {
+		chart = new ChartJS(canvas.getContext('2d')!, {
+			type: 'line',
+			data: {
+				datasets: [
+					{
+						label: $t('curve.altitude'),
+						data: [],
+						borderColor: '#0d6efd',
+						backgroundColor: 'rgba(13,110,253,0.12)',
+						fill: true,
+						pointRadius: 4,
+						borderWidth: 2
+					} as ChartDataset<'line'>
+				]
+			},
+			options: {
+				responsive: true,
+				maintainAspectRatio: false,
+				animation: false,
+				plugins: { legend: { display: false } },
+				scales: {
+					x: {
+						type: 'linear',
+						title: { display: true, text: $t('curve.timeAxis'), font: { size: 10 } },
+						ticks: { font: { size: 9 } }
+					},
+					y: {
+						title: { display: true, text: $t('curve.altAxis'), font: { size: 10 } },
+						ticks: { font: { size: 9 } }
+					}
+				}
+			}
+		});
+	});
+
+	$effect(() => {
+		if (!chart) return;
+		chart.data.datasets[0].data = series;
+		chart.update('none');
+	});
+
+	onDestroy(() => chart?.destroy());
+</script>
+
+<div style="position: relative; height: 200px;">
+	<canvas bind:this={canvas} data-testid="curve-chart"></canvas>
+</div>
diff --git a/src/lib/features/prediction/CurveEditor.svelte b/src/lib/features/prediction/CurveEditor.svelte
new file mode 100644
index 0000000..84a753e
--- /dev/null
+++ b/src/lib/features/prediction/CurveEditor.svelte
@@ -0,0 +1,248 @@
+<script lang="ts">
+	import {
+		normalizeCurve,
+		validateCurve,
+		impliedRates,
+		parseCurveCsv,
+		curveToCsv,
+		type RateCurvePoint
+	} from '$domain';
+	import { addToast } from '$ui';
+	import { t } from '$i18n';
+	import CurveChart from './CurveChart.svelte';
+
+	/**
+	 * The curve editor is the single permitted *leaf* modal (guidelines §4.4): it
+	 * opens over a non-modal surface, so only one floating layer is ever on screen.
+	 */
+	interface Props {
+		open?: boolean;
+		points?: RateCurvePoint[];
+		onClose?: () => void;
+		onApply?: (points: RateCurvePoint[]) => void;
+	}
+	let { open = $bindable(false), points = [], onClose = () => {}, onApply = () => {} }: Props =
+		$props();
+
+	let draft = $state<RateCurvePoint[]>([]);
+	let csvText = $state('');
+	let showCsv = $state(false);
+
+	// Reload the draft each time the modal opens so an abandoned edit is discarded.
+	$effect(() => {
+		if (open) draft = normalizeCurve(points.length ? points : defaultCurve());
+	});
+
+	function defaultCurve(): RateCurvePoint[] {
+		return [
+			{ order: 0, time_constraint: 0, alt_constraint: 0, rate: 0 },
+			{ order: 1, time_constraint: 3600, alt_constraint: 18000, rate: 5 }
+		];
+	}
+
+	const problems = $derived(validateCurve(draft));
+	const rates = $derived(impliedRates(draft));
+	const isValid = $derived(problems.length === 0);
+
+	function addPoint() {
+		const last = draft[draft.length - 1];
+		draft = normalizeCurve([
+			...draft,
+			{
+				order: draft.length,
+				time_constraint: (last?.time_constraint ?? 0) + 600,
+				alt_constraint: (last?.alt_constraint ?? 0) + 3000,
+				rate: 0
+			}
+		]);
+	}
+
+	function removePoint(order: number) {
+		draft = normalizeCurve(draft.filter((p) => p.order !== order));
+	}
+
+	function setField(order: number, field: keyof RateCurvePoint, value: number) {
+		draft = draft.map((p) => (p.order === order ? { ...p, [field]: value } : p));
+	}
+
+	function importCsv() {
+		const parsed = parseCurveCsv(csvText);
+		if (parsed.length === 0) {
+			addToast('error', $t('curve.csvEmpty'));
+			return;
+		}
+		draft = parsed;
+		showCsv = false;
+		addToast('success', $t('curve.csvImported', { n: parsed.length }));
+	}
+
+	function exportCsv() {
+		csvText = curveToCsv(draft);
+		showCsv = true;
+	}
+
+	function apply() {
+		if (!isValid) return;
+		onApply(normalizeCurve(draft));
+		close();
+	}
+
+	function close() {
+		open = false;
+		onClose();
+	}
+</script>
+
+<!-- Esc closes the leaf modal; the listener must sit outside the {#if} block. -->
+<svelte:window onkeydown={(e) => open && e.key === 'Escape' && close()} />
+
+{#if open}
+	<!-- Backdrop + dialog: one floating layer. -->
+	<div class="curve-backdrop" role="presentation" onclick={close}></div>
+	<div
+		class="curve-modal card shadow-lg"
+		role="dialog"
+		aria-modal="true"
+		aria-label={$t('curve.title')}
+		data-testid="curve-modal">
+		<div class="card-header d-flex justify-content-between align-items-center py-2">
+			<strong class="small">{$t('curve.title')}</strong>
+			<button
+				class="btn-close"
+				aria-label={$t('account.cancel')}
+				data-testid="curve-close"
+				onclick={close}></button>
+		</div>
+		<div class="card-body p-3">
+			<CurveChart points={draft} />
+
+			{#if problems.length > 0}
+				<div class="alert alert-warning py-1 px-2 small mt-2 mb-2" data-testid="curve-problems">
+					{#each problems as p (p)}
+						<div>{$t(p)}</div>
+					{/each}
+				</div>
+			{/if}
+
+			<div class="table-responsive mt-2" style="max-height: 190px; overflow-y: auto;">
+				<table class="table table-sm table-hover align-middle mb-1">
+					<thead>
+						<tr class="small text-muted">
+							<th>{$t('curve.time')}</th>
+							<th>{$t('curve.alt')}</th>
+							<th>{$t('curve.rate')}</th>
+							<th></th>
+						</tr>
+					</thead>
+					<tbody data-testid="curve-rows">
+						{#each normalizeCurve(draft) as p (p.order)}
+							<tr>
+								<td>
+									<input
+										type="number"
+										class="form-control form-control-sm"
+										value={p.time_constraint}
+										oninput={(e) =>
+											setField(p.order, 'time_constraint', Number(e.currentTarget.value))} />
+								</td>
+								<td>
+									<input
+										type="number"
+										class="form-control form-control-sm"
+										value={p.alt_constraint}
+										oninput={(e) =>
+											setField(p.order, 'alt_constraint', Number(e.currentTarget.value))} />
+								</td>
+								<td>
+									<input
+										type="number"
+										step="0.1"
+										class="form-control form-control-sm"
+										value={p.rate}
+										oninput={(e) => setField(p.order, 'rate', Number(e.currentTarget.value))} />
+								</td>
+								<td class="text-end">
+									<button
+										class="btn btn-sm btn-link text-danger p-0"
+										aria-label={$t('scenarios.delete')}
+										onclick={() => removePoint(p.order)}>
+										<i class="bi bi-trash"></i>
+									</button>
+								</td>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+
+			{#if rates.length > 0}
+				<div class="small text-muted mb-2" data-testid="curve-rates">
+					{$t('curve.impliedRates')}:
+					{#each rates as r (`${r.fromOrder}-${r.toOrder}`)}
+						<span class="badge text-bg-secondary me-1">
+							{r.fromOrder}→{r.toOrder}: {r.rate.toFixed(2)} m/s
+						</span>
+					{/each}
+				</div>
+			{/if}
+
+			<div class="d-flex gap-2 mb-2">
+				<button class="btn btn-sm btn-outline-secondary" data-testid="curve-add" onclick={addPoint}>
+					{$t('curve.addPoint')}
+				</button>
+				<button
+					class="btn btn-sm btn-outline-secondary"
+					data-testid="curve-csv-toggle"
+					onclick={() => (showCsv = !showCsv)}>
+					{$t('curve.importCsv')}
+				</button>
+				<button class="btn btn-sm btn-outline-secondary" onclick={exportCsv}>
+					{$t('curve.exportCsv')}
+				</button>
+			</div>
+
+			{#if showCsv}
+				<textarea
+					class="form-control form-control-sm font-monospace mb-2"
+					rows="4"
+					data-testid="curve-csv"
+					placeholder="time_s,altitude_m,rate_ms"
+					bind:value={csvText}></textarea>
+				<button class="btn btn-sm btn-primary mb-2" data-testid="curve-csv-import" onclick={importCsv}>
+					{$t('curve.import')}
+				</button>
+			{/if}
+		</div>
+		<div class="card-footer d-flex justify-content-end gap-2 py-2">
+			<button class="btn btn-sm btn-outline-secondary" onclick={close}>
+				{$t('account.cancel')}
+			</button>
+			<button
+				class="btn btn-sm btn-primary"
+				data-testid="curve-apply"
+				disabled={!isValid}
+				onclick={apply}>
+				{$t('curve.apply')}
+			</button>
+		</div>
+	</div>
+{/if}
+
+<style>
+	.curve-backdrop {
+		position: fixed;
+		inset: 0;
+		background: rgba(0, 0, 0, 0.45);
+		z-index: 1050;
+	}
+	.curve-modal {
+		position: fixed;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: min(560px, calc(100vw - 2rem));
+		max-height: calc(100vh - 3rem);
+		overflow-y: auto;
+		z-index: 1055;
+	}
+</style>
diff --git a/src/lib/features/prediction/PickOnMap.svelte b/src/lib/features/prediction/PickOnMap.svelte
new file mode 100644
index 0000000..61c099f
--- /dev/null
+++ b/src/lib/features/prediction/PickOnMap.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	import { get } from 'svelte/store';
+	import { getMap } from '$map';
+	import { scenariosStore, getActiveScenario } from '$features/scenarios';
+	import { armPick } from './pickStore';
+
+	// Armed "pick launch point on map" tool. Must be a descendant of <Map />.
+	const map = getMap();
+	if (!map) throw new Error('PickOnMap must be a descendant of <Map />');
+
+	let off: (() => void) | null = null;
+
+	$effect(() => {
+		if (!map) return;
+		if ($armPick) {
+			map.setCursor('crosshair');
+			off = map.on('click', (e) => {
+				const active = getActiveScenario(get(scenariosStore));
+				if (active) {
+					scenariosStore.setFlightParameters(active.id, {
+						...active.flightParameters,
+						launch_latitude: Number(e.lngLat.lat.toFixed(6)),
+						launch_longitude: Number(e.lngLat.lng.toFixed(6))
+					});
+				}
+				armPick.set(false);
+			});
+		} else {
+			map.setCursor(null);
+			off?.();
+			off = null;
+		}
+		return () => {
+			off?.();
+			off = null;
+		};
+	});
+</script>
diff --git a/src/lib/features/prediction/ProfileBuilder.svelte b/src/lib/features/prediction/ProfileBuilder.svelte
new file mode 100644
index 0000000..0cf96d0
--- /dev/null
+++ b/src/lib/features/prediction/ProfileBuilder.svelte
@@ -0,0 +1,373 @@
+<script lang="ts">
+	import {
+		SOLVER_TYPES,
+		CONSTRAINT_TYPES,
+		OPERATORS,
+		validateProfile,
+		stageSummary,
+		standardStages,
+		type ProfileStage,
+		type ConstraintSpec,
+		type SolverType,
+		type ConstraintType,
+		type ConstraintAction,
+		type Operator,
+		type FlightParameters,
+		type RateCurvePoint
+	} from '$domain';
+	import { t } from '$i18n';
+	import CurveEditor from './CurveEditor.svelte';
+
+	/**
+	 * Inline stage builder (guidelines §6.4): a vertical list, executed top to
+	 * bottom. Not a node graph, and not a modal — it is revealed in the left
+	 * column so the curve editor can open above it as the single leaf modal.
+	 */
+	interface Props {
+		stages: ProfileStage[];
+		params: FlightParameters;
+		onChange: (stages: ProfileStage[]) => void;
+	}
+	let { stages, params, onChange }: Props = $props();
+
+	let collapsed = $state<Record<string, boolean>>({});
+	let curveFor = $state<number | null>(null);
+
+	const problems = $derived(validateProfile(stages));
+
+	function update(next: ProfileStage[]) {
+		onChange(next);
+	}
+
+	function patchStage(i: number, patch: Partial<ProfileStage>) {
+		update(stages.map((s, idx) => (idx === i ? { ...s, ...patch } : s)));
+	}
+
+	function addStage() {
+		update([
+			...stages,
+			{
+				name: `stage-${stages.length + 1}`,
+				solver: { type: 'constant_rate', rate: 5, include_wind: true },
+				advanceWhen: [{ type: 'altitude', op: '>=', limit: 10000, action: 'stop' }],
+				abortIf: []
+			}
+		]);
+	}
+
+	function removeStage(i: number) {
+		update(stages.filter((_, idx) => idx !== i));
+	}
+
+	/** Reordering is by buttons rather than drag: keyboard-reachable and testable. */
+	function move(i: number, delta: number) {
+		const j = i + delta;
+		if (j < 0 || j >= stages.length) return;
+		const next = [...stages];
+		[next[i], next[j]] = [next[j], next[i]];
+		update(next);
+	}
+
+	function setSolver(i: number, type: SolverType) {
+		const base = { include_wind: stages[i].solver.include_wind };
+		const solver =
+			type === 'constant_rate'
+				? { type, rate: stages[i].solver.rate ?? 5, ...base }
+				: type === 'parachute_descent'
+					? { type, sea_level_rate: stages[i].solver.sea_level_rate ?? 5, ...base }
+					: type === 'piecewise'
+						? { type, segments: stages[i].solver.segments ?? [], ...base }
+						: { type, ...base };
+		patchStage(i, { solver });
+	}
+
+	function patchConstraint(
+		i: number,
+		block: 'advanceWhen' | 'abortIf',
+		ci: number,
+		patch: Partial<ConstraintSpec>
+	) {
+		patchStage(i, {
+			[block]: stages[i][block].map((c, idx) => (idx === ci ? { ...c, ...patch } : c))
+		});
+	}
+
+	function addConstraint(i: number, block: 'advanceWhen' | 'abortIf') {
+		const c: ConstraintSpec =
+			block === 'advanceWhen'
+				? { type: 'altitude', op: '>=', limit: 10000, action: 'stop' }
+				: { type: 'time', op: '>=', limit: 7200, action: 'fallback', fallback: stages[0]?.name };
+		patchStage(i, { [block]: [...stages[i][block], c] });
+	}
+
+	function removeConstraint(i: number, block: 'advanceWhen' | 'abortIf', ci: number) {
+		patchStage(i, { [block]: stages[i][block].filter((_, idx) => idx !== ci) });
+	}
+
+	function applyCurve(points: RateCurvePoint[]) {
+		if (curveFor === null) return;
+		patchStage(curveFor, {
+			solver: { ...stages[curveFor].solver, type: 'piecewise', segments: points }
+		});
+		curveFor = null;
+	}
+
+	const needsScalar = (c: ConstraintSpec) => c.type === 'altitude' || c.type === 'time';
+</script>
+
+<div class="card shadow-sm mt-2" data-testid="profile-builder">
+	<div class="card-body p-3">
+		<div class="d-flex justify-content-between align-items-center mb-2">
+			<h6 class="mb-0">{$t('profileBuilder.title')}</h6>
+			<button
+				class="btn btn-sm btn-outline-secondary"
+				data-testid="profile-reset"
+				onclick={() => update(standardStages(params))}>
+				{$t('profileBuilder.reset')}
+			</button>
+		</div>
+
+		{#if problems.length > 0}
+			<div class="alert alert-warning py-1 px-2 small" data-testid="profile-problems">
+				{#each problems as p (p)}
+					<div>{$t(p)}</div>
+				{/each}
+			</div>
+		{/if}
+
+		<div class="d-grid gap-2">
+			{#each stages as stage, i (stage.name + i)}
+				<div class="border rounded p-2" data-testid="stage-card">
+					<div class="d-flex align-items-center gap-1">
+						<button
+							class="btn btn-sm btn-link p-0 text-muted"
+							aria-label={$t('profileBuilder.collapse')}
+							onclick={() => (collapsed[stage.name] = !collapsed[stage.name])}>
+							<i class="bi {collapsed[stage.name] ? 'bi-chevron-right' : 'bi-chevron-down'}"></i>
+						</button>
+						<input
+							class="form-control form-control-sm border-0 flex-grow-1 px-1"
+							value={stage.name}
+							aria-label={$t('profileBuilder.stageName')}
+							data-testid="stage-name"
+							oninput={(e) => patchStage(i, { name: e.currentTarget.value })} />
+						<button
+							class="btn btn-sm btn-link p-0 text-muted"
+							aria-label={$t('profileBuilder.moveUp')}
+							data-testid="stage-up"
+							disabled={i === 0}
+							onclick={() => move(i, -1)}>
+							<i class="bi bi-arrow-up"></i>
+						</button>
+						<button
+							class="btn btn-sm btn-link p-0 text-muted"
+							aria-label={$t('profileBuilder.moveDown')}
+							data-testid="stage-down"
+							disabled={i === stages.length - 1}
+							onclick={() => move(i, 1)}>
+							<i class="bi bi-arrow-down"></i>
+						</button>
+						<button
+							class="btn btn-sm btn-link p-0 text-danger"
+							aria-label={$t('scenarios.delete')}
+							data-testid="stage-delete"
+							onclick={() => removeStage(i)}>
+							<i class="bi bi-trash"></i>
+						</button>
+					</div>
+
+					{#if collapsed[stage.name]}
+						<div class="small text-muted px-1" data-testid="stage-summary">
+							{stageSummary(stage)}
+						</div>
+					{:else}
+						<!-- 1. Solver + parameters -->
+						<div class="mt-2">
+							<label class="form-label small mb-0 fw-semibold" for={`sv-${i}`}>
+								{$t('profileBuilder.solver')}
+							</label>
+							<select
+								id={`sv-${i}`}
+								class="form-select form-select-sm"
+								data-testid="stage-solver"
+								value={stage.solver.type}
+								onchange={(e) => setSolver(i, e.currentTarget.value as SolverType)}>
+								{#each SOLVER_TYPES as st (st)}
+									<option value={st}>{$t(`profileBuilder.solver_${st}`)}</option>
+								{/each}
+							</select>
+
+							{#if stage.solver.type === 'constant_rate'}
+								<input
+									type="number"
+									step="0.1"
+									class="form-control form-control-sm mt-1"
+									data-testid="stage-rate"
+									aria-label={$t('profileBuilder.rate')}
+									value={stage.solver.rate}
+									oninput={(e) =>
+										patchStage(i, {
+											solver: { ...stage.solver, rate: Number(e.currentTarget.value) }
+										})} />
+							{:else if stage.solver.type === 'parachute_descent'}
+								<input
+									type="number"
+									step="0.1"
+									class="form-control form-control-sm mt-1"
+									data-testid="stage-rate"
+									aria-label={$t('profileBuilder.seaLevelRate')}
+									value={stage.solver.sea_level_rate}
+									oninput={(e) =>
+										patchStage(i, {
+											solver: { ...stage.solver, sea_level_rate: Number(e.currentTarget.value) }
+										})} />
+							{:else if stage.solver.type === 'piecewise'}
+								<button
+									class="btn btn-sm btn-outline-secondary w-100 mt-1"
+									data-testid="stage-open-curve"
+									onclick={() => (curveFor = i)}>
+									<i class="bi bi-graph-up-arrow"></i>
+									{$t('curve.open')}
+									<span class="badge text-bg-secondary ms-1">
+										{(stage.solver.segments ?? []).length}
+									</span>
+								</button>
+							{/if}
+						</div>
+
+						<!-- 2. Advance when — the normal exit -->
+						<div class="mt-2">
+							<div class="d-flex justify-content-between align-items-center">
+								<span class="small fw-semibold">{$t('profileBuilder.advanceWhen')}</span>
+								<button
+									class="btn btn-sm btn-link p-0"
+									data-testid="add-advance"
+									onclick={() => addConstraint(i, 'advanceWhen')}>
+									+
+								</button>
+							</div>
+							{#each stage.advanceWhen as c, ci (ci)}
+								<div class="input-group input-group-sm mt-1" data-testid="advance-row">
+									<select
+										class="form-select"
+										aria-label={$t('profileBuilder.constraintType')}
+										value={c.type}
+										onchange={(e) =>
+											patchConstraint(i, 'advanceWhen', ci, {
+												type: e.currentTarget.value as ConstraintType
+											})}>
+										{#each CONSTRAINT_TYPES as ct (ct)}
+											<option value={ct}>{$t(`profileBuilder.constraint_${ct}`)}</option>
+										{/each}
+									</select>
+									{#if needsScalar(c)}
+										<select
+											class="form-select"
+											style="max-width: 4rem"
+											aria-label={$t('profileBuilder.operator')}
+											value={c.op}
+											onchange={(e) =>
+												patchConstraint(i, 'advanceWhen', ci, {
+													op: e.currentTarget.value as Operator
+												})}>
+											{#each OPERATORS as op (op)}
+												<option value={op}>{op}</option>
+											{/each}
+										</select>
+										<input
+											type="number"
+											class="form-control"
+											data-testid="advance-limit"
+											aria-label={$t('profileBuilder.limit')}
+											value={c.limit}
+											oninput={(e) =>
+												patchConstraint(i, 'advanceWhen', ci, {
+													limit: Number(e.currentTarget.value)
+												})} />
+									{/if}
+									<button
+										class="btn btn-outline-danger"
+										aria-label={$t('scenarios.delete')}
+										onclick={() => removeConstraint(i, 'advanceWhen', ci)}>
+										<i class="bi bi-x"></i>
+									</button>
+								</div>
+							{/each}
+						</div>
+
+						<!-- 3. Abort if — a different exit, to a fallback stage -->
+						<div class="mt-2">
+							<div class="d-flex justify-content-between align-items-center">
+								<span class="small fw-semibold text-danger">{$t('profileBuilder.abortIf')}</span>
+								<button
+									class="btn btn-sm btn-link p-0"
+									data-testid="add-abort"
+									onclick={() => addConstraint(i, 'abortIf')}>
+									+
+								</button>
+							</div>
+							{#each stage.abortIf as c, ci (ci)}
+								<div class="input-group input-group-sm mt-1" data-testid="abort-row">
+									<select
+										class="form-select"
+										aria-label={$t('profileBuilder.constraintType')}
+										value={c.type}
+										onchange={(e) =>
+											patchConstraint(i, 'abortIf', ci, {
+												type: e.currentTarget.value as ConstraintType
+											})}>
+										{#each CONSTRAINT_TYPES as ct (ct)}
+											<option value={ct}>{$t(`profileBuilder.constraint_${ct}`)}</option>
+										{/each}
+									</select>
+									{#if needsScalar(c)}
+										<input
+											type="number"
+											class="form-control"
+											aria-label={$t('profileBuilder.limit')}
+											value={c.limit}
+											oninput={(e) =>
+												patchConstraint(i, 'abortIf', ci, { limit: Number(e.currentTarget.value) })} />
+									{/if}
+									<select
+										class="form-select"
+										data-testid="abort-fallback"
+										aria-label={$t('profileBuilder.fallbackTo')}
+										value={c.fallback ?? ''}
+										onchange={(e) =>
+											patchConstraint(i, 'abortIf', ci, {
+												action: 'fallback' as ConstraintAction,
+												fallback: e.currentTarget.value
+											})}>
+										<option value="">—</option>
+										{#each stages.filter((s2) => s2.name !== stage.name) as target (target.name)}
+											<option value={target.name}>{target.name}</option>
+										{/each}
+									</select>
+									<button
+										class="btn btn-outline-danger"
+										aria-label={$t('scenarios.delete')}
+										onclick={() => removeConstraint(i, 'abortIf', ci)}>
+										<i class="bi bi-x"></i>
+									</button>
+								</div>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			{/each}
+		</div>
+
+		<button class="btn btn-sm btn-outline-primary w-100 mt-2" data-testid="add-stage" onclick={addStage}>
+			<i class="bi bi-plus-lg"></i>
+			{$t('profileBuilder.addStage')}
+		</button>
+	</div>
+</div>
+
+<!-- The curve editor is the single leaf modal, opened from a stage. -->
+<CurveEditor
+	open={curveFor !== null}
+	points={curveFor !== null ? (stages[curveFor].solver.segments ?? []) : []}
+	onApply={applyCurve}
+	onClose={() => (curveFor = null)} />
diff --git a/src/lib/features/prediction/index.ts b/src/lib/features/prediction/index.ts
new file mode 100644
index 0000000..5f42d9a
--- /dev/null
+++ b/src/lib/features/prediction/index.ts
@@ -0,0 +1,5 @@
+export { default as ControlPanel } from './ControlPanel.svelte';
+export { default as PickOnMap } from './PickOnMap.svelte';
+export { pointsStore } from './pointsStore';
+export { templatesStore } from './templatesStore';
+export { armPick } from './pickStore';
diff --git a/src/lib/features/prediction/pickStore.ts b/src/lib/features/prediction/pickStore.ts
new file mode 100644
index 0000000..5f61653
--- /dev/null
+++ b/src/lib/features/prediction/pickStore.ts
@@ -0,0 +1,4 @@
+import { writable } from 'svelte/store';
+
+/** When true, the next map click sets the active scenario's launch point. */
+export const armPick = writable(false);
diff --git a/src/lib/features/prediction/pointsStore.ts b/src/lib/features/prediction/pointsStore.ts
new file mode 100644
index 0000000..7e99685
--- /dev/null
+++ b/src/lib/features/prediction/pointsStore.ts
@@ -0,0 +1,34 @@
+import { writable } from 'svelte/store';
+import type { SavedPoint } from '$domain';
+import { pointsApi } from '$api';
+
+const store = writable<SavedPoint[]>([]);
+let loaded = false;
+
+/** Library of saved launch points, backed by the API. */
+export const pointsStore = {
+	subscribe: store.subscribe,
+
+	async load(force = false): Promise<void> {
+		if (loaded && !force) return;
+		store.set(await pointsApi.list());
+		loaded = true;
+	},
+
+	async add(p: Omit<SavedPoint, 'id'>): Promise<SavedPoint> {
+		const saved = await pointsApi.create(p);
+		store.update((list) => [...list, saved]);
+		return saved;
+	},
+
+	async save(p: SavedPoint): Promise<SavedPoint> {
+		const saved = await pointsApi.update(p);
+		store.update((list) => list.map((x) => (x.id === saved.id ? saved : x)));
+		return saved;
+	},
+
+	async remove(id: number): Promise<void> {
+		await pointsApi.delete(id);
+		store.update((list) => list.filter((x) => x.id !== id));
+	}
+};
diff --git a/src/lib/features/prediction/templatesStore.ts b/src/lib/features/prediction/templatesStore.ts
new file mode 100644
index 0000000..9d0e2d5
--- /dev/null
+++ b/src/lib/features/prediction/templatesStore.ts
@@ -0,0 +1,34 @@
+import { writable } from 'svelte/store';
+import type { Template } from '$domain';
+import { templatesApi } from '$api';
+
+const store = writable<Template[]>([]);
+let loaded = false;
+
+/** Library of saved parameter templates, backed by the API. */
+export const templatesStore = {
+	subscribe: store.subscribe,
+
+	async load(force = false): Promise<void> {
+		if (loaded && !force) return;
+		store.set(await templatesApi.list());
+		loaded = true;
+	},
+
+	async add(t: Omit<Template, 'id'>): Promise<Template> {
+		const saved = await templatesApi.create(t);
+		store.update((list) => [...list, saved]);
+		return saved;
+	},
+
+	async save(t: Template): Promise<Template> {
+		const saved = await templatesApi.update(t);
+		store.update((list) => list.map((x) => (x.id === saved.id ? saved : x)));
+		return saved;
+	},
+
+	async remove(id: number): Promise<void> {
+		await templatesApi.delete(id);
+		store.update((list) => list.filter((x) => x.id !== id));
+	}
+};
diff --git a/src/lib/features/scenarios/ComparePanel.svelte b/src/lib/features/scenarios/ComparePanel.svelte
new file mode 100644
index 0000000..64872da
--- /dev/null
+++ b/src/lib/features/scenarios/ComparePanel.svelte
@@ -0,0 +1,84 @@
+<script lang="ts">
+	import { distHaversine, formatCoords } from '$domain';
+	import { settingsStore } from '$features/settings';
+	import { t } from '$i18n';
+	import { scenariosStore } from './store';
+
+	/**
+	 * Compares the visible scenarios' outcomes. Colour is scenario identity (§6.3),
+	 * so rows are keyed by it; red/blue stay reserved for actual/predicted.
+	 */
+	const rows = $derived(
+		$scenariosStore.items
+			.filter((s) => s.visible && s.result)
+			.map((s) => ({
+				id: s.id,
+				name: s.name,
+				color: s.color,
+				landing: s.result!.landing.latlng,
+				flightTime: s.result!.flight_time
+			}))
+	);
+
+	/** Greatest great-circle distance between any two landing points, km. */
+	const spreadKm = $derived.by(() => {
+		let max = 0;
+		for (let i = 0; i < rows.length; i++) {
+			for (let j = i + 1; j < rows.length; j++) {
+				const d = distHaversine(rows[i].landing, rows[j].landing);
+				if (d > max) max = d;
+			}
+		}
+		return max;
+	});
+
+	const fmtTime = (sec: number) => {
+		const m = Math.round(sec / 60);
+		return `${Math.floor(m / 60)}${$t('scenarios.hour')} ${m % 60}${$t('scenarios.min')}`;
+	};
+</script>
+
+<div class="card shadow-sm">
+	<div class="card-body p-3">
+		<h6 class="mb-2">{$t('compare.title')}</h6>
+
+		{#if rows.length === 0}
+			<p class="text-muted small mb-0">{$t('compare.empty')}</p>
+		{:else}
+			<div class="table-responsive">
+				<table class="table table-sm align-middle mb-1" data-testid="compare-table">
+					<thead>
+						<tr class="small text-muted">
+							<th></th>
+							<th>{$t('compare.scenario')}</th>
+							<th>{$t('scenarios.landing')}</th>
+							<th>{$t('scenarios.flightTime')}</th>
+						</tr>
+					</thead>
+					<tbody>
+						{#each rows as r (r.id)}
+							<tr class="small">
+								<td>
+									<span
+										class="d-inline-block rounded-circle"
+										style="width: .7rem; height: .7rem; background: {r.color}"></span>
+								</td>
+								<td class="text-truncate" style="max-width: 8rem">{r.name}</td>
+								<td class="font-monospace">
+									{formatCoords(r.landing.lat, r.landing.lng, $settingsStore.format.coords)}
+								</td>
+								<td>{fmtTime(r.flightTime)}</td>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+
+			{#if rows.length > 1}
+				<div class="small text-muted" data-testid="compare-spread">
+					{$t('compare.spread')}: <span class="fw-semibold text-body">{spreadKm.toFixed(2)} км</span>
+				</div>
+			{/if}
+		{/if}
+	</div>
+</div>
diff --git a/src/lib/features/scenarios/ScenarioPanel.svelte b/src/lib/features/scenarios/ScenarioPanel.svelte
new file mode 100644
index 0000000..3a2cb12
--- /dev/null
+++ b/src/lib/features/scenarios/ScenarioPanel.svelte
@@ -0,0 +1,159 @@
+<script lang="ts">
+	import { scenariosStore } from './store';
+	import { t } from '$i18n';
+	import { exportPrediction, EXPORT_MIME, type ExportFormat, type Scenario } from '$domain';
+	import { downloadText } from '$ui';
+
+	function exportScenario(s: Scenario, format: ExportFormat) {
+		if (!s.result) return;
+		const safeName = (s.name || 'prediction').replace(/[^\w.-]+/g, '_');
+		downloadText(
+			`${safeName}.${format}`,
+			EXPORT_MIME[format],
+			exportPrediction(s.result, format, s.name)
+		);
+	}
+
+	function formatFlightTime(sec: number): string {
+		const m = Math.round(sec / 60);
+		if (m < 60) return `${m} ${$t('scenarios.min')}`;
+		return `${Math.floor(m / 60)} ${$t('scenarios.hour')} ${m % 60} ${$t('scenarios.min')}`;
+	}
+
+	async function run(id: string) {
+		try {
+			await scenariosStore.run(id);
+		} catch {
+			/* error surfaced on the card via runStatus */
+		}
+	}
+
+	function landingText(s: Scenario): string {
+		if (!s.result) return '';
+		const { lat, lng } = s.result.landing.latlng;
+		return `${lat.toFixed(4)}, ${lng.toFixed(4)}`;
+	}
+</script>
+
+<div class="card shadow-sm">
+	<div class="card-body p-3">
+		<div class="d-flex justify-content-between align-items-center mb-2">
+			<h6 class="mb-0">{$t('scenarios.title')}</h6>
+			<button
+				class="btn btn-sm btn-primary"
+				data-testid="add-scenario"
+				onclick={() => scenariosStore.add()}>
+				<i class="bi bi-plus-lg"></i>
+				{$t('scenarios.add')}
+			</button>
+		</div>
+
+		{#if $scenariosStore.items.length === 0}
+			<p class="text-muted small mb-0">{$t('scenarios.empty')}</p>
+		{/if}
+
+		<div class="d-grid gap-2">
+			{#each $scenariosStore.items as s (s.id)}
+				<!--
+				  Exactly one scenario is active (the Conditions form's target), so the
+				  selector is a radio group rather than a clickable card: a card with
+				  role="button" would nest its own buttons and confuse its accessible name.
+				-->
+				<div
+					class="border rounded p-2 scenario-item"
+					class:border-primary={$scenariosStore.activeId === s.id}>
+					<div class="d-flex align-items-center gap-2">
+						<input
+							class="form-check-input mt-0 flex-shrink-0"
+							type="radio"
+							name="active-scenario"
+							data-testid="select-scenario"
+							checked={$scenariosStore.activeId === s.id}
+							aria-label={$t('scenarios.makeActive')}
+							onchange={() => scenariosStore.setActive(s.id)} />
+						<input
+							type="color"
+							class="form-control form-control-color p-0 border-0"
+							style="width: 1.4rem; height: 1.4rem"
+							value={s.color}
+							oninput={(e) => scenariosStore.patch(s.id, { color: e.currentTarget.value })}
+							aria-label={$t('scenarios.color')} />
+						<input
+							type="text"
+							class="form-control form-control-sm border-0 flex-grow-1 px-1"
+							value={s.name}
+							aria-label={$t('scenarios.name')}
+							oninput={(e) => scenariosStore.patch(s.id, { name: e.currentTarget.value })} />
+						<button
+							class="btn btn-sm btn-link p-0 text-muted"
+							title={$t('scenarios.visible')}
+							aria-label={$t('scenarios.visible')}
+							data-testid="toggle-visibility"
+							onclick={() => scenariosStore.patch(s.id, { visible: !s.visible })}>
+							<i class="bi {s.visible ? 'bi-eye' : 'bi-eye-slash'}"></i>
+						</button>
+						<button
+							class="btn btn-sm btn-link p-0 text-danger"
+							title={$t('scenarios.delete')}
+							aria-label={$t('scenarios.delete')}
+							data-testid="delete-scenario"
+							onclick={() => scenariosStore.remove(s.id)}>
+							<i class="bi bi-trash"></i>
+						</button>
+					</div>
+
+					<div class="d-flex align-items-center gap-2 mt-2">
+						<button
+							class="btn btn-sm btn-outline-primary"
+							data-testid="run-scenario"
+							disabled={s.runStatus === 'running'}
+							onclick={() => run(s.id)}>
+							{#if s.runStatus === 'running'}
+								<span class="spinner-border spinner-border-sm"></span>
+								{$t('scenarios.running')}
+							{:else}
+								<i class="bi bi-play-fill"></i>
+								{$t('predict.run')}
+							{/if}
+						</button>
+
+						{#if s.runStatus === 'done' && s.result}
+							<span class="small text-muted" data-testid="flight-time">
+								{$t('scenarios.flightTime')}: {formatFlightTime(s.result.flight_time)}
+							</span>
+						{/if}
+					</div>
+
+					{#if s.result}
+						<div class="btn-group btn-group-sm mt-2 w-100" data-testid="export-group">
+							{#each ['gpx', 'kml', 'csv'] as const as fmt (fmt)}
+								<button
+									class="btn btn-outline-secondary"
+									data-testid={`export-${fmt}`}
+									onclick={() => exportScenario(s, fmt)}>
+									{fmt.toUpperCase()}
+								</button>
+							{/each}
+						</div>
+					{/if}
+
+					{#if s.runStatus === 'error'}
+						<div class="alert alert-danger py-1 px-2 small mt-2 mb-0" role="alert">
+							{s.lastRunError || $t('scenarios.error')}
+						</div>
+					{:else if s.runStatus === 'done' && s.result}
+						<div class="small text-muted mt-1">
+							{$t('scenarios.landing')}: {landingText(s)}
+						</div>
+					{/if}
+				</div>
+			{/each}
+		</div>
+	</div>
+</div>
+
+<style>
+	.scenario-item {
+		background: var(--bs-body-bg);
+	}
+</style>
diff --git a/src/lib/features/scenarios/ScenarioRenderer.svelte b/src/lib/features/scenarios/ScenarioRenderer.svelte
new file mode 100644
index 0000000..2fd1376
--- /dev/null
+++ b/src/lib/features/scenarios/ScenarioRenderer.svelte
@@ -0,0 +1,190 @@
+<script lang="ts">
+	import { onDestroy } from 'svelte';
+	import { getMap, plotPrediction, plotAnimatedMarker, plotEndMarker, plotEnsemble } from '$map';
+	import { timelineStore, positionAt } from '$features/timeline';
+	import { scenariosStore } from './store';
+	import type { Scenario } from '$domain';
+
+	/**
+	 * Renders every scenario onto the shared map. Each scenario gets its own named
+	 * scene (`sc/<id>`) for its trajectory and a `cursor/<id>` scene for the
+	 * playback marker, so both clear independently. Must be a descendant of <Map />.
+	 */
+	const map = getMap();
+	if (!map) throw new Error('ScenarioRenderer must be a descendant of <Map />');
+
+	const ownedPlots = new Set<string>();
+	const ownedCursors = new Set<string>();
+	const ownedEnsembles = new Set<string>();
+	const plotCache = new Map<string, { result: unknown; color: string; opacity: number }>();
+	/** Cursor scenes that reached their flight end and show a static end marker. */
+	const doneCursors = new Set<string>();
+
+	const sceneName = (s: Scenario) => `sc/${s.id}`;
+	const cursorName = (s: Scenario) => `cursor/${s.id}`;
+	const ensembleName = (s: Scenario) => `ens/${s.id}`;
+
+	/** Member scatter + 95% confidence ellipse, drawn in the scenario's colour. */
+	function renderEnsembles(items: Scenario[]) {
+		if (!map) return;
+		const live = new Set<string>();
+		for (const s of items) {
+			const name = ensembleName(s);
+			live.add(name);
+			if (!s.visible || !s.ensemble) {
+				if (ownedEnsembles.has(name)) {
+					map.disposeScene(name);
+					ownedEnsembles.delete(name);
+				}
+				continue;
+			}
+			plotEnsemble(map.scene(name), s.ensemble, s.color);
+			ownedEnsembles.add(name);
+		}
+		for (const name of Array.from(ownedEnsembles)) {
+			if (!live.has(name)) {
+				map.disposeScene(name);
+				ownedEnsembles.delete(name);
+			}
+		}
+	}
+
+	const durationOf = (s: Scenario) =>
+		s.result ? s.result.landing.datetime.getTime() - s.result.launch.datetime.getTime() : 0;
+
+	function renderAll(items: Scenario[]) {
+		if (!map) return;
+		const live = new Set<string>();
+		for (const s of items) {
+			const name = sceneName(s);
+			live.add(name);
+			if (!s.visible || !s.result) {
+				if (ownedPlots.has(name)) {
+					map.disposeScene(name);
+					ownedPlots.delete(name);
+					plotCache.delete(name);
+				}
+				continue;
+			}
+			const cached = plotCache.get(name);
+			if (
+				!cached ||
+				cached.result !== s.result ||
+				cached.color !== s.color ||
+				cached.opacity !== s.opacity
+			) {
+				const isNewResult = !cached || cached.result !== s.result;
+				plotPrediction(map.scene(name), s.result, { color: s.color, opacity: s.opacity });
+				ownedPlots.add(name);
+				plotCache.set(name, { result: s.result, color: s.color, opacity: s.opacity });
+				// Frame the freshly-computed trajectory once (not on style-only changes).
+				if (isNewResult) map.fitBounds(s.result.flight_path, 60);
+			}
+		}
+		for (const name of Array.from(ownedPlots)) {
+			if (!live.has(name)) {
+				map.disposeScene(name);
+				ownedPlots.delete(name);
+				plotCache.delete(name);
+			}
+		}
+	}
+
+	/**
+	 * The global clock domain is the union of every visible flight's duration.
+	 * Scenarios that end earlier than the max get an end-of-flight tick.
+	 */
+	function updateGlobalRange(items: Scenario[]) {
+		let maxDuration = 0;
+		const entries: Array<{ duration: number; color: string }> = [];
+		for (const s of items) {
+			if (!s.visible || !s.result) continue;
+			const duration = durationOf(s);
+			if (duration > maxDuration) maxDuration = duration;
+			entries.push({ duration, color: s.color });
+		}
+		timelineStore.setRange(0, maxDuration);
+
+		const seen = new Set<number>();
+		timelineStore.setMarkers(
+			entries
+				.filter(({ duration }) => {
+					if (duration >= maxDuration || seen.has(duration)) return false;
+					seen.add(duration);
+					return true;
+				})
+				.map(({ duration, color }) => ({ time: duration, color }))
+		);
+	}
+
+	function renderCursors(items: Scenario[], time: number) {
+		if (!map) return;
+		const live = new Set<string>();
+		for (const s of items) {
+			const name = cursorName(s);
+			live.add(name);
+			if (!s.visible || !s.result) {
+				if (ownedCursors.has(name)) {
+					map.disposeScene(name);
+					ownedCursors.delete(name);
+					doneCursors.delete(name);
+				}
+				continue;
+			}
+			const durationMs = durationOf(s);
+			const p = positionAt(s.result.flight_path, time, durationMs);
+			if (!p) continue;
+
+			const scene = map.scene(name);
+			const done = time >= durationMs;
+			if (done) {
+				if (!doneCursors.has(name)) {
+					// Transition into done state: swap to a static end marker.
+					scene.clear();
+					plotEndMarker(scene, p[1], p[0]);
+					doneCursors.add(name);
+				}
+				// Position is clamped to landing — nothing more to update.
+			} else {
+				if (doneCursors.has(name)) {
+					// Transition back to active (the user seeked backwards).
+					scene.clear();
+					doneCursors.delete(name);
+				}
+				plotAnimatedMarker(scene, p[1], p[0]);
+			}
+			ownedCursors.add(name);
+		}
+
+		for (const name of Array.from(ownedCursors)) {
+			if (!live.has(name)) {
+				map.disposeScene(name);
+				ownedCursors.delete(name);
+				doneCursors.delete(name);
+			}
+		}
+	}
+
+	$effect(() => {
+		const items = $scenariosStore.items;
+		renderAll(items);
+		renderEnsembles(items);
+		updateGlobalRange(items);
+	});
+
+	$effect(() => {
+		renderCursors($scenariosStore.items, $timelineStore.time);
+	});
+
+	onDestroy(() => {
+		if (!map) return;
+		for (const n of ownedPlots) map.disposeScene(n);
+		for (const n of ownedCursors) map.disposeScene(n);
+		for (const n of ownedEnsembles) map.disposeScene(n);
+		ownedEnsembles.clear();
+		ownedPlots.clear();
+		ownedCursors.clear();
+		plotCache.clear();
+		doneCursors.clear();
+	});
+</script>
diff --git a/src/lib/features/scenarios/index.ts b/src/lib/features/scenarios/index.ts
new file mode 100644
index 0000000..27a2cd6
--- /dev/null
+++ b/src/lib/features/scenarios/index.ts
@@ -0,0 +1,5 @@
+export { scenariosStore, getActiveScenario } from './store';
+export type { ScenarioSlice } from './store';
+export { default as ScenarioPanel } from './ScenarioPanel.svelte';
+export { default as ComparePanel } from './ComparePanel.svelte';
+export { default as ScenarioRenderer } from './ScenarioRenderer.svelte';
diff --git a/src/lib/features/scenarios/store.ts b/src/lib/features/scenarios/store.ts
new file mode 100644
index 0000000..b1bb934
--- /dev/null
+++ b/src/lib/features/scenarios/store.ts
@@ -0,0 +1,217 @@
+import { get } from 'svelte/store';
+import { persisted } from '$state';
+import {
+	DEFAULT_FLIGHT_PARAMETERS,
+	parsePrediction,
+	parseEnsemble,
+	toV2Request,
+	standardStages
+} from '$domain';
+import type { Scenario, ScenarioInit, FlightParameters } from '$domain';
+import { predictionsApi, buildLaunchDateTime } from '$api';
+
+const STORAGE_KEY = 'scenarios';
+
+const DEFAULT_COLORS = [
+	'#0d6efd',
+	'#dc3545',
+	'#198754',
+	'#fd7e14',
+	'#6f42c1',
+	'#20c997',
+	'#d63384',
+	'#0dcaf0'
+];
+
+function todayDate(): string {
+	return new Date().toISOString().split('T')[0];
+}
+
+function makeScenario(init: ScenarioInit = {}, index = 0): Scenario {
+	return {
+		id: crypto.randomUUID(),
+		name: init.name ?? `Scenario ${index + 1}`,
+		color: init.color ?? DEFAULT_COLORS[index % DEFAULT_COLORS.length],
+		opacity: 1,
+		visible: true,
+		flightParameters: init.flightParameters ?? { ...DEFAULT_FLIGHT_PARAMETERS },
+		launchDate: init.launchDate ?? todayDate(),
+		launchTime: init.launchTime ?? '12:00:00',
+		result: null,
+		runStatus: 'idle',
+		ensemble: null,
+		jobId: null
+	};
+}
+
+export interface ScenarioSlice {
+	items: Scenario[];
+	activeId: string | null;
+}
+
+const initial: ScenarioSlice = { items: [], activeId: null };
+
+/**
+ * Don't persist prediction results — they're large, transient, and re-fetchable.
+ * The serializer strips `result`/`runStatus` before writing to localStorage.
+ */
+const scenariosPersisted = persisted<ScenarioSlice>(STORAGE_KEY, initial, {
+	serializer: {
+		stringify: (value) =>
+			JSON.stringify({
+				...value,
+				items: value.items.map((s) => ({
+					...s,
+					result: null,
+					ensemble: null,
+					jobId: null,
+					runStatus: 'idle' as const,
+					lastRunError: undefined
+				}))
+			}),
+		parse: (raw) => JSON.parse(raw) as ScenarioSlice
+	}
+});
+
+function update(fn: (s: ScenarioSlice) => ScenarioSlice): void {
+	scenariosPersisted.update(fn);
+}
+
+export const scenariosStore = {
+	subscribe: scenariosPersisted.subscribe,
+
+	add(init: ScenarioInit = {}): Scenario {
+		let created: Scenario | null = null;
+		update((s) => {
+			const w = makeScenario(init, s.items.length);
+			created = w;
+			return { items: [...s.items, w], activeId: w.id };
+		});
+		return created!;
+	},
+
+	remove(id: string): void {
+		update((s) => {
+			const items = s.items.filter((w) => w.id !== id);
+			const activeId = s.activeId === id ? (items[0]?.id ?? null) : s.activeId;
+			return { items, activeId };
+		});
+	},
+
+	patch(id: string, patch: Partial<Scenario>): void {
+		update((s) => ({
+			...s,
+			items: s.items.map((w) => (w.id === id ? { ...w, ...patch } : w))
+		}));
+	},
+
+	setActive(id: string | null): void {
+		update((s) => ({ ...s, activeId: id }));
+	},
+
+	setFlightParameters(id: string, params: FlightParameters): void {
+		scenariosStore.patch(id, { flightParameters: params });
+	},
+
+	/**
+	 * Enqueue a GEFS ensemble run and poll until it settles. Async because 21
+	 * member runs take far longer than one request should stay open.
+	 */
+	async runEnsemble(id: string, pollMs = 1000): Promise<void> {
+		const slice = get(scenariosPersisted);
+		const w = slice.items.find((x) => x.id === id);
+		if (!w) return;
+		scenariosStore.patch(id, {
+			runStatus: 'running',
+			lastRunError: undefined,
+			ensemble: null
+		});
+		try {
+			const launchDatetime = buildLaunchDateTime(w.launchDate, w.launchTime);
+			const job = await predictionsApi.runEnsemble(w.flightParameters, launchDatetime);
+			scenariosStore.patch(id, { jobId: job.id });
+
+			// Poll until the job settles; a cancelled scenario stops the loop.
+			for (;;) {
+				await new Promise((r) => setTimeout(r, pollMs));
+				const current = get(scenariosPersisted).items.find((x) => x.id === id);
+				if (!current || current.jobId !== job.id) return; // cancelled or removed
+
+				const status = await predictionsApi.status(job.id);
+				if (status.status === 'complete') {
+					scenariosStore.patch(id, {
+						ensemble: parseEnsemble(status.result),
+						runStatus: 'done',
+						jobId: null
+					});
+					return;
+				}
+				if (status.status === 'error') {
+					scenariosStore.patch(id, {
+						runStatus: 'error',
+						lastRunError: status.error ?? 'Ensemble failed',
+						jobId: null
+					});
+					return;
+				}
+			}
+		} catch (err: unknown) {
+			scenariosStore.patch(id, {
+				runStatus: 'error',
+				lastRunError: (err as Error).message,
+				jobId: null
+			});
+			throw err;
+		}
+	},
+
+	/** Stop polling and ask the backend to drop the still-queued job. */
+	async cancelRun(id: string): Promise<void> {
+		const w = get(scenariosPersisted).items.find((x) => x.id === id);
+		const jobId = w?.jobId;
+		scenariosStore.patch(id, { runStatus: 'idle', jobId: null });
+		if (!jobId) return;
+		try {
+			await predictionsApi.remove(jobId);
+		} catch {
+			/* already gone or finished — nothing to clean up */
+		}
+	},
+
+	async run(id: string): Promise<void> {
+		const slice = get(scenariosPersisted);
+		const w = slice.items.find((x) => x.id === id);
+		if (!w) return;
+		scenariosStore.patch(id, { runStatus: 'running', lastRunError: undefined });
+		try {
+			const launchDatetime = buildLaunchDateTime(w.launchDate, w.launchTime);
+			// A custom profile is a stage list, which only the v2 endpoint accepts;
+			// everything else keeps the flat legacy request.
+			const isCustom = w.flightParameters.profile === 'custom_profile';
+			const response = isCustom
+				? await predictionsApi.runV2(
+						toV2Request(
+							w.stages ?? standardStages(w.flightParameters),
+							w.flightParameters,
+							launchDatetime,
+							{ dataset: w.flightParameters.dataset || undefined }
+						)
+					)
+				: await predictionsApi.run(w.flightParameters, launchDatetime);
+			const prediction = parsePrediction(response.result.prediction);
+			scenariosStore.patch(id, { result: prediction, runStatus: 'done' });
+		} catch (err: unknown) {
+			scenariosStore.patch(id, {
+				result: null,
+				runStatus: 'error',
+				lastRunError: (err as Error).message
+			});
+			throw err;
+		}
+	}
+};
+
+export function getActiveScenario(slice: ScenarioSlice): Scenario | null {
+	if (!slice.activeId) return slice.items[0] ?? null;
+	return slice.items.find((w) => w.id === slice.activeId) ?? null;
+}
diff --git a/src/lib/features/settings/SettingsPanel.svelte b/src/lib/features/settings/SettingsPanel.svelte
new file mode 100644
index 0000000..d18815c
--- /dev/null
+++ b/src/lib/features/settings/SettingsPanel.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+	import { t, setLocale, type Locale } from '$i18n';
+	import { settingsStore, getPath, setPath } from './store';
+	import { SETTINGS_SCHEMA } from './schema';
+
+	/** The panel renders whatever the schema declares — no per-field markup. */
+	function update(path: string, value: unknown) {
+		settingsStore.update((s) => setPath(s, path, value));
+		// Locale is the one setting with an immediate side effect: swap dictionaries.
+		if (path === 'locale') setLocale(value as Locale);
+	}
+</script>
+
+<div class="card shadow-sm">
+	<div class="card-body p-3">
+		<h6 class="mb-2">{$t('settings.title')}</h6>
+
+		{#each SETTINGS_SCHEMA as section (section.titleKey)}
+			<div class="mb-3">
+				<div class="text-muted small fw-semibold border-bottom pb-1 mb-2">
+					{$t(section.titleKey)}
+				</div>
+
+				{#each section.fields as field (field.path)}
+					{@const value = getPath($settingsStore, field.path)}
+					<div class="mb-2">
+						<label class="form-label small mb-0" for={`set-${field.path}`}>
+							{$t(field.labelKey)}
+						</label>
+
+						{#if field.kind === 'select'}
+							<select
+								id={`set-${field.path}`}
+								class="form-select form-select-sm"
+								data-testid={`set-${field.path}`}
+								value={String(value)}
+								onchange={(e) => update(field.path, e.currentTarget.value)}>
+								{#each field.options as opt (opt.value)}
+									<option value={opt.value}>{$t(opt.labelKey)}</option>
+								{/each}
+							</select>
+						{:else if field.kind === 'boolean'}
+							<div class="form-check form-switch">
+								<input
+									id={`set-${field.path}`}
+									class="form-check-input"
+									type="checkbox"
+									data-testid={`set-${field.path}`}
+									checked={Boolean(value)}
+									onchange={(e) => update(field.path, e.currentTarget.checked)} />
+							</div>
+						{:else}
+							<input
+								id={`set-${field.path}`}
+								class="form-control form-control-sm"
+								type="number"
+								data-testid={`set-${field.path}`}
+								min={field.min}
+								max={field.max}
+								step={field.step}
+								value={Number(value)}
+								onchange={(e) => update(field.path, Number(e.currentTarget.value))} />
+						{/if}
+					</div>
+				{/each}
+			</div>
+		{/each}
+	</div>
+</div>
diff --git a/src/lib/features/settings/index.ts b/src/lib/features/settings/index.ts
new file mode 100644
index 0000000..24a7457
--- /dev/null
+++ b/src/lib/features/settings/index.ts
@@ -0,0 +1,5 @@
+export { settingsStore, DEFAULT_SETTINGS, getPath, setPath } from './store';
+export type { AppSettings, MapSettings, FormatSettings } from './store';
+export { SETTINGS_SCHEMA } from './schema';
+export type { SettingsField, SettingsSection } from './schema';
+export { default as SettingsPanel } from './SettingsPanel.svelte';
diff --git a/src/lib/features/settings/schema.ts b/src/lib/features/settings/schema.ts
new file mode 100644
index 0000000..c862de6
--- /dev/null
+++ b/src/lib/features/settings/schema.ts
@@ -0,0 +1,96 @@
+/**
+ * Declarative settings schema. Each field describes one setting that the panel
+ * renders as a labeled control. Kept free of Svelte so the same schema can drive
+ * other consumers later (export/import, URL state).
+ */
+
+export type FieldKind = 'boolean' | 'select' | 'number';
+
+export interface BaseField<K extends FieldKind> {
+	kind: K;
+	/** Dot-separated path into AppSettings (e.g. `'map.baseLayer'`). */
+	path: string;
+	labelKey: string;
+}
+
+export type BooleanField = BaseField<'boolean'>;
+
+export interface NumberField extends BaseField<'number'> {
+	min?: number;
+	max?: number;
+	step?: number;
+}
+
+export interface SelectField extends BaseField<'select'> {
+	options: { value: string; labelKey: string }[];
+}
+
+export type SettingsField = BooleanField | NumberField | SelectField;
+
+export interface SettingsSection {
+	titleKey: string;
+	fields: SettingsField[];
+}
+
+export const SETTINGS_SCHEMA: SettingsSection[] = [
+	{
+		titleKey: 'settings.general',
+		fields: [
+			{
+				kind: 'select',
+				path: 'locale',
+				labelKey: 'settings.language',
+				options: [
+					{ value: 'ru', labelKey: 'settings.lang_ru' },
+					{ value: 'en', labelKey: 'settings.lang_en' }
+				]
+			}
+		]
+	},
+	{
+		titleKey: 'settings.map',
+		fields: [
+			{
+				kind: 'select',
+				path: 'map.baseLayer',
+				labelKey: 'settings.baseLayer',
+				options: [
+					{ value: 'osm', labelKey: 'settings.baseLayer_osm' },
+					{ value: 'satellite', labelKey: 'settings.baseLayer_satellite' }
+				]
+			}
+		]
+	},
+	{
+		titleKey: 'settings.format',
+		fields: [
+			{
+				kind: 'select',
+				path: 'format.units',
+				labelKey: 'settings.units',
+				options: [
+					{ value: 'metric', labelKey: 'settings.units_metric' },
+					{ value: 'imperial', labelKey: 'settings.units_imperial' }
+				]
+			},
+			{
+				kind: 'select',
+				path: 'format.coords',
+				labelKey: 'settings.coords',
+				options: [
+					{ value: 'dd', labelKey: 'settings.coords_dd' },
+					{ value: 'dms', labelKey: 'settings.coords_dms' }
+				]
+			},
+			{
+				kind: 'select',
+				path: 'format.time',
+				labelKey: 'settings.time',
+				options: [
+					{ value: 'utc', labelKey: 'settings.time_utc' },
+					{ value: 'local', labelKey: 'settings.time_local' }
+				]
+			}
+		]
+	}
+];
diff --git a/src/lib/features/settings/store.ts b/src/lib/features/settings/store.ts
new file mode 100644
index 0000000..63a3d28
--- /dev/null
+++ b/src/lib/features/settings/store.ts
@@ -0,0 +1,53 @@
+import { persisted } from '$state';
+import type { Locale } from '$i18n';
+import type { CoordFormat, TimeDisplay, UnitSystem } from '$domain';
+
+export interface MapSettings {
+	baseLayer: 'osm' | 'satellite';
+}
+
+export interface FormatSettings {
+	units: UnitSystem;
+	coords: CoordFormat;
+	time: TimeDisplay;
+}
+
+export interface AppSettings {
+	locale: Locale;
+	map: MapSettings;
+	format: FormatSettings;
+}
+
+export const DEFAULT_SETTINGS: AppSettings = {
+	locale: 'ru',
+	map: { baseLayer: 'osm' },
+	// UTC and SI are canonical; these are display choices only (guidelines §10).
+	format: { units: 'metric', coords: 'dd', time: 'utc' }
+};
+
+export const settingsStore = persisted<AppSettings>('settings', DEFAULT_SETTINGS);
+
+/** Resolve `'a.b.c'` to `obj.a.b.c`. Used by the schema-driven settings form. */
+export function getPath(obj: unknown, path: string): unknown {
+	return path.split('.').reduce<unknown>((acc, key) => {
+		if (acc && typeof acc === 'object' && key in acc) {
+			return (acc as Record<string, unknown>)[key];
+		}
+		return undefined;
+	}, obj);
+}
+
+/** Immutably set `'a.b.c'` on a copy of `obj`. */
+export function setPath<T extends object>(obj: T, path: string, value: unknown): T {
+	const keys = path.split('.');
+	const next: Record<string, unknown> = { ...(obj as Record<string, unknown>) };
+	let cursor: Record<string, unknown> = next;
+	for (let i = 0; i < keys.length - 1; i++) {
+		const k = keys[i];
+		const existing = cursor[k];
+		cursor[k] = { ...((existing as Record<string, unknown> | undefined) ?? {}) };
+		cursor = cursor[k] as Record<string, unknown>;
+	}
+	cursor[keys[keys.length - 1]] = value;
+	return next as T;
+}
diff --git a/src/lib/features/timeline/TimeLine.svelte b/src/lib/features/timeline/TimeLine.svelte
new file mode 100644
index 0000000..dd4b079
--- /dev/null
+++ b/src/lib/features/timeline/TimeLine.svelte
@@ -0,0 +1,188 @@
+<script lang="ts">
+	import { timelineStore } from './store';
+	import { t } from '$i18n';
+
+	const SPEEDS = [0.5, 1, 2, 5, 10, 30];
+
+	function cycleSpeed() {
+		const i = SPEEDS.indexOf($timelineStore.speed);
+		timelineStore.setSpeed(SPEEDS[(i + 1) % SPEEDS.length]);
+	}
+
+	function onSeek(e: Event) {
+		timelineStore.seek(parseFloat((e.currentTarget as HTMLInputElement).value));
+	}
+
+	const duration = $derived(Math.max(0, $timelineStore.max - $timelineStore.min));
+	const elapsed = $derived(Math.max(0, $timelineStore.time - $timelineStore.min));
+	const hasData = $derived(duration > 0);
+
+	function fmtHms(ms: number): string {
+		if (!isFinite(ms) || ms < 0) return '00:00:00';
+		const s = Math.floor(ms / 1000);
+		const hh = String(Math.floor(s / 3600)).padStart(2, '0');
+		const mm = String(Math.floor((s % 3600) / 60)).padStart(2, '0');
+		const ss = String(s % 60).padStart(2, '0');
+		return `${hh}:${mm}:${ss}`;
+	}
+</script>
+
+<div class="timeline-container card shadow-sm" class:disabled={!hasData} data-testid="timeline">
+	<div class="card-body p-2">
+		<div class="d-flex align-items-center gap-2">
+			<div class="btn-group btn-group-sm" role="group">
+				<button
+					type="button"
+					class="btn btn-outline-primary"
+					onclick={() => timelineStore.reset()}
+					disabled={!hasData}
+					title={$t('timeline.stop')}
+					aria-label={$t('timeline.stop')}>
+					<i class="bi bi-skip-start-fill"></i>
+				</button>
+				{#if $timelineStore.playing}
+					<button
+						type="button"
+						class="btn btn-warning"
+						data-testid="tl-pause"
+						onclick={() => timelineStore.pause()}
+						title={$t('timeline.pause')}
+						aria-label={$t('timeline.pause')}>
+						<i class="bi bi-pause-fill"></i>
+					</button>
+				{:else}
+					<button
+						type="button"
+						class="btn btn-success"
+						data-testid="tl-play"
+						onclick={() => timelineStore.play()}
+						disabled={!hasData}
+						title={$t('timeline.play')}
+						aria-label={$t('timeline.play')}>
+						<i class="bi bi-play-fill"></i>
+					</button>
+				{/if}
+				<button
+					type="button"
+					class="btn btn-outline-secondary"
+					onclick={cycleSpeed}
+					disabled={!hasData}
+					title={$t('timeline.speed')}>
+					{$timelineStore.speed}x
+				</button>
+			</div>
+
+			<div class="flex-fill d-flex flex-column">
+				<div class="range-wrapper">
+					<!-- step="any", not a 1s step: flight durations are not whole seconds, so a
+					     stepped slider stops short of max and the cursor would never reach its
+					     landed state when scrubbed to the end. -->
+					<input
+						type="range"
+						class="form-range"
+						data-testid="tl-range"
+						aria-label={$t('timeline.scrub')}
+						min={$timelineStore.min}
+						max={$timelineStore.max}
+						step="any"
+						value={$timelineStore.time}
+						oninput={onSeek}
+						disabled={!hasData} />
+					{#if hasData && $timelineStore.markers.length > 0}
+						<div class="marker-ticks">
+							{#each $timelineStore.markers as m (m.time)}
+								{@const pct = $timelineStore.max > 0 ? m.time / $timelineStore.max : 0}
+								<span
+									class="marker-tick"
+									style="left: calc({pct} * (100% - 1rem) + 0.5rem); --tick-color: {m.color}">
+									<span class="marker-tooltip">{fmtHms(m.time)}</span>
+								</span>
+							{/each}
+						</div>
+					{/if}
+				</div>
+				<div class="d-flex justify-content-between small font-monospace text-muted">
+					<span data-testid="tl-elapsed">{fmtHms(elapsed)}</span>
+					<span>{fmtHms(duration)}</span>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.timeline-container {
+		position: absolute;
+		bottom: 20px;
+		left: 50%;
+		transform: translateX(-50%);
+		min-width: 500px;
+		max-width: 720px;
+		z-index: 6;
+		background: var(--bs-body-bg);
+	}
+	.timeline-container.disabled {
+		opacity: 0.7;
+	}
+
+	.range-wrapper {
+		position: relative;
+	}
+
+	.marker-ticks {
+		position: absolute;
+		inset: 0;
+		pointer-events: none;
+	}
+
+	.marker-tick {
+		position: absolute;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 3px;
+		height: 14px;
+		background: var(--tick-color, #dc3545);
+		border-radius: 1px;
+		pointer-events: auto;
+		cursor: default;
+	}
+
+	.marker-tooltip {
+		display: none;
+		position: absolute;
+		bottom: calc(100% + 8px);
+		left: 50%;
+		transform: translateX(-50%);
+		background: var(--tick-color, #dc3545);
+		color: #fff;
+		font-size: 0.7rem;
+		font-family: monospace;
+		padding: 2px 7px;
+		border-radius: 4px;
+		white-space: nowrap;
+		pointer-events: none;
+		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
+	}
+
+	.marker-tooltip::after {
+		content: '';
+		position: absolute;
+		top: 100%;
+		left: 50%;
+		transform: translateX(-50%);
+		border: 4px solid transparent;
+		border-top-color: var(--tick-color, #dc3545);
+	}
+
+	.marker-tick:hover .marker-tooltip {
+		display: block;
+	}
+
+	@media (max-width: 767.98px) {
+		.timeline-container {
+			min-width: calc(100vw - 24px);
+			max-width: calc(100vw - 24px);
+			bottom: 10px;
+		}
+	}
+</style>
diff --git a/src/lib/features/timeline/index.ts b/src/lib/features/timeline/index.ts
new file mode 100644
index 0000000..342b4a6
--- /dev/null
+++ b/src/lib/features/timeline/index.ts
@@ -0,0 +1,3 @@
+export { timelineStore, positionAt } from './store';
+export type { TimelineState, TimelineMarker } from './store';
+export { default as TimeLine } from './TimeLine.svelte';
diff --git a/src/lib/features/timeline/store.ts b/src/lib/features/timeline/store.ts
new file mode 100644
index 0000000..b13fc7b
--- /dev/null
+++ b/src/lib/features/timeline/store.ts
@@ -0,0 +1,131 @@
+import { writable } from 'svelte/store';
+
+/**
+ * Global playback clock.
+ *
+ * `time` is **elapsed milliseconds since launch**, and the domain `[min, max]`
+ * is the union of every visible Scenario's flight duration (min is normally 0).
+ * Each Scenario samples its own trajectory against this one clock, which is what
+ * keeps multiple overlaid flights in sync while they have different durations.
+ */
+
+export interface TimelineMarker {
+	time: number;
+	color: string;
+}
+
+export interface TimelineState {
+	time: number;
+	min: number;
+	max: number;
+	speed: number;
+	playing: boolean;
+	/** End-of-flight ticks for scenarios shorter than the global max. */
+	markers: TimelineMarker[];
+}
+
+const initial: TimelineState = {
+	time: 0,
+	min: 0,
+	max: 0,
+	speed: 1,
+	playing: false,
+	markers: []
+};
+
+function createTimeline() {
+	const store = writable<TimelineState>(initial);
+	let frame: number | null = null;
+	let lastTick = 0;
+
+	function tick(ts: number) {
+		store.update((s) => {
+			if (!s.playing) return s;
+			if (!lastTick) lastTick = ts;
+			const dt = (ts - lastTick) * s.speed;
+			lastTick = ts;
+			let next = s.time + dt;
+			if (next >= s.max) {
+				next = s.max;
+				frame = null;
+				return { ...s, time: next, playing: false };
+			}
+			frame = requestAnimationFrame(tick);
+			return { ...s, time: next };
+		});
+	}
+
+	function play() {
+		let started = false;
+		store.update((s) => {
+			if (s.max <= s.min) return s;
+			started = true;
+			// Restarting from the end rewinds rather than sitting still.
+			if (s.time >= s.max) return { ...s, time: s.min, playing: true };
+			return { ...s, playing: true };
+		});
+		if (!started) return;
+		lastTick = 0;
+		frame = requestAnimationFrame(tick);
+	}
+
+	function pause() {
+		if (frame !== null) cancelAnimationFrame(frame);
+		frame = null;
+		store.update((s) => ({ ...s, playing: false }));
+	}
+
+	function reset() {
+		pause();
+		store.update((s) => ({ ...s, time: s.min }));
+	}
+
+	function seek(time: number) {
+		store.update((s) => ({ ...s, time: Math.max(s.min, Math.min(s.max, time)) }));
+	}
+
+	function setSpeed(speed: number) {
+		store.update((s) => ({ ...s, speed }));
+	}
+
+	function setRange(min: number, max: number) {
+		store.update((s) => {
+			const nextMin = Number.isFinite(min) ? min : s.min;
+			const nextMax = Number.isFinite(max) ? max : s.max;
+			const t = Math.max(nextMin, Math.min(nextMax, s.time));
+			return { ...s, min: nextMin, max: nextMax, time: t };
+		});
+	}
+
+	function setMarkers(markers: TimelineMarker[]) {
+		store.update((s) => ({ ...s, markers }));
+	}
+
+	return { subscribe: store.subscribe, play, pause, reset, seek, setSpeed, setRange, setMarkers };
+}
+
+export const timelineStore = createTimeline();
+
+/**
+ * Position along a flight path at `elapsed` ms, linearly interpolating between
+ * the two bracketing samples. Returns null for an empty path.
+ */
+export function positionAt(
+	path: [number, number, ...number[]][],
+	elapsed: number,
+	durationMs: number
+): [number, number] | null {
+	if (path.length === 0) return null;
+	if (durationMs <= 0) return [path[0][0], path[0][1]];
+	const t = Math.max(0, Math.min(1, elapsed / durationMs));
+	const raw = t * (path.length - 1);
+	const idx = Math.floor(raw);
+	if (idx >= path.length - 1) {
+		const last = path[path.length - 1];
+		return [last[0], last[1]];
+	}
+	const frac = raw - idx;
+	const a = path[idx];
+	const b = path[idx + 1];
+	return [a[0] + (b[0] - a[0]) * frac, a[1] + (b[1] - a[1]) * frac];
+}
diff --git a/src/lib/features/tracking/DeviationChart.svelte b/src/lib/features/tracking/DeviationChart.svelte
new file mode 100644
index 0000000..dbba77b
--- /dev/null
+++ b/src/lib/features/tracking/DeviationChart.svelte
@@ -0,0 +1,197 @@
+<script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import { Chart as ChartJS, type ChartDataset } from 'chart.js/auto';
+	import 'chartjs-adapter-luxon';
+	import { computeDeviations, type TelemetryPoint, type Prediction } from '$domain';
+	import { t } from '$i18n';
+
+	interface Props {
+		points: TelemetryPoint[];
+		prediction?: Prediction | null;
+	}
+	let { points, prediction = null }: Props = $props();
+
+	let altCanvas: HTMLCanvasElement;
+	let devCanvas: HTMLCanvasElement;
+	let altChart: ChartJS | null = null;
+	let devChart: ChartJS | null = null;
+
+	const deviations = $derived(
+		prediction && points.length > 0 ? computeDeviations(points, prediction) : null
+	);
+
+	// Full prediction altitude series — drawn independently of the telemetry sample rate.
+	const predAltData = $derived(
+		prediction
+			? prediction.timestamps.map((tsMs, idx) => ({
+					x: tsMs,
+					y: (prediction.flight_path[idx][2] as number | undefined) ?? 0
+				}))
+			: []
+	);
+
+	const hasData = $derived(points.length > 0);
+	const hasDeviation = $derived(!!deviations && deviations.length > 0);
+
+	const timeAxis = {
+		type: 'time' as const,
+		time: {
+			unit: 'minute' as const,
+			displayFormats: { minute: 'HH:mm' },
+			tooltipFormat: 'HH:mm:ss'
+		},
+		adapters: { date: { zone: 'UTC' } },
+		title: { display: true, text: 'UTC', font: { size: 10 } },
+		ticks: { font: { size: 9 }, maxRotation: 0 }
+	};
+
+	const commonOptions = {
+		responsive: true,
+		maintainAspectRatio: false,
+		animation: false as const,
+		interaction: { mode: 'index' as const, intersect: false },
+		plugins: {
+			legend: { position: 'top' as const, labels: { boxWidth: 10, font: { size: 10 } } }
+		}
+	};
+
+	onMount(() => {
+		altChart = new ChartJS(altCanvas.getContext('2d')!, {
+			type: 'line',
+			data: {
+				datasets: [
+					{
+						label: $t('tracking.actual'),
+						data: [],
+						borderColor: '#FF1744', // actual = red
+						backgroundColor: 'rgba(255,23,68,0.08)',
+						fill: false,
+						pointRadius: 0,
+						borderWidth: 2
+					} as ChartDataset<'line'>,
+					{
+						label: $t('tracking.predicted'),
+						data: [],
+						borderColor: '#1565C0', // predicted = blue
+						backgroundColor: 'transparent',
+						fill: false,
+						pointRadius: 0,
+						borderWidth: 2,
+						borderDash: [6, 3]
+					} as ChartDataset<'line'>
+				]
+			},
+			options: {
+				...commonOptions,
+				scales: {
+					x: timeAxis,
+					y: {
+						title: { display: true, text: $t('tracking.altitudeAxis'), font: { size: 10 } },
+						ticks: { font: { size: 9 } }
+					}
+				}
+			}
+		});
+
+		devChart = new ChartJS(devCanvas.getContext('2d')!, {
+			type: 'line',
+			data: {
+				datasets: [
+					{
+						label: $t('tracking.deviationAxis'),
+						data: [],
+						borderColor: '#F57F17',
+						backgroundColor: 'rgba(245,127,23,0.15)',
+						fill: true,
+						pointRadius: 0,
+						borderWidth: 2
+					} as ChartDataset<'line'>
+				]
+			},
+			options: {
+				...commonOptions,
+				scales: {
+					x: timeAxis,
+					y: {
+						min: 0,
+						title: { display: true, text: $t('tracking.deviationAxis'), font: { size: 10 } },
+						ticks: { font: { size: 9 } }
+					}
+				},
+				plugins: { ...commonOptions.plugins, legend: { display: false } }
+			}
+		});
+	});
+
+	$effect(() => {
+		if (!altChart) return;
+		altChart.data.datasets[0].data = points.map((p) => ({
+			x: new Date(p.datetime).getTime(),
+			y: p.altitude
+		}));
+		altChart.data.datasets[1].data = predAltData;
+		altChart.update('none');
+	});
+
+	$effect(() => {
+		if (!devChart) return;
+		devChart.data.datasets[0].data =
+			deviations?.map((d) => ({ x: d.timeMs, y: d.horizontal })) ?? [];
+		devChart.update('none');
+	});
+
+	onDestroy(() => {
+		altChart?.destroy();
+		devChart?.destroy();
+	});
+</script>
+
+<!--
+  Both canvases stay in the DOM so the Chart.js instances created in onMount
+  always have a valid canvas. Sections are hidden with d-none; Chart.js picks up
+  the dimension change via ResizeObserver when they become visible again.
+-->
+
+{#if !hasData}
+	<p class="text-muted small text-center py-3 mb-0">{$t('tracking.noData')}</p>
+{/if}
+
+<div class:d-none={!hasData}>
+	<p class="small fw-semibold mb-1">{$t('tracking.altProfile')}</p>
+	<div style="position: relative; height: 150px;">
+		<canvas bind:this={altCanvas}></canvas>
+	</div>
+
+	{#if !hasDeviation}
+		<p class="small text-muted mt-2 mb-0">{$t('tracking.selectPrediction')}</p>
+	{/if}
+</div>
+
+<div class:d-none={!hasDeviation}>
+	<hr class="my-2" />
+	<p class="small fw-semibold mb-1">{$t('tracking.horizontalDev')}</p>
+	<div style="position: relative; height: 120px;">
+		<canvas bind:this={devCanvas}></canvas>
+	</div>
+
+	{#if deviations && deviations.length > 0}
+		{@const maxDev = Math.max(...deviations.map((d) => d.horizontal))}
+		{@const last = deviations[deviations.length - 1]}
+		<div class="d-flex gap-3 mt-2 flex-wrap" data-testid="deviation-summary">
+			<small class="text-muted">
+				{$t('tracking.devMax')}
+				<span class="fw-semibold text-body">{maxDev.toFixed(2)} {$t('tracking.km')}</span>
+			</small>
+			<small class="text-muted">
+				{$t('tracking.devCurrent')}
+				<span class="fw-semibold text-body">{last.horizontal.toFixed(2)} {$t('tracking.km')}</span>
+			</small>
+			<small class="text-muted">
+				Δh:
+				<span class="fw-semibold text-body">
+					{last.vertical > 0 ? '+' : ''}{last.vertical.toFixed(0)} {$t('tracking.m')}
+				</span>
+			</small>
+		</div>
+	{/if}
+</div>
diff --git a/src/lib/features/tracking/TelemetryPanel.svelte b/src/lib/features/tracking/TelemetryPanel.svelte
new file mode 100644
index 0000000..b0ec05d
--- /dev/null
+++ b/src/lib/features/tracking/TelemetryPanel.svelte
@@ -0,0 +1,128 @@
+<script lang="ts">
+	import { t } from '$i18n';
+	import { telemetryStore } from './telemetryStore.svelte';
+	import DeviationChart from './DeviationChart.svelte';
+	import { scenariosStore, getActiveScenario } from '$features/scenarios';
+
+	let satelliteInput = $state('');
+	let showChart = $state(false);
+
+	const STATUS_CLASS: Record<string, string> = {
+		idle: 'text-bg-secondary',
+		connecting: 'text-bg-warning',
+		connected: 'text-bg-success',
+		error: 'text-bg-danger'
+	};
+
+	// Compare against the active scenario's result, when it has one.
+	const prediction = $derived(getActiveScenario($scenariosStore)?.result ?? null);
+
+	function handleConnect() {
+		const id = satelliteInput.trim();
+		if (id) telemetryStore.connect(id);
+	}
+
+	function handleDisconnect() {
+		telemetryStore.disconnect();
+		satelliteInput = '';
+	}
+
+	// Deliberately no disconnect-on-unmount: the panel lives in a tab, and the
+	// track keeps drawing on the map while the user looks at another tab.
+	// Disconnecting is an explicit user action.
+
+	// Restore the field when returning to the tab mid-flight.
+	$effect(() => {
+		if (telemetryStore.satelliteId && !satelliteInput) satelliteInput = telemetryStore.satelliteId;
+	});
+</script>
+
+<div class="card shadow-sm">
+	<div class="card-body p-3">
+		<h6 class="mb-2">{$t('tracking.title')}</h6>
+
+		<!-- Raw-id entry stays for unlisted/private flights, but is no longer the
+		     primary path (guidelines §7.2) — the public list beside this panel and
+		     shared links are. -->
+		<details class="mb-2" data-testid="tr-advanced">
+			<summary class="small text-muted">{$t('flights.followByIdAdvanced')}</summary>
+			<label class="form-label small mb-0 mt-2" for="tr-id">{$t('tracking.satelliteId')}</label>
+			<div class="input-group input-group-sm">
+			<input
+				id="tr-id"
+				type="text"
+				class="form-control"
+				data-testid="tr-id"
+				placeholder="uuid"
+				bind:value={satelliteInput}
+				disabled={telemetryStore.status !== 'idle'} />
+			{#if telemetryStore.status === 'idle'}
+				<button
+					class="btn btn-primary"
+					data-testid="tr-connect"
+					onclick={handleConnect}
+					disabled={!satelliteInput.trim()}>
+					{$t('tracking.connect')}
+				</button>
+			{:else}
+				<button class="btn btn-secondary" data-testid="tr-disconnect" onclick={handleDisconnect}>
+					{$t('tracking.disconnect')}
+				</button>
+			{/if}
+			</div>
+		</details>
+
+		<div class="d-flex align-items-center gap-2 mb-2">
+			<span class="small text-muted">{$t('tracking.status')}</span>
+			<span class="badge {STATUS_CLASS[telemetryStore.status]}" data-testid="tr-status">
+				{$t(`tracking.status_${telemetryStore.status}`)}
+			</span>
+		</div>
+		{#if telemetryStore.error}
+			<div class="alert alert-danger py-1 px-2 small" role="alert" data-testid="tr-error">
+				{telemetryStore.error}
+			</div>
+		{/if}
+
+		<!-- Four async states: connecting / empty / error / loaded -->
+		{#if telemetryStore.latest}
+			{@const p = telemetryStore.latest}
+			<dl class="row row-cols-2 g-1 small mb-2" data-testid="tr-readout">
+				<div class="col">
+					<dt class="text-muted fw-normal">{$t('predict.latitude')}</dt>
+					<dd class="mb-0 font-monospace">{p.latitude.toFixed(6)}</dd>
+				</div>
+				<div class="col">
+					<dt class="text-muted fw-normal">{$t('predict.longitude')}</dt>
+					<dd class="mb-0 font-monospace">{p.longitude.toFixed(6)}</dd>
+				</div>
+				<div class="col">
+					<dt class="text-muted fw-normal">{$t('predict.altitude')}</dt>
+					<dd class="mb-0 font-monospace">{p.altitude.toFixed(1)}</dd>
+				</div>
+				<div class="col">
+					<dt class="text-muted fw-normal">{$t('tracking.packets')}</dt>
+					<dd class="mb-0 font-monospace">{telemetryStore.points.length}</dd>
+				</div>
+			</dl>
+
+			<button
+				class="btn btn-sm btn-outline-secondary w-100"
+				data-testid="tr-chart-toggle"
+				onclick={() => (showChart = !showChart)}>
+				{showChart ? $t('tracking.hideCharts') : $t('tracking.showCharts')}
+			</button>
+			{#if showChart}
+				<hr class="my-2" />
+				<DeviationChart points={telemetryStore.points} {prediction} />
+			{/if}
+		{:else if telemetryStore.status === 'connecting'}
+			<div class="small text-muted">
+				<span class="spinner-border spinner-border-sm me-1"></span>
+				{$t('tracking.connecting')}
+			</div>
+		{:else if telemetryStore.status !== 'idle' && telemetryStore.historyLoaded}
+			<div class="small text-muted">{$t('tracking.waitingData')}</div>
+		{/if}
+	</div>
+</div>
diff --git a/src/lib/features/tracking/TrackRenderer.svelte b/src/lib/features/tracking/TrackRenderer.svelte
new file mode 100644
index 0000000..b6e4605
--- /dev/null
+++ b/src/lib/features/tracking/TrackRenderer.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { onDestroy } from 'svelte';
+	import { getMap, plotTelemetry } from '$map';
+	import { telemetryStore } from './telemetryStore.svelte';
+
+	/**
+	 * Draws the live telemetry track in its own scene. Must be a descendant of
+	 * <Map />. The first fix frames the map; later packets only extend the track
+	 * so the user's own panning is not fought.
+	 */
+	const map = getMap();
+	if (!map) throw new Error('TrackRenderer must be a descendant of <Map />');
+
+	const SCENE = 'telemetry';
+	let owned = false;
+	let framed = false;
+
+	$effect(() => {
+		if (!map) return;
+		const telemetry = telemetryStore.telemetry;
+
+		if (!telemetry) {
+			if (owned) {
+				map.disposeScene(SCENE);
+				owned = false;
+			}
+			framed = false;
+			return;
+		}
+
+		plotTelemetry(map.scene(SCENE), telemetry);
+		owned = true;
+
+		if (!framed && telemetry.flight_path.length > 1) {
+			map.fitBounds(telemetry.flight_path, 60);
+			framed = true;
+		}
+	});
+
+	onDestroy(() => {
+		if (map && owned) map.disposeScene(SCENE);
+	});
+</script>
diff --git a/src/lib/features/tracking/index.ts b/src/lib/features/tracking/index.ts
new file mode 100644
index 0000000..ae619a2
--- /dev/null
+++ b/src/lib/features/tracking/index.ts
@@ -0,0 +1,5 @@
+export { telemetryStore } from './telemetryStore.svelte';
+export type { TrackingStatus } from './telemetryStore.svelte';
+export { default as TelemetryPanel } from './TelemetryPanel.svelte';
+export { default as TrackRenderer } from './TrackRenderer.svelte';
+export { default as DeviationChart } from './DeviationChart.svelte';
diff --git a/src/lib/features/tracking/telemetryStore.svelte.ts b/src/lib/features/tracking/telemetryStore.svelte.ts
new file mode 100644
index 0000000..999831f
--- /dev/null
+++ b/src/lib/features/tracking/telemetryStore.svelte.ts
@@ -0,0 +1,107 @@
+import { telemetryApi, buildWsUrl, type RawTelemetryPacket } from '$api';
+import { parseTelemetry, type TelemetryPoint, type Telemetry } from '$domain';
+
+export type TrackingStatus = 'idle' | 'connecting' | 'connected' | 'error';
+
+const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+
+function toPoint(p: RawTelemetryPacket): TelemetryPoint {
+	return {
+		latitude: p.lat,
+		longitude: p.lon,
+		altitude: p.alt,
+		datetime: new Date(p.timestamp * 1000).toISOString(),
+		payload: JSON.stringify(p.payload)
+	};
+}
+
+/**
+ * Live telemetry for one satellite: historical packets are loaded over REST,
+ * then new ones stream in over the read-only WebSocket consumer.
+ */
+class TelemetryStore {
+	satelliteId = $state('');
+	status = $state<TrackingStatus>('idle');
+	error = $state<string | null>(null);
+	points = $state<TelemetryPoint[]>([]);
+	/** History finished loading (so an empty track can be reported as "no data"). */
+	historyLoaded = $state(false);
+
+	#ws: WebSocket | null = null;
+
+	get latest(): TelemetryPoint | null {
+		return this.points[this.points.length - 1] ?? null;
+	}
+
+	get telemetry(): Telemetry | null {
+		if (this.points.length === 0) return null;
+		try {
+			return parseTelemetry(this.points);
+		} catch {
+			return null;
+		}
+	}
+
+	async connect(id: string): Promise<void> {
+		if (!UUID_RE.test(id)) {
+			this.status = 'error';
+			this.error = 'Invalid satellite ID — expected a UUID';
+			return;
+		}
+
+		this.disconnect();
+		this.satelliteId = id;
+		this.status = 'connecting';
+		this.error = null;
+		this.points = [];
+		this.historyLoaded = false;
+
+		// History is non-critical: a live-only flight still tracks fine without it.
+		try {
+			const history = await telemetryApi.fetchHistory(id);
+			// The API returns newest-first; reverse into chronological order.
+			this.points = [...history].reverse().map(toPoint);
+		} catch {
+			/* ignore — the socket may still deliver live packets */
+		}
+		this.historyLoaded = true;
+
+		const ws = new WebSocket(buildWsUrl(id));
+		this.#ws = ws;
+
+		ws.onopen = () => {
+			this.status = 'connected';
+		};
+
+		ws.onmessage = ({ data }) => {
+			try {
+				const packet = JSON.parse(data) as { error?: string } & RawTelemetryPacket;
+				if (!packet.error) this.points = [...this.points, toPoint(packet)];
+			} catch {
+				/* ignore malformed frames */
+			}
+		};
+
+		ws.onerror = () => {
+			this.status = 'error';
+			this.error = 'WebSocket connection failed';
+		};
+
+		ws.onclose = () => {
+			if (this.status !== 'idle') this.status = 'idle';
+			this.#ws = null;
+		};
+	}
+
+	disconnect(): void {
+		this.#ws?.close();
+		this.#ws = null;
+		this.status = 'idle';
+		this.satelliteId = '';
+		this.points = [];
+		this.error = null;
+		this.historyLoaded = false;
+	}
+}
+
+export const telemetryStore = new TelemetryStore();
diff --git a/src/lib/features/wind/ParticleField.ts b/src/lib/features/wind/ParticleField.ts
new file mode 100644
index 0000000..4c12eba
--- /dev/null
+++ b/src/lib/features/wind/ParticleField.ts
@@ -0,0 +1,308 @@
+/**
+ * ParticleField — an animated wind-flow layer rendered to a 2D canvas overlaid
+ * on the MapLibre container, in the spirit of leaflet-velocity / cambecc's
+ * "earth".
+ *
+ * Particles live in CSS-pixel space. Each frame, every particle is unprojected
+ * to lng/lat, the wind [u, v] there is sampled, and that vector is pushed
+ * through the map projection's local Jacobian to obtain a pixel-space velocity
+ * (so motion is correct at any zoom/latitude). Trails are faded by compositing a
+ * translucent clear over the previous frame, leaving the basemap visible.
+ *
+ * This is the one place that touches maplibre-gl outside `$map` — it needs
+ * project/unproject and the canvas container, which the IMap vocabulary
+ * deliberately does not expose. The renderer passes it via getRawInstance().
+ */
+
+import type { Map as MLMap } from 'maplibre-gl';
+import type { WindInterpolator } from '$domain';
+
+export interface ParticleOptions {
+	/** Particles per screen pixel (scaled by the base multiplier). */
+	density: number;
+	/** Advection speed multiplier. */
+	speed: number;
+	/** Trail persistence in [0,1): fraction of the trail kept each frame. */
+	trailPersistence: number;
+	/** Max frames a particle lives before it is respawned. */
+	maxAge: number;
+	/** Trail line width (CSS px). */
+	lineWidth: number;
+	/** Wind speed (m/s) at the bottom / top of the colour scale. */
+	minVelocity: number;
+	maxVelocity: number;
+	/** Target frame rate (the field is re-evaluated at most this often). */
+	frameRate: number;
+	/** Colour ramp from slow → fast wind. */
+	colorScale: string[];
+}
+
+export const DEFAULT_COLOR_SCALE = [
+	'rgb(36,104,180)',
+	'rgb(60,157,194)',
+	'rgb(128,205,193)',
+	'rgb(151,218,168)',
+	'rgb(198,231,181)',
+	'rgb(238,247,217)',
+	'rgb(255,238,159)',
+	'rgb(252,217,125)',
+	'rgb(255,182,100)',
+	'rgb(252,150,75)',
+	'rgb(250,112,52)',
+	'rgb(245,64,32)',
+	'rgb(237,45,28)',
+	'rgb(220,24,32)',
+	'rgb(180,0,35)'
+];
+
+export const DEFAULT_PARTICLE_OPTIONS: ParticleOptions = {
+	density: 1.0,
+	speed: 1.0,
+	trailPersistence: 0.92,
+	maxAge: 100,
+	lineWidth: 1.4,
+	minVelocity: 0,
+	maxVelocity: 30,
+	frameRate: 30,
+	colorScale: DEFAULT_COLOR_SCALE
+};
+
+/** Base particle count = pixels × this (kept modest for performance). */
+const PARTICLE_MULTIPLIER = 1 / 350;
+const MAX_PARTICLES = 6000;
+
+interface Particle {
+	x: number;
+	y: number;
+	xt: number;
+	yt: number;
+	age: number;
+	speed: number;
+}
+
+export class ParticleField {
+	private map: MLMap;
+	private host: HTMLElement;
+	private canvas: HTMLCanvasElement;
+	private ctx: CanvasRenderingContext2D;
+	private opts: ParticleOptions;
+	private interp: WindInterpolator | null = null;
+
+	private particles: Particle[] = [];
+	private raf = 0;
+	private then = 0;
+	private moving = false;
+	private width = 0;
+	private height = 0;
+
+	constructor(map: MLMap, opts: Partial<ParticleOptions> = {}) {
+		this.map = map;
+		this.opts = { ...DEFAULT_PARTICLE_OPTIONS, ...opts };
+
+		// Mount inside the MapLibre canvas container so the overlay sits above the
+		// basemap but below the control container and the app's panels.
+		this.host = map.getCanvasContainer();
+
+		const canvas = document.createElement('canvas');
+		canvas.className = 'wind-particles';
+		canvas.style.position = 'absolute';
+		canvas.style.top = '0';
+		canvas.style.left = '0';
+		canvas.style.pointerEvents = 'none';
+		canvas.style.zIndex = '3';
+		this.host.appendChild(canvas);
+		this.canvas = canvas;
+		this.ctx = canvas.getContext('2d')!;
+
+		this.map.on('movestart', this.onMoveStart);
+		this.map.on('moveend', this.onMoveEnd);
+		this.map.on('resize', this.onResize);
+		this.resize();
+	}
+
+	setOptions(opts: Partial<ParticleOptions>): void {
+		const densityChanged = opts.density !== undefined && opts.density !== this.opts.density;
+		this.opts = { ...this.opts, ...opts };
+		if (densityChanged) this.seedParticles();
+	}
+
+	/** Swap the wind field. Pass null to clear the flow. */
+	setField(interp: WindInterpolator | null): void {
+		this.interp = interp;
+		if (interp && this.particles.length === 0) this.seedParticles();
+	}
+
+	start(): void {
+		if (this.raf) return;
+		this.then = performance.now();
+		this.raf = requestAnimationFrame(this.frame);
+	}
+
+	stop(): void {
+		if (this.raf) cancelAnimationFrame(this.raf);
+		this.raf = 0;
+		this.clear();
+	}
+
+	destroy(): void {
+		this.stop();
+		this.map.off('movestart', this.onMoveStart);
+		this.map.off('moveend', this.onMoveEnd);
+		this.map.off('resize', this.onResize);
+		this.canvas.remove();
+	}
+
+	// ── Internals ─────────────────────────────────────────────────────────────
+
+	private onMoveStart = (): void => {
+		this.moving = true;
+		this.clear();
+	};
+
+	private onMoveEnd = (): void => {
+		this.moving = false;
+		this.seedParticles();
+	};
+
+	private onResize = (): void => {
+		this.resize();
+	};
+
+	private resize(): void {
+		const dpr = window.devicePixelRatio || 1;
+		// Size from the gl canvas: it always reports the true viewport size,
+		// whereas the canvas-container wrapper can measure 0 in some layouts.
+		const glCanvas = this.map.getCanvas();
+		const w = glCanvas.clientWidth || this.map.getContainer().clientWidth;
+		const h = glCanvas.clientHeight || this.map.getContainer().clientHeight;
+		if (!w || !h) return;
+		this.width = w;
+		this.height = h;
+		this.canvas.style.width = `${w}px`;
+		this.canvas.style.height = `${h}px`;
+		this.canvas.width = Math.round(w * dpr);
+		this.canvas.height = Math.round(h * dpr);
+		this.ctx.setTransform(dpr, 0, 0, dpr, 0, 0); // draw in CSS-pixel space
+		this.seedParticles();
+	}
+
+	private particleCount(): number {
+		const n = this.width * this.height * PARTICLE_MULTIPLIER * this.opts.density;
+		return Math.max(0, Math.min(MAX_PARTICLES, Math.round(n)));
+	}
+
+	private seedParticles(): void {
+		const count = this.particleCount();
+		this.particles = new Array(count);
+		for (let i = 0; i < count; i++) {
+			this.particles[i] = { x: 0, y: 0, xt: 0, yt: 0, age: 0, speed: 0 };
+			this.respawn(this.particles[i]);
+			this.particles[i].age = Math.floor(Math.random() * this.opts.maxAge);
+		}
+	}
+
+	/** Place a particle at a random pixel that has wind (a few retries). */
+	private respawn(p: Particle): void {
+		for (let attempt = 0; attempt < 8; attempt++) {
+			const x = Math.random() * this.width;
+			const y = Math.random() * this.height;
+			p.x = p.xt = x;
+			p.y = p.yt = y;
+			if (!this.interp) break;
+			const ll = this.map.unproject([x, y]);
+			if (this.interp(ll.lng, ll.lat)) break;
+		}
+		p.age = 0;
+		p.speed = 0;
+	}
+
+	private clear(): void {
+		this.ctx.clearRect(0, 0, this.width, this.height);
+	}
+
+	private colorIndex(speed: number): number {
+		const { minVelocity, maxVelocity, colorScale } = this.opts;
+		const f = (speed - minVelocity) / (maxVelocity - minVelocity);
+		return Math.max(0, Math.min(colorScale.length - 1, Math.round(f * (colorScale.length - 1))));
+	}
+
+	private evolve(): void {
+		const interp = this.interp;
+		if (!interp) return;
+		const scale = 0.06 * this.opts.speed; // pixel velocity = Jacobian·wind·scale
+		const eps = 0.02; // degrees, for the projection Jacobian
+
+		for (const p of this.particles) {
+			if (p.age >= this.opts.maxAge) {
+				this.respawn(p);
+				continue;
+			}
+			const ll = this.map.unproject([p.x, p.y]);
+			const wind = interp(ll.lng, ll.lat);
+			if (!wind) {
+				p.age = this.opts.maxAge; // escaped the field → respawn next tick
+				continue;
+			}
+			const [u, v] = wind;
+
+			// Local projection Jacobian: pixel deltas per degree at this point.
+			const east = this.map.project([ll.lng + eps, ll.lat]);
+			const north = this.map.project([ll.lng, ll.lat + eps]);
+			const jxLng = (east.x - p.x) / eps;
+			const jyLng = (east.y - p.y) / eps;
+			const jxLat = (north.x - p.x) / eps;
+			const jyLat = (north.y - p.y) / eps;
+
+			p.xt = p.x + (jxLng * u + jxLat * v) * scale;
+			p.yt = p.y + (jyLng * u + jyLat * v) * scale;
+			p.speed = Math.sqrt(u * u + v * v);
+			p.age += 1;
+		}
+	}
+
+	private draw(): void {
+		const ctx = this.ctx;
+
+		// Fade existing trails toward transparent (keeps the basemap visible).
+		ctx.globalCompositeOperation = 'destination-in';
+		ctx.fillStyle = `rgba(0,0,0,${this.opts.trailPersistence})`;
+		ctx.fillRect(0, 0, this.width, this.height);
+		ctx.globalCompositeOperation = 'source-over';
+
+		// Draw new trail segments, grouped by colour bucket.
+		const { colorScale } = this.opts;
+		ctx.lineWidth = this.opts.lineWidth;
+		const buckets: Particle[][] = colorScale.map(() => []);
+		for (const p of this.particles) {
+			if (p.age >= this.opts.maxAge || p.speed === 0) continue;
+			buckets[this.colorIndex(p.speed)].push(p);
+		}
+		for (let i = 0; i < buckets.length; i++) {
+			const bucket = buckets[i];
+			if (bucket.length === 0) continue;
+			ctx.strokeStyle = colorScale[i];
+			ctx.beginPath();
+			for (const p of bucket) {
+				ctx.moveTo(p.x, p.y);
+				ctx.lineTo(p.xt, p.yt);
+			}
+			ctx.stroke();
+		}
+
+		// Advance positions for the next frame.
+		for (const p of this.particles) {
+			p.x = p.xt;
+			p.y = p.yt;
+		}
+	}
+
+	private frame = (now: number): void => {
+		this.raf = requestAnimationFrame(this.frame);
+		if (this.moving || !this.interp) return;
+		const frameTime = 1000 / this.opts.frameRate;
+		if (now - this.then < frameTime) return;
+		this.then = now - ((now - this.then) % frameTime);
+		this.evolve();
+		this.draw();
+	};
+}
diff --git a/src/lib/features/wind/WindPanel.svelte b/src/lib/features/wind/WindPanel.svelte
new file mode 100644
index 0000000..8b31668
--- /dev/null
+++ b/src/lib/features/wind/WindPanel.svelte
@@ -0,0 +1,95 @@
+<script lang="ts">
+	import { t } from '$i18n';
+	import { windSettings, windState } from './store';
+
+	interface Props {
+		/** Retry hook wired to the renderer's reload(). */
+		onRetry?: () => void;
+	}
+	let { onRetry = () => {} }: Props = $props();
+
+	function set<K extends keyof typeof $windSettings>(key: K, value: (typeof $windSettings)[K]) {
+		windSettings.update((s) => ({ ...s, [key]: value }));
+	}
+</script>
+
+<div class="card shadow-sm">
+	<div class="card-body p-3">
+		<div class="form-check form-switch mb-0">
+			<input
+				class="form-check-input"
+				type="checkbox"
+				id="wind-toggle"
+				data-testid="wind-toggle"
+				checked={$windSettings.enabled}
+				onchange={(e) => set('enabled', e.currentTarget.checked)} />
+			<label class="form-check-label fw-semibold" for="wind-toggle">{$t('wind.title')}</label>
+		</div>
+
+		{#if $windSettings.enabled}
+			<!-- Four async states: loading / empty / error+retry / loaded -->
+			<div class="small mt-2" data-testid="wind-status">
+				{#if $windState.status === 'loading'}
+					<span class="text-muted">
+						<span class="spinner-border spinner-border-sm me-1"></span>
+						{$t('wind.loading')}
+					</span>
+				{:else if $windState.status === 'empty'}
+					<span class="text-muted">{$t('wind.empty')}</span>
+				{:else if $windState.status === 'error'}
+					<div class="alert alert-danger py-1 px-2 mb-0">
+						<div>{$windState.error}</div>
+						<button class="btn btn-sm btn-link p-0" data-testid="wind-retry" onclick={onRetry}>
+							{$t('wind.retry')}
+						</button>
+					</div>
+				{:else if $windState.status === 'loaded'}
+					<span class="text-success">{$t('wind.loaded', { n: $windState.points })}</span>
+				{/if}
+			</div>
+
+			<hr class="my-2" />
+
+			<label class="form-label small mb-0" for="wind-alt">{$t('wind.altitude')}</label>
+			<input
+				id="wind-alt"
+				type="number"
+				step="500"
+				class="form-control form-control-sm mb-2"
+				value={$windSettings.altitude}
+				onchange={(e) => set('altitude', Number(e.currentTarget.value))} />
+
+			<label class="form-label small mb-0" for="wind-step">{$t('wind.step')}</label>
+			<input
+				id="wind-step"
+				type="number"
+				step="0.25"
+				min="0.25"
+				class="form-control form-control-sm mb-2"
+				value={$windSettings.step}
+				onchange={(e) => set('step', Math.max(0.25, Number(e.currentTarget.value)))} />
+
+			<label class="form-label small mb-0" for="wind-density">{$t('wind.density')}</label>
+			<input
+				id="wind-density"
+				type="range"
+				min="0.25"
+				max="3"
+				step="0.25"
+				class="form-range"
+				value={$windSettings.particleDensity}
+				oninput={(e) => set('particleDensity', Number(e.currentTarget.value))} />
+
+			<label class="form-label small mb-0" for="wind-speed">{$t('wind.speed')}</label>
+			<input
+				id="wind-speed"
+				type="range"
+				min="0.25"
+				max="3"
+				step="0.25"
+				class="form-range"
+				value={$windSettings.particleSpeed}
+				oninput={(e) => set('particleSpeed', Number(e.currentTarget.value))} />
+		{/if}
+	</div>
+</div>
diff --git a/src/lib/features/wind/WindRenderer.svelte b/src/lib/features/wind/WindRenderer.svelte
new file mode 100644
index 0000000..331d6f9
--- /dev/null
+++ b/src/lib/features/wind/WindRenderer.svelte
@@ -0,0 +1,120 @@
+<script lang="ts">
+	import { onDestroy } from 'svelte';
+	import type { Map as MLMap } from 'maplibre-gl';
+	import { getMap } from '$map';
+	import { createWindInterpolator } from '$domain';
+	import { windSettings, windState, windCache } from './store';
+	import { ParticleField } from './ParticleField';
+
+	/**
+	 * Fetches the wind field for the current viewport and drives the particle
+	 * overlay. Refetches (debounced) when the map settles on a new view or when
+	 * the layer settings change. Must be a descendant of <Map />.
+	 */
+	const map = getMap();
+	if (!map) throw new Error('WindRenderer must be a descendant of <Map />');
+
+	// The particle layer needs project/unproject + the canvas container, which the
+	// IMap vocabulary intentionally does not expose (see ParticleField docs).
+	const raw = map.getRawInstance() as MLMap;
+
+	let field: ParticleField | null = null;
+	let debounce: ReturnType<typeof setTimeout> | null = null;
+	let generation = 0;
+
+	function round(n: number): number {
+		return Math.round(n * 100) / 100;
+	}
+
+	async function load() {
+		if (!map) return;
+		const bounds = raw.getBounds();
+		const settings = $windSettings;
+		const gen = ++generation;
+
+		windState.set({ status: 'loading', error: null, points: 0 });
+		try {
+			const data = await windCache.fetch({
+				min_lat: round(Math.max(-90, bounds.getSouth())),
+				max_lat: round(Math.min(90, bounds.getNorth())),
+				min_lng: round(bounds.getWest()),
+				max_lng: round(bounds.getEast()),
+				step: settings.step,
+				altitude: settings.altitude
+			});
+			if (gen !== generation) return; // superseded by a newer request
+
+			const points = data?.[0]?.data?.length ?? 0;
+			if (!points) {
+				field?.setField(null);
+				windState.set({ status: 'empty', error: null, points: 0 });
+				return;
+			}
+			field?.setField(createWindInterpolator(data));
+			windState.set({ status: 'loaded', error: null, points });
+		} catch (err) {
+			if (gen !== generation) return;
+			field?.setField(null);
+			windState.set({ status: 'error', error: (err as Error).message, points: 0 });
+		}
+	}
+
+	function scheduleLoad(delay = 400) {
+		if (debounce) clearTimeout(debounce);
+		debounce = setTimeout(load, delay);
+	}
+
+	/** Retry entry point for the panel's error state. */
+	export function reload() {
+		scheduleLoad(0);
+	}
+
+	// Enable/disable the whole layer, and refetch when the viewport settles.
+	$effect(() => {
+		if (!$windSettings.enabled) {
+			field?.destroy();
+			field = null;
+			windState.set({ status: 'idle', error: null, points: 0 });
+			return;
+		}
+
+		if (!field) {
+			field = new ParticleField(raw, {
+				density: $windSettings.particleDensity,
+				speed: $windSettings.particleSpeed,
+				trailPersistence: $windSettings.trailPersistence,
+				maxVelocity: $windSettings.maxVelocity
+			});
+			field.start();
+		}
+		scheduleLoad(0);
+
+		const onMoveEnd = () => scheduleLoad();
+		raw.on('moveend', onMoveEnd);
+		return () => raw.off('moveend', onMoveEnd);
+	});
+
+	// Grid resolution / altitude change the request itself — refetch.
+	$effect(() => {
+		const { enabled, step, altitude } = $windSettings;
+		void step;
+		void altitude;
+		if (enabled) scheduleLoad(0);
+	});
+
+	// Live-apply cosmetic settings without refetching.
+	$effect(() => {
+		field?.setOptions({
+			density: $windSettings.particleDensity,
+			speed: $windSettings.particleSpeed,
+			trailPersistence: $windSettings.trailPersistence,
+			maxVelocity: $windSettings.maxVelocity
+		});
+	});
+
+	onDestroy(() => {
+		if (debounce) clearTimeout(debounce);
+		field?.destroy();
+		field = null;
+	});
+</script>
diff --git a/src/lib/features/wind/index.ts b/src/lib/features/wind/index.ts
new file mode 100644
index 0000000..5101c8d
--- /dev/null
+++ b/src/lib/features/wind/index.ts
@@ -0,0 +1,5 @@
+export { default as WindRenderer } from './WindRenderer.svelte';
+export { default as WindPanel } from './WindPanel.svelte';
+export { windSettings, windState, windCache } from './store';
+export type { WindStatus, WindState } from './store';
+export { ParticleField } from './ParticleField';
diff --git a/src/lib/features/wind/store.ts b/src/lib/features/wind/store.ts
new file mode 100644
index 0000000..5cddaed
--- /dev/null
+++ b/src/lib/features/wind/store.ts
@@ -0,0 +1,66 @@
+import { writable } from 'svelte/store';
+import { persisted } from '$state';
+import { DEFAULT_WIND_SETTINGS, type WindField, type WindSettings } from '$domain';
+import { windApi, type WindFieldParams } from '$api';
+
+/** User-facing wind layer settings (persisted, synced across tabs). */
+export const windSettings = persisted<WindSettings>('wind-settings', DEFAULT_WIND_SETTINGS);
+
+/** Every async surface has four states (guidelines §9). */
+export type WindStatus = 'idle' | 'loading' | 'empty' | 'error' | 'loaded';
+
+export interface WindState {
+	status: WindStatus;
+	error: string | null;
+	/** Number of grid points in the last loaded field (0 => empty). */
+	points: number;
+}
+
+export const windState = writable<WindState>({ status: 'idle', error: null, points: 0 });
+
+function cacheKey(p: WindFieldParams): string {
+	return JSON.stringify([p.min_lat, p.max_lat, p.min_lng, p.max_lng, p.step, p.altitude, p.time]);
+}
+
+/**
+ * Thin cache over wind field responses: the same (bbox, step, altitude, time)
+ * combination is fetched once per session, and concurrent requests share one
+ * in-flight promise. The predictor's dataset does not change mid-session, so
+ * entries are never invalidated.
+ */
+class WindCache {
+	private readonly hits = new Map<string, WindField>();
+	private readonly pending = new Map<string, Promise<WindField>>();
+
+	fetch(params: WindFieldParams): Promise<WindField> {
+		const key = cacheKey(params);
+
+		const hit = this.hits.get(key);
+		if (hit) return Promise.resolve(hit);
+
+		const existing = this.pending.get(key);
+		if (existing) return existing;
+
+		const promise = windApi
+			.field(params)
+			.then((field) => {
+				this.hits.set(key, field);
+				this.pending.delete(key);
+				return field;
+			})
+			.catch((err: unknown) => {
+				this.pending.delete(key);
+				throw err;
+			});
+
+		this.pending.set(key, promise);
+		return promise;
+	}
+
+	clear(): void {
+		this.hits.clear();
+		this.pending.clear();
+	}
+}
+
+export const windCache = new WindCache();
diff --git a/src/lib/i18n/index.ts b/src/lib/i18n/index.ts
new file mode 100644
index 0000000..b831f82
--- /dev/null
+++ b/src/lib/i18n/index.ts
@@ -0,0 +1,58 @@
+import { writable, derived, get } from 'svelte/store';
+
+export type Locale = 'ru' | 'en';
+type Dict = Record<string, unknown>;
+
+const loaders: Record<Locale, () => Promise<{ default: Dict }>> = {
+	ru: () => import('./locales/ru.json'),
+	en: () => import('./locales/en.json')
+};
+
+const LOCALE_KEY = 'locale';
+export const locale = writable<Locale>('ru');
+const messages = writable<Dict>({});
+
+function lookup(dict: Dict, path: string): string {
+	const val = path
+		.split('.')
+		.reduce<unknown>((acc, k) => (acc && typeof acc === 'object' ? (acc as Dict)[k] : undefined), dict);
+	return typeof val === 'string' ? val : path;
+}
+
+function interpolate(s: string, params?: Record<string, string | number>): string {
+	return params ? s.replace(/\{(\w+)\}/g, (_, k) => String(params[k] ?? `{${k}}`)) : s;
+}
+
+/** Reactive translator: `$t('login.heading')`. Falls back to the key when missing. */
+export const t = derived(
+	messages,
+	($m) =>
+		(key: string, params?: Record<string, string | number>) =>
+			interpolate(lookup($m, key), params)
+);
+
+export async function initI18n(): Promise<void> {
+	let loc: Locale = 'ru';
+	try {
+		const saved = localStorage.getItem(LOCALE_KEY);
+		if (saved === 'ru' || saved === 'en') loc = saved;
+	} catch {
+		/* localStorage unavailable — keep default */
+	}
+	await setLocale(loc);
+}
+
+export async function setLocale(loc: Locale): Promise<void> {
+	const mod = await loaders[loc]();
+	messages.set(mod.default);
+	locale.set(loc);
+	try {
+		localStorage.setItem(LOCALE_KEY, loc);
+	} catch {
+		/* ignore */
+	}
+}
+
+export function currentLocale(): Locale {
+	return get(locale);
+}
diff --git a/src/lib/i18n/locales/en.json b/src/lib/i18n/locales/en.json
new file mode 100644
index 0000000..c912649
--- /dev/null
+++ b/src/lib/i18n/locales/en.json
@@ -0,0 +1,324 @@
+{
+	"app": {
+		"title": "StratoFlights",
+		"subtitle": "Weather-balloon trajectory prediction & tracking",
+		"loggedInAs": "Logged in as {name}",
+		"foundationNote": "Foundation ready. Map & prediction land in M3–M4."
+	},
+	"nav": {
+		"predict": "Prediction",
+		"track": "Tracking",
+		"menu": "Menu",
+		"account": "Account",
+		"login": "Log in",
+		"logout": "Log out"
+	},
+	"login": {
+		"heading": "Sign in",
+		"username": "Username",
+		"password": "Password",
+		"submit": "Log in",
+		"submitting": "Signing in…",
+		"noAccount": "No account?",
+		"registerLink": "Sign up",
+		"fieldsRequired": "Please fill in all fields",
+		"invalidCredentials": "Invalid credentials"
+	},
+	"register": {
+		"heading": "Create account",
+		"username": "Username",
+		"email": "Email",
+		"password": "Password",
+		"passwordConfirm": "Repeat password",
+		"submit": "Sign up",
+		"submitting": "Creating…",
+		"haveAccount": "Already have an account?",
+		"loginLink": "Log in",
+		"fieldsRequired": "Please fill in all fields",
+		"usernameShort": "Username must be at least 3 characters",
+		"emailInvalid": "Invalid email address",
+		"passwordShort": "Password must be at least 8 characters",
+		"passwordMismatch": "Passwords do not match",
+		"failed": "Registration failed"
+	},
+	"account": {
+		"heading": "Account",
+		"username": "Username",
+		"email": "Email",
+		"saveEmail": "Save",
+		"emailSaved": "Email updated",
+		"changePassword": "Change password",
+		"oldPassword": "Current password",
+		"newPassword": "New password",
+		"changePasswordSubmit": "Change password",
+		"passwordChanged": "Password changed",
+		"dangerZone": "Danger zone",
+		"deleteData": "Delete my data",
+		"deleteDataDone": "Data deleted",
+		"deleteAccount": "Delete account",
+		"deleteAccountConfirm": "Enter your password to confirm",
+		"confirm": "Confirm",
+		"cancel": "Cancel",
+		"failed": "Something went wrong"
+	},
+	"predict": {
+		"conditions": "Launch parameters",
+		"launchPoint": "Launch point",
+		"latitude": "Latitude",
+		"longitude": "Longitude",
+		"altitude": "Altitude, m",
+		"launchDate": "Date (UTC)",
+		"launchTime": "Time (UTC)",
+		"profile": "Profile",
+		"ascentRate": "Ascent, m/s",
+		"burstAltitude": "Burst altitude, m",
+		"descentRate": "Descent, m/s",
+		"run": "Run",
+		"running": "Running…",
+		"noActive": "Add a scenario to set parameters",
+		"template": "Template",
+		"templateNone": "— no template —",
+		"pointNone": "— custom point —",
+		"custom": "Custom",
+		"modified": "modified",
+		"update": "Update",
+		"saveAsNew": "Save as new…",
+		"save": "Save",
+		"name": "Name",
+		"pickOnMap": "Pick on map",
+		"pickCancel": "Cancel pick",
+		"pickBanner": "Click the map to set the launch point (Esc to cancel)",
+		"pointSaved": "Point saved",
+		"pointUpdated": "Point updated",
+		"templateSaved": "Template saved",
+		"templateUpdated": "Template updated",
+		"startTime": "Start time (UTC)",
+		"startDate": "Start date",
+		"flightProfile": "Flight profile",
+		"launchSite": "Launch site",
+		"latLng": "Latitude/Longitude",
+		"launchAlt": "Launch altitude (m)",
+		"burstAlt": "Burst altitude (m)",
+		"profileEdit": "Ascent and descent profiles",
+		"ascentStage": "Ascent stage",
+		"descentStage": "Descent stage",
+		"openCurveEditor": "Open curve editor",
+		"runPrediction": "Run prediction",
+		"metresPerSecond": "m/s"
+	},
+	"scenarios": {
+		"title": "Scenarios",
+		"add": "Add",
+		"empty": "No scenarios",
+		"visible": "Visibility",
+		"delete": "Delete",
+		"running": "Running…",
+		"flightTime": "Flight time",
+		"landing": "Landing",
+		"error": "Prediction failed",
+		"min": "min",
+		"hour": "h",
+		"name": "Name",
+		"color": "Track colour",
+		"makeActive": "Make active"
+	},
+	"settings": {
+		"title": "Settings",
+		"general": "General",
+		"language": "Language",
+		"lang_ru": "Русский",
+		"lang_en": "English",
+		"map": "Map",
+		"baseLayer": "Base layer",
+		"baseLayer_osm": "Street (OSM)",
+		"baseLayer_satellite": "Satellite",
+		"format": "Format",
+		"units": "Units",
+		"units_metric": "Metric (SI)",
+		"units_imperial": "Imperial",
+		"coords": "Coordinates",
+		"coords_dd": "Decimal degrees (DD)",
+		"coords_dms": "Degrees/minutes (DMS)",
+		"time": "Time",
+		"time_utc": "UTC",
+		"time_local": "Local"
+	},
+	"curve": {
+		"title": "Curve editor",
+		"open": "Curve editor",
+		"time": "Time, s",
+		"alt": "Altitude, m",
+		"rate": "Rate, m/s",
+		"timeAxis": "Time, s",
+		"altAxis": "Altitude, m",
+		"altitude": "Altitude",
+		"addPoint": "Add point",
+		"importCsv": "CSV",
+		"exportCsv": "Export",
+		"import": "Import",
+		"apply": "Apply",
+		"impliedRates": "Implied rates",
+		"csvEmpty": "No points found in the CSV",
+		"csvImported": "Imported {n} points",
+		"errTooFewPoints": "At least two points are required",
+		"errNonMonotonicTime": "Time must strictly increase",
+		"errNegativeTime": "Time cannot be negative",
+		"errNegativeAltitude": "Altitude cannot be negative"
+	},
+	"compare": {
+		"title": "Comparison",
+		"empty": "Run at least one visible scenario",
+		"scenario": "Scenario",
+		"spread": "Landing spread"
+	},
+	"tracking": {
+		"title": "Tracking",
+		"satelliteId": "Satellite ID",
+		"connect": "Follow",
+		"disconnect": "Disconnect",
+		"status": "Status",
+		"status_idle": "not connected",
+		"status_connecting": "connecting",
+		"status_connected": "live",
+		"status_error": "error",
+		"connecting": "Connecting…",
+		"waitingData": "Waiting for packets…",
+		"packets": "Packets",
+		"showCharts": "Show charts",
+		"hideCharts": "Hide charts",
+		"noData": "No telemetry data",
+		"altProfile": "Altitude profile",
+		"horizontalDev": "Horizontal deviation",
+		"selectPrediction": "Run a scenario to compare against the prediction",
+		"devMax": "Max:",
+		"devCurrent": "Current:",
+		"actual": "Actual, m",
+		"predicted": "Predicted, m",
+		"altitudeAxis": "Altitude, m",
+		"deviationAxis": "Deviation, km",
+		"km": "km",
+		"m": "m"
+	},
+	"timeline": {
+		"play": "Play",
+		"pause": "Pause",
+		"stop": "Rewind",
+		"speed": "Speed",
+		"scrub": "Scrub"
+	},
+	"wind": {
+		"title": "Wind",
+		"loading": "Loading wind field…",
+		"empty": "No wind data for this area",
+		"retry": "Retry",
+		"loaded": "Field loaded ({n} points)",
+		"altitude": "Altitude, m",
+		"step": "Grid step, °",
+		"density": "Particle density",
+		"speed": "Animation speed"
+	},
+	"profile": {
+		"standard_profile": "Standard",
+		"float_profile": "Float",
+		"reverse_profile": "Reverse",
+		"custom_profile": "Custom"
+	},
+	"panels": {
+		"conditions": "Launch parameters",
+		"panels": "Panels"
+	},
+	"history": {
+		"title": "Prediction history",
+		"empty": "No predictions yet",
+		"date": "Date (UTC)",
+		"details": "Details",
+		"status": "Status",
+		"loadIntoScenario": "To scenario",
+		"loadedIntoScenario": "Loaded into a new scenario",
+		"fromHistory": "From history",
+		"noRequest": "This record has no stored parameters",
+		"deleted": "Prediction deleted",
+		"undo": "Undo",
+		"broken": "No data",
+		"prev": "Previous",
+		"next": "Next",
+		"share": "Share",
+		"sharedTitle": "Shared prediction",
+		"sharedNotFound": "This link is invalid or has been revoked"
+	},
+	"admin": {
+		"title": "Admin",
+		"users": "Users",
+		"username": "User",
+		"searchPlaceholder": "Search by name or email",
+		"noUsers": "No users found",
+		"joined": "Joined",
+		"state": "State",
+		"active": "active",
+		"inactive": "disabled",
+		"activate": "Activate",
+		"deactivate": "Deactivate",
+		"activated": "User activated",
+		"deactivated": "User deactivated",
+		"staff": "staff",
+		"you": "you"
+	},
+	"flights": {
+		"liveTitle": "Live flights",
+		"filter": "Filter by name",
+		"noneLive": "No public flights",
+		"untitled": "Untitled",
+		"loading": "Loading flight…",
+		"notFound": "Flight not found",
+		"backToList": "Back to flights",
+		"privacy": "Access",
+		"privacyUpdated": "Privacy updated",
+		"copyLink": "Copy link",
+		"linkCopied": "Link copied",
+		"linkCopyFailed": "Could not copy",
+		"tier_public": "public",
+		"tier_unlisted": "unlisted",
+		"tier_private": "private",
+		"followByIdAdvanced": "Follow by ID (advanced)"
+	},
+	"ensemble": {
+		"run": "GEFS ensemble",
+		"cancel": "Cancel run",
+		"members": "Members",
+		"spread": "Spread",
+		"failed": "Failed"
+	},
+	"profileBuilder": {
+		"title": "Flight profile",
+		"reset": "Reset",
+		"addStage": "Add stage",
+		"stageName": "Stage name",
+		"collapse": "Collapse",
+		"moveUp": "Move up",
+		"moveDown": "Move down",
+		"solver": "Solver",
+		"solver_constant_rate": "Constant rate",
+		"solver_parachute_descent": "Parachute descent",
+		"solver_piecewise": "Piecewise curve",
+		"solver_wind": "Wind drift",
+		"rate": "Rate, m/s",
+		"seaLevelRate": "Sea-level rate, m/s",
+		"advanceWhen": "Advance when",
+		"abortIf": "Abort if",
+		"fallbackTo": "Fall back to",
+		"constraintType": "Condition",
+		"operator": "Operator",
+		"limit": "Value",
+		"constraint_altitude": "Altitude",
+		"constraint_time": "Time, s",
+		"constraint_terrain_contact": "Terrain contact",
+		"constraint_polygon": "Polygon",
+		"desktopOnly": "The profile builder is available on wide screens only",
+		"errNoStages": "At least one stage is required",
+		"errNoExit": "A stage has no exit condition — it would never finish",
+		"errMissingFallback": "The fallback stage does not exist",
+		"errIncompleteConstraint": "A condition is missing its operator or value",
+		"errDuplicateName": "Stage names must be unique",
+		"errUnnamedStage": "A stage has a blank name"
+	}
+}
diff --git a/src/lib/i18n/locales/ru.json b/src/lib/i18n/locales/ru.json
new file mode 100644
index 0000000..17400e2
--- /dev/null
+++ b/src/lib/i18n/locales/ru.json
@@ -0,0 +1,324 @@
+{
+	"app": {
+		"title": "StratoFlights",
+		"subtitle": "Прогнозирование и трекинг траекторий метеозондов",
+		"loggedInAs": "Вы вошли как {name}",
+		"foundationNote": "Каркас готов. Карта и прогноз появятся на этапах M3–M4."
+	},
+	"nav": {
+		"predict": "Прогнозирование",
+		"track": "Трекинг",
+		"menu": "Меню",
+		"account": "Аккаунт",
+		"login": "Вход",
+		"logout": "Выход"
+	},
+	"login": {
+		"heading": "Вход в систему",
+		"username": "Имя пользователя",
+		"password": "Пароль",
+		"submit": "Войти",
+		"submitting": "Вход…",
+		"noAccount": "Нет аккаунта?",
+		"registerLink": "Регистрация",
+		"fieldsRequired": "Заполните все поля",
+		"invalidCredentials": "Неверные учётные данные"
+	},
+	"register": {
+		"heading": "Регистрация",
+		"username": "Имя пользователя",
+		"email": "Электронная почта",
+		"password": "Пароль",
+		"passwordConfirm": "Повторите пароль",
+		"submit": "Зарегистрироваться",
+		"submitting": "Регистрация…",
+		"haveAccount": "Уже есть аккаунт?",
+		"loginLink": "Войти",
+		"fieldsRequired": "Заполните все поля",
+		"usernameShort": "Имя пользователя не короче 3 символов",
+		"emailInvalid": "Некорректный адрес почты",
+		"passwordShort": "Пароль не короче 8 символов",
+		"passwordMismatch": "Пароли не совпадают",
+		"failed": "Не удалось зарегистрироваться"
+	},
+	"account": {
+		"heading": "Аккаунт",
+		"username": "Имя пользователя",
+		"email": "Электронная почта",
+		"saveEmail": "Сохранить",
+		"emailSaved": "Почта обновлена",
+		"changePassword": "Смена пароля",
+		"oldPassword": "Текущий пароль",
+		"newPassword": "Новый пароль",
+		"changePasswordSubmit": "Изменить пароль",
+		"passwordChanged": "Пароль изменён",
+		"dangerZone": "Опасная зона",
+		"deleteData": "Удалить мои данные",
+		"deleteDataDone": "Данные удалены",
+		"deleteAccount": "Удалить аккаунт",
+		"deleteAccountConfirm": "Введите пароль для подтверждения",
+		"confirm": "Подтвердить",
+		"cancel": "Отмена",
+		"failed": "Ошибка"
+	},
+	"predict": {
+		"conditions": "Параметры запуска",
+		"launchPoint": "Точка старта",
+		"latitude": "Широта",
+		"longitude": "Долгота",
+		"altitude": "Высота, м",
+		"launchDate": "Дата (UTC)",
+		"launchTime": "Время (UTC)",
+		"profile": "Профиль",
+		"ascentRate": "Подъём, м/с",
+		"burstAltitude": "Высота разрыва, м",
+		"descentRate": "Спуск, м/с",
+		"run": "Рассчитать",
+		"running": "Расчёт…",
+		"noActive": "Добавьте сценарий, чтобы задать параметры",
+		"template": "Шаблон",
+		"templateNone": "— без шаблона —",
+		"pointNone": "— своя точка —",
+		"custom": "Своя точка",
+		"modified": "изменено",
+		"update": "Обновить",
+		"saveAsNew": "Сохранить как…",
+		"save": "Сохранить",
+		"name": "Название",
+		"pickOnMap": "Указать на карте",
+		"pickCancel": "Отменить выбор",
+		"pickBanner": "Кликните по карте, чтобы задать точку старта (Esc — отмена)",
+		"pointSaved": "Точка сохранена",
+		"pointUpdated": "Точка обновлена",
+		"templateSaved": "Шаблон сохранён",
+		"templateUpdated": "Шаблон обновлён",
+		"startTime": "Время старта (UTC)",
+		"startDate": "Дата старта",
+		"flightProfile": "Профиль полета",
+		"launchSite": "Место старта",
+		"latLng": "Широта/Долгота",
+		"launchAlt": "Высота старта (м)",
+		"burstAlt": "Высота разрыва (м)",
+		"profileEdit": "Профили подъема и спуска",
+		"ascentStage": "Стадия подъема",
+		"descentStage": "Стадия спуска",
+		"openCurveEditor": "Открыть редактор кривых",
+		"runPrediction": "Выполнить прогнозирование",
+		"metresPerSecond": "м/с"
+	},
+	"scenarios": {
+		"title": "Сценарии",
+		"add": "Добавить",
+		"empty": "Нет сценариев",
+		"visible": "Видимость",
+		"delete": "Удалить",
+		"running": "Расчёт…",
+		"flightTime": "Время полёта",
+		"landing": "Приземление",
+		"error": "Ошибка расчёта",
+		"min": "мин",
+		"hour": "ч",
+		"name": "Название",
+		"color": "Цвет трека",
+		"makeActive": "Сделать активным"
+	},
+	"settings": {
+		"title": "Настройки",
+		"general": "Общие",
+		"language": "Язык",
+		"lang_ru": "Русский",
+		"lang_en": "English",
+		"map": "Карта",
+		"baseLayer": "Подложка",
+		"baseLayer_osm": "Схема (OSM)",
+		"baseLayer_satellite": "Спутник",
+		"format": "Формат",
+		"units": "Единицы",
+		"units_metric": "Метрические (СИ)",
+		"units_imperial": "Имперские",
+		"coords": "Координаты",
+		"coords_dd": "Градусы (DD)",
+		"coords_dms": "Градусы/минуты (DMS)",
+		"time": "Время",
+		"time_utc": "UTC",
+		"time_local": "Местное"
+	},
+	"curve": {
+		"title": "Редактор кривой",
+		"open": "Редактор кривой",
+		"time": "Время, с",
+		"alt": "Высота, м",
+		"rate": "Скорость, м/с",
+		"timeAxis": "Время, с",
+		"altAxis": "Высота, м",
+		"altitude": "Высота",
+		"addPoint": "Добавить точку",
+		"importCsv": "CSV",
+		"exportCsv": "Экспорт",
+		"import": "Импортировать",
+		"apply": "Применить",
+		"impliedRates": "Расчётные скорости",
+		"csvEmpty": "Не найдено ни одной точки в CSV",
+		"csvImported": "Импортировано точек: {n}",
+		"errTooFewPoints": "Нужно минимум две точки",
+		"errNonMonotonicTime": "Время должно строго возрастать",
+		"errNegativeTime": "Время не может быть отрицательным",
+		"errNegativeAltitude": "Высота не может быть отрицательной"
+	},
+	"compare": {
+		"title": "Сравнение",
+		"empty": "Рассчитайте хотя бы один видимый сценарий",
+		"scenario": "Сценарий",
+		"spread": "Разброс приземлений"
+	},
+	"tracking": {
+		"title": "Трекинг",
+		"satelliteId": "ID аппарата",
+		"connect": "Следить",
+		"disconnect": "Отключить",
+		"status": "Статус",
+		"status_idle": "не подключено",
+		"status_connecting": "подключение",
+		"status_connected": "на связи",
+		"status_error": "ошибка",
+		"connecting": "Подключение…",
+		"waitingData": "Ожидание пакетов…",
+		"packets": "Пакетов",
+		"showCharts": "Показать графики",
+		"hideCharts": "Скрыть графики",
+		"noData": "Нет данных телеметрии",
+		"altProfile": "Профиль высоты",
+		"horizontalDev": "Отклонение по горизонтали",
+		"selectPrediction": "Рассчитайте сценарий, чтобы сравнить с прогнозом",
+		"devMax": "Макс.:",
+		"devCurrent": "Текущее:",
+		"actual": "Факт, м",
+		"predicted": "Прогноз, м",
+		"altitudeAxis": "Высота, м",
+		"deviationAxis": "Откл., км",
+		"km": "км",
+		"m": "м"
+	},
+	"timeline": {
+		"play": "Воспроизвести",
+		"pause": "Пауза",
+		"stop": "В начало",
+		"speed": "Скорость",
+		"scrub": "Перемотка"
+	},
+	"wind": {
+		"title": "Ветер",
+		"loading": "Загрузка поля ветра…",
+		"empty": "Нет данных о ветре для этой области",
+		"retry": "Повторить",
+		"loaded": "Поле загружено ({n} узлов)",
+		"altitude": "Высота, м",
+		"step": "Шаг сетки, °",
+		"density": "Плотность частиц",
+		"speed": "Скорость анимации"
+	},
+	"profile": {
+		"standard_profile": "Стандартный",
+		"float_profile": "Флоат",
+		"reverse_profile": "Обратный",
+		"custom_profile": "Кастомный"
+	},
+	"panels": {
+		"conditions": "Параметры запуска",
+		"panels": "Панели"
+	},
+	"history": {
+		"title": "История прогнозов",
+		"empty": "Прогнозов пока нет",
+		"date": "Дата (UTC)",
+		"details": "Детали",
+		"status": "Статус",
+		"loadIntoScenario": "В сценарий",
+		"loadedIntoScenario": "Загружено в новый сценарий",
+		"fromHistory": "Из истории",
+		"noRequest": "У записи нет сохранённых параметров",
+		"deleted": "Прогноз удалён",
+		"undo": "Отменить",
+		"broken": "Нет данных",
+		"prev": "Назад",
+		"next": "Вперёд",
+		"share": "Поделиться",
+		"sharedTitle": "Общий прогноз",
+		"sharedNotFound": "Ссылка недействительна или отозвана"
+	},
+	"admin": {
+		"title": "Админка",
+		"users": "Пользователи",
+		"username": "Пользователь",
+		"searchPlaceholder": "Поиск по имени или почте",
+		"noUsers": "Пользователи не найдены",
+		"joined": "Регистрация",
+		"state": "Состояние",
+		"active": "активен",
+		"inactive": "отключён",
+		"activate": "Включить",
+		"deactivate": "Отключить",
+		"activated": "Пользователь включён",
+		"deactivated": "Пользователь отключён",
+		"staff": "staff",
+		"you": "вы"
+	},
+	"flights": {
+		"liveTitle": "Активные полёты",
+		"filter": "Фильтр по названию",
+		"noneLive": "Нет публичных полётов",
+		"untitled": "Без названия",
+		"loading": "Загрузка полёта…",
+		"notFound": "Полёт не найден",
+		"backToList": "К списку полётов",
+		"privacy": "Доступ",
+		"privacyUpdated": "Уровень доступа изменён",
+		"copyLink": "Скопировать ссылку",
+		"linkCopied": "Ссылка скопирована",
+		"linkCopyFailed": "Не удалось скопировать",
+		"tier_public": "публичный",
+		"tier_unlisted": "по ссылке",
+		"tier_private": "приватный",
+		"followByIdAdvanced": "Следить по ID (расширенное)"
+	},
+	"ensemble": {
+		"run": "Ансамбль GEFS",
+		"cancel": "Отменить расчёт",
+		"members": "Участников",
+		"spread": "Разброс",
+		"failed": "Ошибок"
+	},
+	"profileBuilder": {
+		"title": "Профиль полёта",
+		"reset": "Сбросить",
+		"addStage": "Добавить стадию",
+		"stageName": "Название стадии",
+		"collapse": "Свернуть",
+		"moveUp": "Выше",
+		"moveDown": "Ниже",
+		"solver": "Солвер",
+		"solver_constant_rate": "Постоянная скорость",
+		"solver_parachute_descent": "Спуск с парашютом",
+		"solver_piecewise": "Кусочная кривая",
+		"solver_wind": "Снос ветром",
+		"rate": "Скорость, м/с",
+		"seaLevelRate": "Скорость у земли, м/с",
+		"advanceWhen": "Переход при",
+		"abortIf": "Прервать если",
+		"fallbackTo": "Перейти к",
+		"constraintType": "Условие",
+		"operator": "Оператор",
+		"limit": "Значение",
+		"constraint_altitude": "Высота",
+		"constraint_time": "Время, с",
+		"constraint_terrain_contact": "Касание земли",
+		"constraint_polygon": "Полигон",
+		"desktopOnly": "Редактор профиля доступен только на широком экране",
+		"errNoStages": "Нужна хотя бы одна стадия",
+		"errNoExit": "У стадии нет условия выхода — она никогда не завершится",
+		"errMissingFallback": "Резервная стадия не найдена",
+		"errIncompleteConstraint": "У условия не задан оператор или значение",
+		"errDuplicateName": "Названия стадий должны быть уникальны",
+		"errUnnamedStage": "У стадии пустое название"
+	}
+}
diff --git a/src/lib/map/Map.svelte b/src/lib/map/Map.svelte
new file mode 100644
index 0000000..08f5f02
--- /dev/null
+++ b/src/lib/map/Map.svelte
@@ -0,0 +1,83 @@
+<script lang="ts">
+	import { onMount, onDestroy, type Snippet } from 'svelte';
+	import type { IMap } from './core';
+	import type { LngLatTuple } from '$domain';
+	import { createMapLibreMap } from './maplibre';
+	import { setMapContext } from './context';
+
+	interface Props {
+		center?: LngLatTuple;
+		zoom?: number;
+		baseLayer?: 'osm' | 'satellite';
+		showNavigationControl?: boolean;
+		showScaleControl?: boolean;
+		children?: Snippet;
+		onReady?: (map: IMap) => void;
+	}
+
+	let {
+		center = [129.1234, 62.1234],
+		zoom = 4,
+		baseLayer = 'osm',
+		showNavigationControl = true,
+		showScaleControl = true,
+		children,
+		onReady
+	}: Props = $props();
+
+	let container: HTMLDivElement;
+	let map: IMap | null = $state(null);
+	/**
+	 * Children must not render until the map's first `load` event. MapLibre
+	 * throws if addSource/addLayer is called on an unloaded style, and this
+	 * component is the natural gate for that invariant.
+	 */
+	let ready = $state(false);
+
+	setMapContext(() => map);
+
+	export function getInstance(): IMap | null {
+		return map;
+	}
+
+	onMount(() => {
+		map = createMapLibreMap({
+			container,
+			center,
+			zoom,
+			baseLayer,
+			showNavigationControl,
+			showScaleControl
+		});
+		map.ready.then(() => {
+			ready = true;
+			if (map) {
+				onReady?.(map);
+				if (import.meta.env.DEV) {
+					// Debug handle for e2e tests and console inspection; dev builds only.
+					(window as unknown as { _sfMap?: unknown })._sfMap = map.getRawInstance();
+				}
+			}
+		});
+	});
+
+	onDestroy(() => {
+		map?.dispose();
+		map = null;
+		ready = false;
+	});
+</script>
+
+<div class="map-container" bind:this={container}>
+	{#if ready && map}
+		{@render children?.()}
+	{/if}
+</div>
+
+<style>
+	.map-container {
+		position: relative;
+		width: 100%;
+		height: 100%;
+	}
+</style>
diff --git a/src/lib/map/context.ts b/src/lib/map/context.ts
new file mode 100644
index 0000000..6acc529
--- /dev/null
+++ b/src/lib/map/context.ts
@@ -0,0 +1,17 @@
+import { getContext, setContext } from 'svelte';
+import type { IMap } from './core';
+
+const KEY = Symbol('sf-map');
+
+/** Child components fetch the `IMap` instance via `getMap()`. */
+export interface MapContext {
+	get(): IMap | null;
+}
+
+export function setMapContext(getter: () => IMap | null): void {
+	setContext<MapContext>(KEY, { get: getter });
+}
+
+export function getMap(): IMap | null {
+	return getContext<MapContext | undefined>(KEY)?.get() ?? null;
+}
diff --git a/src/lib/map/core.ts b/src/lib/map/core.ts
new file mode 100644
index 0000000..3cfe6a5
--- /dev/null
+++ b/src/lib/map/core.ts
@@ -0,0 +1,120 @@
+import type { LatLngTuple, LngLatTuple } from '$domain';
+
+/**
+ * Map abstraction.
+ *
+ * Goals:
+ *   - Isolate all MapLibre-specific types inside src/lib/map/maplibre.ts.
+ *   - Expose a small, map-library-agnostic vocabulary (markers, polylines,
+ *     circles, events) so features can be tested against the interface alone.
+ *   - Support "scenes" — named collections of layers owned by a feature so each
+ *     scenario/tool can add/remove everything it owns atomically.
+ *
+ * If another library ever replaces MapLibre, implementing IMap is the only file
+ * that changes.
+ */
+
+export type MapEvent = 'click' | 'mousemove' | 'move' | 'zoom' | 'load';
+
+export interface MapClickEvent {
+	lngLat: { lat: number; lng: number };
+	originalEvent: MouseEvent;
+}
+
+export type MapEventPayload = {
+	click: MapClickEvent;
+	mousemove: MapClickEvent;
+	move: { center: LngLatTuple; zoom: number };
+	zoom: { zoom: number };
+	load: undefined;
+};
+
+export type MapEventHandler<E extends MapEvent> = (e: MapEventPayload[E]) => void;
+
+export interface MarkerOptions {
+	lngLat: LngLatTuple;
+	iconUrl?: string;
+	iconSize?: [number, number];
+	className?: string;
+	/** Optional HTML shown in a popup on hover. */
+	popupHtml?: string;
+}
+
+export interface LineOptions {
+	coords: LatLngTuple[];
+	color?: string;
+	width?: number;
+	opacity?: number;
+	dashArray?: [number, number];
+}
+
+export interface CircleOptions {
+	center: LngLatTuple;
+	/** Radius in pixels (screen-space, matches MapLibre circle layers). */
+	radiusPx?: number;
+	color?: string;
+	opacity?: number;
+	strokeColor?: string;
+	strokeWidth?: number;
+}
+
+export interface Marker {
+	setLngLat(pos: LngLatTuple): void;
+	remove(): void;
+}
+
+export interface MapLayer {
+	readonly id: string;
+	remove(): void;
+}
+
+export interface Scene {
+	readonly name: string;
+	addLine(id: string, options: LineOptions): MapLayer;
+	addCircle(id: string, options: CircleOptions): MapLayer;
+	addMarker(id: string, options: MarkerOptions): Marker;
+	/** Remove an individual layer in this scene by its id. */
+	remove(id: string): void;
+	/** Remove everything added to this scene. */
+	clear(): void;
+	/** Called by IMap.dispose() to release resources. */
+	dispose(): void;
+}
+
+export interface IMap {
+	ready: Promise<void>;
+
+	on<E extends MapEvent>(event: E, handler: MapEventHandler<E>): () => void;
+
+	setCenter(pos: LngLatTuple, zoom?: number): void;
+	panTo(pos: LngLatTuple, durationMs?: number): void;
+	fitBounds(coords: LatLngTuple[], paddingPx?: number): void;
+	getZoom(): number;
+	setZoom(zoom: number): void;
+
+	setCursor(cursor: string | null): void;
+
+	/**
+	 * Get or create a named scene. Scenes are the unit of layer ownership: a
+	 * feature adds all its layers through a scene and calls `.clear()` to remove
+	 * them in one step.
+	 */
+	scene(name: string): Scene;
+	disposeScene(name: string): void;
+
+	/** Underlying implementation instance, for library-specific APIs. Use sparingly. */
+	getRawInstance(): unknown;
+
+	dispose(): void;
+}
+
+export interface MapInit {
+	container: HTMLElement;
+	center: LngLatTuple;
+	zoom: number;
+	baseLayer?: 'osm' | 'satellite';
+	showNavigationControl?: boolean;
+	showScaleControl?: boolean;
+}
+
+export type MapFactory = (init: MapInit) => IMap;
diff --git a/src/lib/map/index.ts b/src/lib/map/index.ts
new file mode 100644
index 0000000..e4950e9
--- /dev/null
+++ b/src/lib/map/index.ts
@@ -0,0 +1,5 @@
+export * from './core';
+export * from './context';
+export * from './layers';
+export { createMapLibreMap, MapLibreMap } from './maplibre';
+export { default as Map } from './Map.svelte';
diff --git a/src/lib/map/layers.ts b/src/lib/map/layers.ts
new file mode 100644
index 0000000..e27f342
--- /dev/null
+++ b/src/lib/map/layers.ts
@@ -0,0 +1,185 @@
+import type { BoundingBox, Prediction, Telemetry, EnsembleResult } from '$domain';
+import { boundingBoxRing, toLngLat, ellipseRing } from '$domain';
+import type { Scene } from './core';
+
+/**
+ * Plot helpers for high-level domain objects, built on Scene so they work
+ * against any IMap implementation.
+ */
+
+export interface TrajectoryStyle {
+	color?: string;
+	width?: number;
+	opacity?: number;
+	launchIcon?: string;
+	landingIcon?: string;
+	burstIcon?: string;
+	iconSize?: [number, number];
+}
+
+const DEFAULT_STYLE: Required<Omit<TrajectoryStyle, 'launchIcon' | 'landingIcon' | 'burstIcon'>> &
+	Pick<TrajectoryStyle, 'launchIcon' | 'landingIcon' | 'burstIcon'> = {
+	color: '#000000',
+	width: 3,
+	opacity: 1,
+	iconSize: [12, 12],
+	launchIcon: '/target-blue.png',
+	landingIcon: '/target-red.png',
+	burstIcon: '/pop-marker.png'
+};
+
+/** Draw a prediction (path + launch/burst/landing markers) into its scene. */
+export function plotPrediction(
+	scene: Scene,
+	prediction: Prediction,
+	style: TrajectoryStyle = {}
+): void {
+	const s = { ...DEFAULT_STYLE, ...style };
+	scene.clear();
+
+	scene.addLine('path', {
+		coords: prediction.flight_path,
+		color: s.color,
+		width: s.width,
+		opacity: s.opacity
+	});
+
+	scene.addMarker('launch', {
+		lngLat: toLngLat(prediction.launch.latlng),
+		iconUrl: s.launchIcon,
+		iconSize: s.iconSize,
+		popupHtml: `<b>Launch</b><br>${prediction.launch.latlng.lat.toFixed(6)}, ${prediction.launch.latlng.lng.toFixed(6)}`
+	});
+
+	scene.addMarker('landing', {
+		lngLat: toLngLat(prediction.landing.latlng),
+		iconUrl: s.landingIcon,
+		iconSize: s.iconSize,
+		popupHtml: `<b>Landing</b><br>${prediction.landing.latlng.lat.toFixed(6)}, ${prediction.landing.latlng.lng.toFixed(6)}`
+	});
+
+	scene.addMarker('burst', {
+		lngLat: toLngLat(prediction.burst.latlng),
+		iconUrl: s.burstIcon,
+		iconSize: [s.iconSize[0] + 4, s.iconSize[1] + 4],
+		popupHtml: `<b>Burst</b><br>${prediction.burst.latlng.lat.toFixed(6)}, ${prediction.burst.latlng.lng.toFixed(6)}`
+	});
+}
+
+/**
+ * Draw a real tracked flight. Actual is **red** by convention (predicted is
+ * blue) — see guidelines §7.4; scenario identity colours use a third palette.
+ */
+export function plotTelemetry(scene: Scene, telemetry: Telemetry, color = '#FF1744'): void {
+	scene.clear();
+
+	scene.addLine('path', { coords: telemetry.flight_path, color, width: 3 });
+
+	scene.addMarker('launch', {
+		lngLat: toLngLat(telemetry.launch.latlng),
+		iconUrl: '/target-blue.png',
+		iconSize: [12, 12],
+		popupHtml: `<b>Launch</b><br>${telemetry.launch.latlng.lat.toFixed(6)}, ${telemetry.launch.latlng.lng.toFixed(6)}`
+	});
+
+	const last = telemetry.datapoints[telemetry.datapoints.length - 1];
+	if (last) {
+		// Current position gets a live marker rather than one dot per sample, so
+		// long flights stay cheap to render.
+		scene.addCircle('current-ring', {
+			center: [last.longitude, last.latitude],
+			radiusPx: 13,
+			color,
+			opacity: 0.3,
+			strokeWidth: 0
+		});
+		scene.addCircle('current', {
+			center: [last.longitude, last.latitude],
+			radiusPx: 6,
+			color,
+			strokeColor: '#ffffff',
+			strokeWidth: 2
+		});
+	}
+}
+
+export function plotEndMarker(scene: Scene, lng: number, lat: number): void {
+	scene.addCircle('marker-core', {
+		center: [lng, lat],
+		radiusPx: 7,
+		color: '#6c757d',
+		strokeColor: '#ffffff',
+		strokeWidth: 2
+	});
+}
+
+export function plotAnimatedMarker(scene: Scene, lng: number, lat: number): void {
+	scene.addCircle('marker-ring', {
+		center: [lng, lat],
+		radiusPx: 14,
+		color: '#FF6B6B',
+		opacity: 0.3,
+		strokeColor: '#FF1744',
+		strokeWidth: 0
+	});
+	scene.addCircle('marker-core', {
+		center: [lng, lat],
+		radiusPx: 6,
+		color: '#FF1744',
+		strokeColor: '#ffffff',
+		strokeWidth: 2
+	});
+}
+
+export interface BoundingBoxStyle {
+	color?: string;
+	width?: number;
+	opacity?: number;
+	dashArray?: [number, number];
+}
+
+/** Draw a bounding box as a closed dotted polyline (blue by default). */
+export function plotBoundingBox(scene: Scene, box: BoundingBox, style: BoundingBoxStyle = {}): void {
+	scene.clear();
+	scene.addLine('box', {
+		coords: boundingBoxRing(box),
+		color: style.color ?? '#0d6efd',
+		width: style.width ?? 3,
+		opacity: style.opacity ?? 1,
+		dashArray: style.dashArray ?? [2, 2]
+	});
+}
+
+/**
+ * Draw a probabilistic landing footprint: one dot per ensemble member, the mean
+ * landing point, and the 95% confidence ellipse around them.
+ */
+export function plotEnsemble(scene: Scene, ensemble: EnsembleResult, color = '#6f42c1'): void {
+	scene.clear();
+
+	const footprint = ensemble.footprint;
+	if (footprint) {
+		const ring = ellipseRing(footprint);
+		if (ring.length > 0) {
+			scene.addLine('ellipse', { coords: ring, color, width: 2, opacity: 0.9, dashArray: [2, 2] });
+		}
+		scene.addCircle('mean', {
+			center: [footprint.mean.lng, footprint.mean.lat],
+			radiusPx: 7,
+			color,
+			strokeColor: '#ffffff',
+			strokeWidth: 2
+		});
+	}
+
+	for (const m of ensemble.members) {
+		if (!m.landing) continue;
+		scene.addCircle(`m-${m.member}`, {
+			center: [m.landing.lng, m.landing.lat],
+			radiusPx: 4,
+			color,
+			opacity: 0.55,
+			strokeWidth: 0
+		});
+	}
+}
diff --git a/src/lib/map/maplibre.ts b/src/lib/map/maplibre.ts
new file mode 100644
index 0000000..f67e0ab
--- /dev/null
+++ b/src/lib/map/maplibre.ts
@@ -0,0 +1,322 @@
+import maplibregl, {
+	type Map as MLMap,
+	type LngLatLike,
+	type MarkerOptions as MLMarkerOptions
+} from 'maplibre-gl';
+import 'maplibre-gl/dist/maplibre-gl.css';
+
+import type {
+	CircleOptions,
+	IMap,
+	LineOptions,
+	MapEvent,
+	MapEventHandler,
+	MapEventPayload,
+	MapInit,
+	MapLayer,
+	Marker,
+	MarkerOptions,
+	Scene
+} from './core';
+import type { LngLatTuple, LatLngTuple } from '$domain';
+
+/** Map common base-layer names to MapLibre style JSON. */
+const BASE_STYLES: Record<NonNullable<MapInit['baseLayer']>, maplibregl.StyleSpecification> = {
+	osm: {
+		version: 8,
+		sources: {
+			osm: {
+				type: 'raster',
+				tiles: ['https://a.tile.openstreetmap.org/{z}/{x}/{y}.png'],
+				tileSize: 256,
+				attribution:
+					'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+			}
+		},
+		layers: [{ id: 'osm', type: 'raster', source: 'osm', minzoom: 0, maxzoom: 19 }]
+	},
+	satellite: {
+		version: 8,
+		sources: {
+			sat: {
+				type: 'raster',
+				tiles: [
+					'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}'
+				],
+				tileSize: 256,
+				attribution: 'Tiles &copy; Esri'
+			}
+		},
+		layers: [{ id: 'sat', type: 'raster', source: 'sat', minzoom: 0, maxzoom: 19 }]
+	}
+};
+
+class MapLibreScene implements Scene {
+	private sources = new Set<string>();
+	private layers = new Set<string>();
+	private markers = new Map<string, maplibregl.Marker>();
+
+	constructor(
+		public readonly name: string,
+		private map: MLMap
+	) {}
+
+	private scopeId(id: string): string {
+		return `${this.name}__${id}`;
+	}
+
+	addLine(id: string, options: LineOptions): MapLayer {
+		const layerId = this.scopeId(id);
+		const coords = options.coords.map<[number, number]>((c) => [c[1], c[0]]);
+
+		if (this.map.getSource(layerId)) this.remove(id);
+
+		this.map.addSource(layerId, {
+			type: 'geojson',
+			data: {
+				type: 'Feature',
+				properties: {},
+				geometry: { type: 'LineString', coordinates: coords }
+			}
+		});
+		this.map.addLayer({
+			id: layerId,
+			type: 'line',
+			source: layerId,
+			layout: { 'line-join': 'round', 'line-cap': 'round' },
+			paint: {
+				'line-color': options.color ?? '#000',
+				'line-width': options.width ?? 3,
+				'line-opacity': options.opacity ?? 1,
+				...(options.dashArray ? { 'line-dasharray': options.dashArray } : {})
+			}
+		});
+		this.sources.add(layerId);
+		this.layers.add(layerId);
+
+		return { id: layerId, remove: () => this.remove(id) };
+	}
+
+	addCircle(id: string, options: CircleOptions): MapLayer {
+		const layerId = this.scopeId(id);
+		const existing = this.map.getSource(layerId) as maplibregl.GeoJSONSource | undefined;
+		if (existing) {
+			existing.setData({
+				type: 'Feature',
+				properties: {},
+				geometry: { type: 'Point', coordinates: options.center }
+			});
+			return { id: layerId, remove: () => this.remove(id) };
+		}
+
+		this.map.addSource(layerId, {
+			type: 'geojson',
+			data: {
+				type: 'Feature',
+				properties: {},
+				geometry: { type: 'Point', coordinates: options.center }
+			}
+		});
+		this.map.addLayer({
+			id: layerId,
+			type: 'circle',
+			source: layerId,
+			paint: {
+				'circle-radius': options.radiusPx ?? 6,
+				'circle-color': options.color ?? '#0b5ed7',
+				'circle-opacity': options.opacity ?? 1,
+				'circle-stroke-color': options.strokeColor ?? '#ffffff',
+				'circle-stroke-width': options.strokeWidth ?? 2
+			}
+		});
+		this.sources.add(layerId);
+		this.layers.add(layerId);
+
+		return { id: layerId, remove: () => this.remove(id) };
+	}
+
+	addMarker(id: string, options: MarkerOptions): Marker {
+		const scoped = this.scopeId(id);
+		const existing = this.markers.get(scoped);
+		if (existing) existing.remove();
+
+		let mlOptions: MLMarkerOptions | undefined;
+		if (options.iconUrl) {
+			const el = document.createElement('div');
+			el.className = options.className ?? 'sf-marker';
+			el.style.backgroundImage = `url(${options.iconUrl})`;
+			const [w, h] = options.iconSize ?? [12, 12];
+			el.style.width = `${w}px`;
+			el.style.height = `${h}px`;
+			el.style.backgroundSize = '100%';
+			mlOptions = { element: el };
+		}
+
+		const marker = new maplibregl.Marker(mlOptions).setLngLat(options.lngLat as LngLatLike);
+
+		if (options.popupHtml) {
+			const popup = new maplibregl.Popup({ offset: 16, closeButton: false }).setHTML(
+				options.popupHtml
+			);
+			marker.setPopup(popup);
+			marker.getElement().addEventListener('mouseenter', () => marker.togglePopup());
+			marker.getElement().addEventListener('mouseleave', () => marker.togglePopup());
+		}
+
+		marker.addTo(this.map);
+		this.markers.set(scoped, marker);
+
+		return {
+			setLngLat: (pos) => marker.setLngLat(pos as LngLatLike),
+			remove: () => this.remove(id)
+		};
+	}
+
+	remove(id: string): void {
+		const scoped = this.scopeId(id);
+		if (this.map.getLayer(scoped)) this.map.removeLayer(scoped);
+		if (this.map.getSource(scoped)) this.map.removeSource(scoped);
+		this.layers.delete(scoped);
+		this.sources.delete(scoped);
+		const marker = this.markers.get(scoped);
+		if (marker) {
+			marker.remove();
+			this.markers.delete(scoped);
+		}
+	}
+
+	clear(): void {
+		for (const id of Array.from(this.layers)) {
+			if (this.map.getLayer(id)) this.map.removeLayer(id);
+		}
+		for (const id of Array.from(this.sources)) {
+			if (this.map.getSource(id)) this.map.removeSource(id);
+		}
+		for (const marker of this.markers.values()) marker.remove();
+		this.layers.clear();
+		this.sources.clear();
+		this.markers.clear();
+	}
+
+	dispose(): void {
+		this.clear();
+	}
+}
+
+export class MapLibreMap implements IMap {
+	private map: MLMap;
+	private scenes = new Map<string, MapLibreScene>();
+	public readonly ready: Promise<void>;
+
+	constructor(init: MapInit) {
+		this.map = new maplibregl.Map({
+			container: init.container,
+			style: BASE_STYLES[init.baseLayer ?? 'osm'],
+			center: init.center,
+			zoom: init.zoom
+		});
+
+		if (init.showNavigationControl !== false) {
+			this.map.addControl(new maplibregl.NavigationControl(), 'bottom-left');
+		}
+		if (init.showScaleControl !== false) {
+			this.map.addControl(
+				new maplibregl.ScaleControl({ maxWidth: 100, unit: 'metric' }),
+				'bottom-right'
+			);
+		}
+
+		this.ready = new Promise((resolve) => this.map.once('load', () => resolve()));
+	}
+
+	on<E extends MapEvent>(event: E, handler: MapEventHandler<E>): () => void {
+		const wrapped = (e: unknown) => {
+			switch (event) {
+				case 'click':
+				case 'mousemove': {
+					const ev = e as maplibregl.MapMouseEvent;
+					(handler as MapEventHandler<'click'>)({
+						lngLat: { lat: ev.lngLat.lat, lng: ev.lngLat.lng },
+						originalEvent: ev.originalEvent
+					});
+					break;
+				}
+				case 'move':
+					(handler as MapEventHandler<'move'>)({
+						center: [this.map.getCenter().lng, this.map.getCenter().lat],
+						zoom: this.map.getZoom()
+					});
+					break;
+				case 'zoom':
+					(handler as MapEventHandler<'zoom'>)({ zoom: this.map.getZoom() });
+					break;
+				case 'load':
+					(handler as MapEventHandler<'load'>)(undefined as MapEventPayload['load']);
+					break;
+			}
+		};
+		this.map.on(event as 'click', wrapped);
+		return () => this.map.off(event as 'click', wrapped);
+	}
+
+	setCenter(pos: LngLatTuple, zoom?: number): void {
+		this.map.setCenter(pos);
+		if (zoom !== undefined) this.map.setZoom(zoom);
+	}
+
+	panTo(pos: LngLatTuple, durationMs?: number): void {
+		this.map.panTo(pos, durationMs ? { duration: durationMs } : undefined);
+	}
+
+	fitBounds(coords: LatLngTuple[], paddingPx = 50): void {
+		if (coords.length === 0) return;
+		const first: [number, number] = [coords[0][1], coords[0][0]];
+		const bounds = coords.reduce(
+			(b, c) => b.extend([c[1], c[0]] as [number, number]),
+			new maplibregl.LngLatBounds(first, first)
+		);
+		this.map.fitBounds(bounds, { padding: paddingPx });
+	}
+
+	getZoom(): number {
+		return this.map.getZoom();
+	}
+
+	setZoom(zoom: number): void {
+		this.map.setZoom(zoom);
+	}
+
+	setCursor(cursor: string | null): void {
+		this.map.getCanvas().style.cursor = cursor ?? '';
+	}
+
+	scene(name: string): Scene {
+		let scene = this.scenes.get(name);
+		if (!scene) {
+			scene = new MapLibreScene(name, this.map);
+			this.scenes.set(name, scene);
+		}
+		return scene;
+	}
+
+	disposeScene(name: string): void {
+		const scene = this.scenes.get(name);
+		if (!scene) return;
+		scene.dispose();
+		this.scenes.delete(name);
+	}
+
+	getRawInstance(): MLMap {
+		return this.map;
+	}
+
+	dispose(): void {
+		for (const s of this.scenes.values()) s.dispose();
+		this.scenes.clear();
+		this.map.remove();
+	}
+}
+
+export function createMapLibreMap(init: MapInit): IMap {
+	return new MapLibreMap(init);
+}
diff --git a/src/lib/state/index.ts b/src/lib/state/index.ts
new file mode 100644
index 0000000..edc3a67
--- /dev/null
+++ b/src/lib/state/index.ts
@@ -0,0 +1 @@
+export * from './persisted';
diff --git a/src/lib/state/persisted.ts b/src/lib/state/persisted.ts
new file mode 100644
index 0000000..87b145b
--- /dev/null
+++ b/src/lib/state/persisted.ts
@@ -0,0 +1,66 @@
+import { writable, type Writable } from 'svelte/store';
+
+export interface PersistedOptions<T> {
+	/** Custom (de)serialization — e.g. to strip transient fields before writing. */
+	serializer?: {
+		stringify: (value: T) => string;
+		parse: (raw: string) => T;
+	};
+}
+
+/**
+ * localStorage-backed writable that also syncs across tabs via BroadcastChannel.
+ * Reads are guarded so it is safe to construct under jsdom / SSR-off.
+ */
+export function persisted<T>(
+	key: string,
+	initial: T,
+	options: PersistedOptions<T> = {}
+): Writable<T> {
+	const stringify = options.serializer?.stringify ?? ((v: T) => JSON.stringify(v));
+	const parse = options.serializer?.parse ?? ((raw: string) => JSON.parse(raw) as T);
+
+	const read = (): T => {
+		try {
+			const raw = localStorage.getItem(key);
+			return raw === null ? initial : parse(raw);
+		} catch {
+			return initial;
+		}
+	};
+
+	const store = writable<T>(read());
+	const channel =
+		typeof BroadcastChannel !== 'undefined' ? new BroadcastChannel(`persist:${key}`) : null;
+
+	// Guards against two cross-tab hazards:
+	//  - re-broadcasting a value that arrived from another tab (endless echo,
+	//    since object values never compare equal and always re-notify), and
+	//  - broadcasting the value read at construction, which would let a newly
+	//    opened tab push its stale snapshot over tabs that had moved on.
+	let applyingRemote = false;
+	let firstNotification = true;
+
+	if (channel) {
+		channel.onmessage = (e) => {
+			applyingRemote = true;
+			store.set(e.data as T);
+			applyingRemote = false;
+		};
+	}
+
+	store.subscribe((value) => {
+		if (firstNotification) {
+			firstNotification = false;
+			return;
+		}
+		try {
+			localStorage.setItem(key, stringify(value));
+			if (!applyingRemote) channel?.postMessage(value);
+		} catch {
+			/* storage unavailable — keep in-memory only */
+		}
+	});
+
+	return store;
+}
diff --git a/src/lib/ui/SpoilerGroup.svelte b/src/lib/ui/SpoilerGroup.svelte
new file mode 100644
index 0000000..adf1aea
--- /dev/null
+++ b/src/lib/ui/SpoilerGroup.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	/**
+	 * Form subsection: the label doubles as the collapse toggle, and the rule that
+	 * runs out of it is the top edge of the box holding the fields — a fieldset
+	 * with a legend, built from Bootstrap borders.
+	 *
+	 * Grouping is by cognitive chunk and never nests deeper than one level inside
+	 * a panel (guidelines §8), so this takes no nested-group affordances.
+	 */
+	interface Props {
+		label: string;
+		/** Sections start open: the panel is the primary work surface, not a menu. */
+		expanded?: boolean;
+		testid?: string;
+		children: Snippet;
+	}
+
+	let { label, expanded = $bindable(true), testid, children }: Props = $props();
+</script>
+
+<div class="spoiler mb-2" data-testid={testid}>
+	<button
+		type="button"
+		class="spoiler-header btn btn-link d-flex align-items-center w-100 p-0 text-decoration-none"
+		aria-expanded={expanded}
+		aria-label={label}
+		onclick={() => (expanded = !expanded)}>
+		<!-- aria-expanded already carries the state, so the glyph is decoration. -->
+		<span class="spoiler-icon font-monospace fs-5 fw-bold text-muted ms-1" aria-hidden="true">
+			{expanded ? '−' : '+'}
+		</span>
+		<span class="small text-nowrap ms-1">{label}</span>
+		<span class="spoiler-rule flex-fill border-top ms-2"></span>
+	</button>
+
+	{#if expanded}
+		<div class="spoiler-body border border-top-0 px-2 pb-2">
+			{@render children()}
+		</div>
+	{:else}
+		<div class="spoiler-spacer"></div>
+	{/if}
+</div>
+
+<style>
+	/*
+	 * The header overlaps the body by half its height so the rule beside the
+	 * label lands exactly on the box's missing top border; the body pays the
+	 * overlap back as top padding.
+	 */
+	.spoiler-header {
+		margin-bottom: -0.75em;
+	}
+	.spoiler-body {
+		padding-top: 0.75em;
+	}
+	.spoiler-spacer {
+		padding-top: 0.75em;
+	}
+	.spoiler-icon {
+		line-height: 1;
+		padding-bottom: 0.1em;
+	}
+	.spoiler-header:hover .spoiler-icon {
+		color: var(--bs-body-color) !important;
+	}
+</style>
diff --git a/src/lib/ui/Toast.svelte b/src/lib/ui/Toast.svelte
new file mode 100644
index 0000000..0241592
--- /dev/null
+++ b/src/lib/ui/Toast.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { toasts, dismissToast } from './toasts';
+
+	const kindClass: Record<string, string> = {
+		success: 'text-bg-success',
+		error: 'text-bg-danger',
+		info: 'text-bg-secondary'
+	};
+</script>
+
+<div class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 1080">
+	{#each $toasts as toast (toast.id)}
+		<div class="toast show align-items-center border-0 {kindClass[toast.kind]}" role="alert">
+			<div class="d-flex">
+				<div class="toast-body">{toast.message}</div>
+				<button
+					type="button"
+					class="btn-close btn-close-white me-2 m-auto"
+					aria-label="close"
+					onclick={() => dismissToast(toast.id)}></button>
+			</div>
+		</div>
+	{/each}
+</div>
diff --git a/src/lib/ui/download.ts b/src/lib/ui/download.ts
new file mode 100644
index 0000000..e09160c
--- /dev/null
+++ b/src/lib/ui/download.ts
@@ -0,0 +1,12 @@
+/** Trigger a browser download for generated text (exports). */
+export function downloadText(filename: string, mime: string, text: string): void {
+	const url = URL.createObjectURL(new Blob([text], { type: mime }));
+	const a = document.createElement('a');
+	a.href = url;
+	a.download = filename;
+	document.body.appendChild(a);
+	a.click();
+	a.remove();
+	// Revoke on the next tick so the click has already started the download.
+	setTimeout(() => URL.revokeObjectURL(url), 0);
+}
diff --git a/src/lib/ui/index.ts b/src/lib/ui/index.ts
new file mode 100644
index 0000000..1908775
--- /dev/null
+++ b/src/lib/ui/index.ts
@@ -0,0 +1,4 @@
+export { default as Toast } from './Toast.svelte';
+export { default as SpoilerGroup } from './SpoilerGroup.svelte';
+export * from './toasts';
+export * from './download';
diff --git a/src/lib/ui/toasts.ts b/src/lib/ui/toasts.ts
new file mode 100644
index 0000000..2e9e055
--- /dev/null
+++ b/src/lib/ui/toasts.ts
@@ -0,0 +1,23 @@
+import { writable } from 'svelte/store';
+
+export type ToastKind = 'success' | 'error' | 'info';
+export interface Toast {
+	id: number;
+	kind: ToastKind;
+	message: string;
+}
+
+const store = writable<Toast[]>([]);
+let seq = 0;
+
+export const toasts = { subscribe: store.subscribe };
+
+export function addToast(kind: ToastKind, message: string, ttl = 4000): void {
+	const id = ++seq;
+	store.update((list) => [...list, { id, kind, message }]);
+	if (ttl > 0) setTimeout(() => dismissToast(id), ttl);
+}
+
+export function dismissToast(id: number): void {
+	store.update((list) => list.filter((t) => t.id !== id));
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..8bf19fd
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import 'bootstrap-icons/font/bootstrap-icons.css';
+	import '../app.scss';
+	import { onMount } from 'svelte';
+	import { get } from 'svelte/store';
+	import { setLocale } from '$i18n';
+	import { Toast } from '$ui';
+	import { settingsStore } from '$features/settings';
+
+	let ready = $state(false);
+	let { children } = $props();
+
+	onMount(() => {
+		// Settings are the single source of truth for locale.
+		setLocale(get(settingsStore).locale).then(() => (ready = true));
+	});
+</script>
+
+{#if ready}
+	{@render children()}
+	<Toast />
+{/if}
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
new file mode 100644
index 0000000..37ce563
--- /dev/null
+++ b/src/routes/+layout.ts
@@ -0,0 +1,3 @@
+export const ssr = false;
+export const prerender = false;
+export const trailingSlash = 'always';
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..f7bfec5
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { goto } from '$app/navigation';
+	import { authStore } from '$auth';
+
+	onMount(async () => {
+		const s = await authStore.refresh();
+		goto(s.status === 'authenticated' ? '/app' : '/login');
+	});
+</script>
+
+<div class="d-flex justify-content-center align-items-center vh-100">
+	<div class="spinner-border" role="status"><span class="visually-hidden">…</span></div>
+</div>
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
new file mode 100644
index 0000000..d0791d6
--- /dev/null
+++ b/src/routes/admin/+page.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { Navbar } from '$features/auth';
+	import { AdminUsersPanel } from '$features/admin';
+	import { requireStaff } from '$auth';
+	import { t } from '$i18n';
+
+	let ok = $state(false);
+	// Non-staff (and anonymous) visitors never see the panel: the guard redirects,
+	// and the API refuses them anyway.
+	onMount(async () => {
+		ok = await requireStaff('/app');
+	});
+</script>
+
+<Navbar />
+<div style="height: var(--navbar-height)"></div>
+{#if ok}
+	<main class="container py-4">
+		<h3 class="mb-4">{$t('admin.title')}</h3>
+		<AdminUsersPanel />
+	</main>
+{/if}
diff --git a/src/routes/app/+page.svelte b/src/routes/app/+page.svelte
new file mode 100644
index 0000000..0554ea1
--- /dev/null
+++ b/src/routes/app/+page.svelte
@@ -0,0 +1,219 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { get } from 'svelte/store';
+	import { Navbar } from '$features/auth';
+	import { Map } from '$map';
+	import { requireAuthenticated } from '$auth';
+	import { ControlPanel, PickOnMap, armPick } from '$features/prediction';
+	import {
+		ScenarioPanel,
+		ComparePanel,
+		ScenarioRenderer,
+		scenariosStore
+	} from '$features/scenarios';
+	import { WindPanel, WindRenderer } from '$features/wind';
+	import { SettingsPanel, settingsStore } from '$features/settings';
+	import { TimeLine } from '$features/timeline';
+	import { persisted } from '$state';
+	import { t } from '$i18n';
+
+	let ok = $state(false);
+	let windRendererRef = $state<ReturnType<typeof WindRenderer> | null>(null);
+
+	/**
+	 * Prediction only: tracking is its own mode, reached from the header and
+	 * living on /flights/. Mixing the two here made the right column a grab bag
+	 * of unrelated work (guidelines §1).
+	 */
+	const TABS = [
+		{ id: 'scenarios', labelKey: 'scenarios.title' },
+		{ id: 'compare', labelKey: 'compare.title' },
+		{ id: 'wind', labelKey: 'wind.title' },
+		{ id: 'settings', labelKey: 'settings.title' }
+	] as const;
+	let tab = $state<(typeof TABS)[number]['id']>('scenarios');
+
+	/**
+	 * The map is the document: panels are transient chrome over it, so each column
+	 * collapses and remembers its state for the session (guidelines §1, §5).
+	 * The two columns are independent at every width — below 1024px they share the
+	 * viewport instead of excluding each other (see `.both-open` in the styles).
+	 */
+	const panels = persisted('panels-open', { left: true, right: true });
+	const bothOpen = $derived($panels.left && $panels.right);
+
+	function toggle(side: 'left' | 'right') {
+		panels.update((p) => ({ ...p, [side]: !p[side] }));
+	}
+
+	onMount(() => {
+		void (async () => {
+			ok = await requireAuthenticated('/login');
+			if (ok && get(scenariosStore).items.length === 0) scenariosStore.add();
+		})();
+	});
+
+	function handleKeydown(e: KeyboardEvent) {
+		if (e.key === 'Escape') armPick.set(false);
+	}
+</script>
+
+<svelte:window onkeydown={handleKeydown} />
+
+<Navbar />
+{#if ok}
+	<div class="app-map" class:both-open={bothOpen}>
+		<!--
+		  Swapping the base layer means swapping the MapLibre style, which would drop
+		  every scene's sources/layers. Remounting instead lets the renderers repaint
+		  from their stores; the cost is a view reset on a rarely-changed setting.
+		-->
+		{#key $settingsStore.map.baseLayer}
+			<Map center={[129.7, 62.0]} zoom={5} baseLayer={$settingsStore.map.baseLayer}>
+				<ScenarioRenderer />
+				<PickOnMap />
+				<WindRenderer bind:this={windRendererRef} />
+			</Map>
+		{/key}
+
+		{#if $armPick}
+			<div class="pick-banner alert alert-warning py-1 px-3 shadow-sm" role="status">
+				{$t('predict.pickBanner')}
+				<button class="btn btn-sm btn-link p-0 ms-2" onclick={() => armPick.set(false)}>
+					{$t('account.cancel')}
+				</button>
+			</div>
+		{/if}
+
+		<!-- Collapse handles stay visible even when a column is closed. -->
+		<button
+			class="panel-toggle panel-toggle-left btn btn-sm btn-light shadow-sm"
+			class:shifted={$panels.left}
+			data-testid="toggle-left"
+			aria-expanded={$panels.left}
+			aria-label={$t('panels.conditions')}
+			title={$t('panels.conditions')}
+			onclick={() => toggle('left')}>
+			<i class="bi {$panels.left ? 'bi-chevron-left' : 'bi-sliders'}"></i>
+		</button>
+		<button
+			class="panel-toggle panel-toggle-right btn btn-sm btn-light shadow-sm"
+			class:shifted={$panels.right}
+			data-testid="toggle-right"
+			aria-expanded={$panels.right}
+			aria-label={$t('panels.panels')}
+			title={$t('panels.panels')}
+			onclick={() => toggle('right')}>
+			<i class="bi {$panels.right ? 'bi-chevron-right' : 'bi-layers'}"></i>
+		</button>
+
+		{#if $panels.left}
+			<div class="app-panel app-panel-left" data-testid="panel-left"><ControlPanel /></div>
+		{/if}
+
+		{#if $panels.right}
+			<div class="app-panel app-panel-right" data-testid="panel-right">
+				<ul class="nav nav-pills nav-fill bg-body-tertiary rounded p-1 mb-2 small shadow-sm">
+					{#each TABS as item (item.id)}
+						<li class="nav-item">
+							<button
+								class="nav-link py-1 px-2 {tab === item.id ? 'active' : ''}"
+								data-testid={`tab-${item.id}`}
+								aria-current={tab === item.id ? 'page' : undefined}
+								onclick={() => (tab = item.id)}>
+								{$t(item.labelKey)}
+							</button>
+						</li>
+					{/each}
+				</ul>
+
+				{#if tab === 'scenarios'}
+					<ScenarioPanel />
+				{:else if tab === 'compare'}
+					<ComparePanel />
+				{:else if tab === 'wind'}
+					<WindPanel onRetry={() => windRendererRef?.reload()} />
+				{:else if tab === 'settings'}
+					<SettingsPanel />
+				{/if}
+			</div>
+		{/if}
+
+		<TimeLine />
+	</div>
+{/if}
+
+<style>
+	.app-map {
+		position: absolute;
+		inset: var(--navbar-height) 0 0 0;
+	}
+
+	.app-panel {
+		position: absolute;
+		top: 0.75rem;
+		width: var(--panel-w);
+		max-height: calc(100% - 6rem);
+		overflow-y: auto;
+		z-index: 5;
+	}
+	.app-panel-left {
+		left: 0.75rem;
+	}
+	.app-panel-right {
+		right: 0.75rem;
+	}
+
+	.panel-toggle {
+		position: absolute;
+		top: 0.75rem;
+		z-index: 7;
+		width: 2rem;
+		height: 2rem;
+		padding: 0;
+	}
+	.panel-toggle-left {
+		left: 0.75rem;
+	}
+	.panel-toggle-right {
+		right: 0.75rem;
+	}
+	/* When its column is open, the handle sits just outside the panel edge. */
+	.panel-toggle-left.shifted {
+		left: calc(var(--panel-w) + 1.25rem);
+	}
+	.panel-toggle-right.shifted {
+		right: calc(var(--panel-w) + 1.25rem);
+	}
+
+	:global(:root) {
+		--panel-w: 320px;
+	}
+
+	/* Tablet and below: a column may not swallow the map. */
+	@media (max-width: 1023.98px) {
+		:global(:root) {
+			--panel-w: min(320px, calc(100vw - 4.5rem));
+		}
+		/*
+		 * With both columns open the width is split between them: 3.5rem of slack
+		 * per side leaves a strip of map in the middle wide enough for the two
+		 * collapse handles to sit side by side without touching.
+		 */
+		.app-map.both-open {
+			--panel-w: min(320px, calc(50vw - 3.5rem));
+		}
+		.app-panel {
+			max-height: calc(100% - 7rem);
+		}
+	}
+
+	.pick-banner {
+		position: absolute;
+		top: 3.25rem;
+		left: 50%;
+		transform: translateX(-50%);
+		z-index: 10;
+		margin: 0;
+	}
+</style>
diff --git a/src/routes/flights/+page.svelte b/src/routes/flights/+page.svelte
new file mode 100644
index 0000000..2e56633
--- /dev/null
+++ b/src/routes/flights/+page.svelte
@@ -0,0 +1,162 @@
+<script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import { Map, getMap } from '$map';
+	import { Navbar } from '$features/auth';
+	import { flightsApi, type Flight } from '$api';
+	import { authStore } from '$auth';
+	import { settingsStore } from '$features/settings';
+	import { TelemetryPanel, TrackRenderer } from '$features/tracking';
+	import { formatCoords } from '$domain';
+	import { t } from '$i18n';
+	import FlightMarkers from './FlightMarkers.svelte';
+
+	/**
+	 * Tracking mode: the public live map on the left, the telemetry readout for
+	 * whatever is being followed on the right. Anonymous by design — discovery is
+	 * the whole point of the public tier.
+	 */
+	let flights = $state<Flight[]>([]);
+	let status = $state<'loading' | 'empty' | 'error' | 'loaded'>('loading');
+	let error = $state('');
+	let filter = $state('');
+	let poll: ReturnType<typeof setInterval> | null = null;
+
+	const shown = $derived(
+		flights.filter((f) => !filter || f.name.toLowerCase().includes(filter.toLowerCase()))
+	);
+
+	async function load() {
+		try {
+			const res = await flightsApi.public();
+			flights = res.flights;
+			status = flights.length === 0 ? 'empty' : 'loaded';
+		} catch (err) {
+			error = (err as Error).message;
+			status = 'error';
+		}
+	}
+
+	onMount(() => {
+		authStore.refresh();
+		load();
+		// The list is a live view; refresh it periodically rather than per-flight sockets.
+		poll = setInterval(load, 15000);
+		return () => {
+			if (poll) clearInterval(poll);
+		};
+	});
+
+	onDestroy(() => {
+		if (poll) clearInterval(poll);
+	});
+</script>
+
+<Navbar />
+<div class="flights-page">
+	<Map center={[129.7, 62.0]} zoom={4}>
+		<FlightMarkers flights={shown} />
+		<TrackRenderer />
+	</Map>
+
+	<div class="flights-panels">
+		<div class="flights-panel flights-panel-left">
+			<div class="card shadow-sm">
+				<div class="card-body p-3">
+					<h6 class="mb-2">{$t('flights.liveTitle')}</h6>
+					<input
+						type="search"
+						class="form-control form-control-sm mb-2"
+						data-testid="flights-filter"
+						placeholder={$t('flights.filter')}
+						aria-label={$t('flights.filter')}
+						bind:value={filter} />
+
+					{#if status === 'loading'}
+						<div class="spinner-border spinner-border-sm" role="status"></div>
+					{:else if status === 'error'}
+						<div class="alert alert-danger py-1 px-2 small mb-0">
+							<div>{error}</div>
+							<button class="btn btn-sm btn-link p-0" onclick={load}>{$t('wind.retry')}</button>
+						</div>
+					{:else if status === 'empty'}
+						<p class="small text-muted mb-0" data-testid="flights-empty">
+							{$t('flights.noneLive')}
+						</p>
+					{:else}
+						<div class="list-group list-group-flush" data-testid="flights-list">
+							{#each shown as f (f.id)}
+								<a class="list-group-item list-group-item-action px-2" href={`/track/${f.id}/`}>
+									<div class="d-flex justify-content-between">
+										<span class="small fw-semibold">{f.name || $t('flights.untitled')}</span>
+										<span class="badge text-bg-success align-self-start">
+											{f.packet_count}
+										</span>
+									</div>
+									{#if f.last_position}
+										<div class="small text-muted font-monospace">
+											{formatCoords(
+												f.last_position.lat,
+												f.last_position.lon,
+												$settingsStore.format.coords
+											)}
+											· {Math.round(f.last_position.alt)} m
+										</div>
+									{/if}
+								</a>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			</div>
+		</div>
+
+		<div class="flights-panel flights-panel-right">
+			<TelemetryPanel />
+		</div>
+	</div>
+</div>
+
+<style>
+	.flights-page {
+		position: absolute;
+		inset: var(--navbar-height) 0 0 0;
+	}
+
+	/*
+	 * Narrow: one scrolling column carries the list and the readout, because two
+	 * 320px columns would leave no map between them.
+	 */
+	.flights-panels {
+		position: absolute;
+		top: 0.75rem;
+		left: 0.75rem;
+		width: min(320px, calc(100vw - 1.5rem));
+		max-height: calc(100% - 1.5rem);
+		overflow-y: auto;
+		z-index: 5;
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	/* Wide: the wrapper steps out of the box model and the panels flank the map. */
+	@media (min-width: 768px) {
+		.flights-panels {
+			display: contents;
+		}
+		.flights-panel {
+			position: absolute;
+			top: 0.75rem;
+			width: min(320px, calc(50vw - 1.5rem));
+			max-height: calc(100% - 1.5rem);
+			overflow-y: auto;
+			z-index: 5;
+		}
+		.flights-panel-left {
+			left: 0.75rem;
+		}
+		.flights-panel-right {
+			right: 0.75rem;
+		}
+	}
+</style>
diff --git a/src/routes/flights/FlightMarkers.svelte b/src/routes/flights/FlightMarkers.svelte
new file mode 100644
index 0000000..cbea0db
--- /dev/null
+++ b/src/routes/flights/FlightMarkers.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { onDestroy } from 'svelte';
+	import { getMap } from '$map';
+	import type { Flight } from '$api';
+
+	interface Props {
+		flights: Flight[];
+	}
+	let { flights }: Props = $props();
+
+	/** Draws one marker per public flight at its last known fix. */
+	const map = getMap();
+	if (!map) throw new Error('FlightMarkers must be a descendant of <Map />');
+
+	const SCENE = 'public-flights';
+	let owned = false;
+
+	$effect(() => {
+		if (!map) return;
+		const withFix = flights.filter((f) => f.last_position);
+		const scene = map.scene(SCENE);
+		scene.clear();
+		owned = true;
+
+		for (const f of withFix) {
+			const p = f.last_position!;
+			scene.addCircle(`f-${f.id}`, {
+				center: [p.lon, p.lat],
+				radiusPx: 7,
+				color: '#FF1744', // actual position — red, per the tracking convention
+				strokeColor: '#ffffff',
+				strokeWidth: 2
+			});
+		}
+	});
+
+	onDestroy(() => {
+		if (map && owned) map.disposeScene(SCENE);
+	});
+</script>
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
new file mode 100644
index 0000000..fa4b413
--- /dev/null
+++ b/src/routes/login/+page.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { AuthShell, LoginForm } from '$features/auth';
+</script>
+
+<AuthShell>
+	<LoginForm />
+</AuthShell>
diff --git a/src/routes/p/[token]/+page.svelte b/src/routes/p/[token]/+page.svelte
new file mode 100644
index 0000000..cfad1e7
--- /dev/null
+++ b/src/routes/p/[token]/+page.svelte
@@ -0,0 +1,125 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { page } from '$app/state';
+	import { Map, getMap } from '$map';
+	import { predictionsApi, type SharedPrediction } from '$api';
+	import {
+		parsePrediction,
+		formatCoords,
+		exportPrediction,
+		EXPORT_MIME,
+		type Prediction,
+		type ExportFormat
+	} from '$domain';
+	import { settingsStore } from '$features/settings';
+	import { downloadText } from '$ui';
+	import { t } from '$i18n';
+	import SharedRenderer from './SharedRenderer.svelte';
+
+	/**
+	 * Read-only view of a shared prediction: `/p/<token>`. Anonymous by design —
+	 * the token is the credential, and the backend resolves nothing without it.
+	 */
+	const token = $derived(page.params.token ?? '');
+
+	let shared = $state<SharedPrediction | null>(null);
+	let prediction = $state<Prediction | null>(null);
+	let status = $state<'loading' | 'error' | 'loaded'>('loading');
+
+	onMount(async () => {
+		try {
+			shared = await predictionsApi.shared(token);
+			const stages = shared.result?.prediction;
+			prediction = Array.isArray(stages) && stages.length >= 2 ? parsePrediction(stages) : null;
+			status = 'loaded';
+		} catch {
+			status = 'error';
+		}
+	});
+
+	function download(format: ExportFormat) {
+		if (!prediction) return;
+		downloadText(
+			`shared-prediction.${format}`,
+			EXPORT_MIME[format],
+			exportPrediction(prediction, format, 'Shared prediction')
+		);
+	}
+
+	const fmtTime = (sec: number) => {
+		const m = Math.round(sec / 60);
+		return `${Math.floor(m / 60)}${$t('scenarios.hour')} ${m % 60}${$t('scenarios.min')}`;
+	};
+</script>
+
+<div class="shared-page">
+	<Map center={[129.7, 62.0]} zoom={5}>
+		<SharedRenderer {prediction} />
+	</Map>
+
+	<div class="shared-panel">
+		<div class="card shadow-sm">
+			<div class="card-body">
+				{#if status === 'loading'}
+					<div class="d-flex align-items-center gap-2">
+						<span class="spinner-border spinner-border-sm"></span>
+						<span class="small text-muted">{$t('flights.loading')}</span>
+					</div>
+				{:else if status === 'error'}
+					<h6 class="text-danger mb-1">{$t('history.sharedNotFound')}</h6>
+					<p class="small text-muted mb-0" data-testid="shared-error">
+						{$t('history.sharedTitle')}
+					</p>
+				{:else}
+					<h6 class="mb-2" data-testid="shared-title">{$t('history.sharedTitle')}</h6>
+					{#if prediction}
+						<dl class="row row-cols-2 g-1 small mb-2" data-testid="shared-summary">
+							<div class="col">
+								<dt class="text-muted fw-normal">{$t('scenarios.landing')}</dt>
+								<dd class="mb-0 font-monospace">
+									{formatCoords(
+										prediction.landing.latlng.lat,
+										prediction.landing.latlng.lng,
+										$settingsStore.format.coords
+									)}
+								</dd>
+							</div>
+							<div class="col">
+								<dt class="text-muted fw-normal">{$t('scenarios.flightTime')}</dt>
+								<dd class="mb-0">{fmtTime(prediction.flight_time)}</dd>
+							</div>
+						</dl>
+
+						<!-- A shared link is read-only, but the data is still exportable. -->
+						<div class="btn-group btn-group-sm w-100">
+							{#each ['gpx', 'kml', 'csv'] as const as fmt (fmt)}
+								<button
+									class="btn btn-outline-secondary"
+									data-testid={`shared-export-${fmt}`}
+									onclick={() => download(fmt)}>
+									{fmt.toUpperCase()}
+								</button>
+							{/each}
+						</div>
+					{:else}
+						<p class="small text-muted mb-0">{$t('history.broken')}</p>
+					{/if}
+				{/if}
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.shared-page {
+		position: absolute;
+		inset: 0;
+	}
+	.shared-panel {
+		position: absolute;
+		top: 0.75rem;
+		left: 0.75rem;
+		width: min(320px, calc(100vw - 1.5rem));
+		z-index: 5;
+	}
+</style>
diff --git a/src/routes/p/[token]/SharedRenderer.svelte b/src/routes/p/[token]/SharedRenderer.svelte
new file mode 100644
index 0000000..18c5e48
--- /dev/null
+++ b/src/routes/p/[token]/SharedRenderer.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { onDestroy } from 'svelte';
+	import { getMap, plotPrediction } from '$map';
+	import type { Prediction } from '$domain';
+
+	interface Props {
+		prediction: Prediction | null;
+	}
+	let { prediction }: Props = $props();
+
+	/** Draws the shared trajectory; predicted tracks are blue by convention. */
+	const map = getMap();
+	if (!map) throw new Error('SharedRenderer must be a descendant of <Map />');
+
+	const SCENE = 'shared';
+	let owned = false;
+
+	$effect(() => {
+		if (!map) return;
+		if (!prediction) {
+			if (owned) {
+				map.disposeScene(SCENE);
+				owned = false;
+			}
+			return;
+		}
+		plotPrediction(map.scene(SCENE), prediction, { color: '#1565C0' });
+		owned = true;
+		map.fitBounds(prediction.flight_path, 60);
+	});
+
+	onDestroy(() => {
+		if (map && owned) map.disposeScene(SCENE);
+	});
+</script>
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
new file mode 100644
index 0000000..62b6b1e
--- /dev/null
+++ b/src/routes/register/+page.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { AuthShell, RegisterForm } from '$features/auth';
+</script>
+
+<AuthShell>
+	<RegisterForm />
+</AuthShell>
diff --git a/src/routes/track/[id]/+page.svelte b/src/routes/track/[id]/+page.svelte
new file mode 100644
index 0000000..ba0bf5c
--- /dev/null
+++ b/src/routes/track/[id]/+page.svelte
@@ -0,0 +1,162 @@
+<script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import { page } from '$app/state';
+	import { Map } from '$map';
+	import { Navbar } from '$features/auth';
+	import { TrackRenderer, telemetryStore } from '$features/tracking';
+	import { flightsApi, type Flight, type FlightPrivacy } from '$api';
+	import { authStore } from '$auth';
+	import { settingsStore } from '$features/settings';
+	import { formatCoords } from '$domain';
+	import { addToast } from '$ui';
+	import { t } from '$i18n';
+
+	/**
+	 * Deep-linkable flight page: `/track/<id>`. Works without a session — sharing a
+	 * flight is just copying this link. Private flights 404 for everyone but their
+	 * owner (enforced server-side, including on the telemetry endpoint).
+	 */
+	const id = $derived(page.params.id ?? '');
+
+	let flight = $state<Flight | null>(null);
+	let status = $state<'loading' | 'error' | 'loaded'>('loading');
+	let error = $state('');
+
+	onMount(async () => {
+		// Resolve who we are first so an owner sees their own private flight.
+		await authStore.refresh();
+		try {
+			flight = await flightsApi.get(id);
+			status = 'loaded';
+			telemetryStore.connect(id);
+		} catch (err) {
+			error = (err as Error).message;
+			status = 'error';
+		}
+	});
+
+	onDestroy(() => telemetryStore.disconnect());
+
+	async function setPrivacy(privacy: FlightPrivacy) {
+		if (!flight) return;
+		try {
+			flight = await flightsApi.update(flight.id, { privacy });
+			addToast('success', $t('flights.privacyUpdated'));
+		} catch (err) {
+			addToast('error', (err as Error).message);
+		}
+	}
+
+	async function copyLink() {
+		try {
+			await navigator.clipboard.writeText(window.location.href);
+			addToast('success', $t('flights.linkCopied'));
+		} catch {
+			addToast('error', $t('flights.linkCopyFailed'));
+		}
+	}
+
+	const latest = $derived(telemetryStore.latest);
+</script>
+
+<Navbar />
+<div class="track-page">
+	<Map center={[129.7, 62.0]} zoom={5}>
+		<TrackRenderer />
+	</Map>
+
+	<div class="track-panel">
+		{#if status === 'loading'}
+			<div class="card shadow-sm">
+				<div class="card-body d-flex align-items-center gap-2">
+					<span class="spinner-border spinner-border-sm"></span>
+					<span class="small text-muted">{$t('flights.loading')}</span>
+				</div>
+			</div>
+		{:else if status === 'error'}
+			<div class="card shadow-sm">
+				<div class="card-body">
+					<h6 class="text-danger">{$t('flights.notFound')}</h6>
+					<p class="small text-muted mb-2" data-testid="track-error">{error}</p>
+					<a class="btn btn-sm btn-outline-secondary" href="/flights/">{$t('flights.backToList')}</a>
+				</div>
+			</div>
+		{:else if flight}
+			<div class="card shadow-sm" data-testid="track-card">
+				<div class="card-body">
+					<div class="d-flex justify-content-between align-items-start">
+						<h6 class="mb-1" data-testid="track-name">{flight.name || $t('flights.untitled')}</h6>
+						<span class="badge text-bg-secondary">{$t(`flights.tier_${flight.privacy}`)}</span>
+					</div>
+					<div class="small text-muted mb-2 font-monospace">{flight.id}</div>
+
+					<dl class="row row-cols-2 g-1 small mb-2">
+						<div class="col">
+							<dt class="text-muted fw-normal">{$t('tracking.status')}</dt>
+							<dd class="mb-0" data-testid="track-status">
+								{$t(`tracking.status_${telemetryStore.status}`)}
+							</dd>
+						</div>
+						<div class="col">
+							<dt class="text-muted fw-normal">{$t('tracking.packets')}</dt>
+							<dd class="mb-0 font-monospace">{telemetryStore.points.length}</dd>
+						</div>
+					</dl>
+
+					{#if latest}
+						<dl class="row row-cols-2 g-1 small mb-2" data-testid="track-readout">
+							<div class="col">
+								<dt class="text-muted fw-normal">{$t('predict.launchPoint')}</dt>
+								<dd class="mb-0 font-monospace">
+									{formatCoords(latest.latitude, latest.longitude, $settingsStore.format.coords)}
+								</dd>
+							</div>
+							<div class="col">
+								<dt class="text-muted fw-normal">{$t('predict.altitude')}</dt>
+								<dd class="mb-0 font-monospace">{latest.altitude.toFixed(1)}</dd>
+							</div>
+						</dl>
+					{:else}
+						<p class="small text-muted">{$t('tracking.waitingData')}</p>
+					{/if}
+
+					<button class="btn btn-sm btn-outline-secondary w-100" data-testid="track-share" onclick={copyLink}>
+						<i class="bi bi-link-45deg"></i>
+						{$t('flights.copyLink')}
+					</button>
+
+					{#if flight.is_owner}
+						<hr class="my-2" />
+						<label class="form-label small mb-0" for="track-privacy">{$t('flights.privacy')}</label>
+						<select
+							id="track-privacy"
+							class="form-select form-select-sm"
+							data-testid="track-privacy"
+							value={flight.privacy}
+							onchange={(e) => setPrivacy(e.currentTarget.value as FlightPrivacy)}>
+							<option value="public">{$t('flights.tier_public')}</option>
+							<option value="unlisted">{$t('flights.tier_unlisted')}</option>
+							<option value="private">{$t('flights.tier_private')}</option>
+						</select>
+					{/if}
+				</div>
+			</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.track-page {
+		position: absolute;
+		inset: var(--navbar-height) 0 0 0;
+	}
+	.track-panel {
+		position: absolute;
+		top: 0.75rem;
+		left: 0.75rem;
+		width: min(320px, calc(100vw - 1.5rem));
+		max-height: calc(100% - 1.5rem);
+		overflow-y: auto;
+		z-index: 5;
+	}
+</style>
diff --git a/src/routes/user/account/+page.svelte b/src/routes/user/account/+page.svelte
new file mode 100644
index 0000000..113c040
--- /dev/null
+++ b/src/routes/user/account/+page.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { Navbar } from '$features/auth';
+	import { AccountPanel, UserNav } from '$features/account';
+	import { requireAuthenticated } from '$auth';
+	import { t } from '$i18n';
+
+	let ok = $state(false);
+	onMount(async () => {
+		ok = await requireAuthenticated('/login');
+	});
+</script>
+
+<Navbar />
+<div style="height: var(--navbar-height)"></div>
+{#if ok}
+	<main class="container py-4">
+		<h3 class="mb-4">{$t('account.heading')}</h3>
+		<div class="row">
+			<div class="col-md-3 col-lg-2"><UserNav /></div>
+			<div class="col-md-9 col-lg-10" style="max-width: 720px"><AccountPanel /></div>
+		</div>
+	</main>
+{/if}
diff --git a/src/routes/user/predictions/+page.svelte b/src/routes/user/predictions/+page.svelte
new file mode 100644
index 0000000..b93a1b4
--- /dev/null
+++ b/src/routes/user/predictions/+page.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { Navbar } from '$features/auth';
+	import { UserNav, HistoryPanel } from '$features/account';
+	import { requireAuthenticated } from '$auth';
+	import { t } from '$i18n';
+
+	let ok = $state(false);
+	onMount(async () => {
+		ok = await requireAuthenticated('/login');
+	});
+</script>
+
+<Navbar />
+<div style="height: var(--navbar-height)"></div>
+{#if ok}
+	<main class="container py-4">
+		<h3 class="mb-4">{$t('history.title')}</h3>
+		<div class="row">
+			<div class="col-md-3 col-lg-2"><UserNav /></div>
+			<div class="col-md-9 col-lg-10"><HistoryPanel /></div>
+		</div>
+	</main>
+{/if}
diff --git a/src/scss/_theme-overrides.scss b/src/scss/_theme-overrides.scss
new file mode 100644
index 0000000..ec2a587
--- /dev/null
+++ b/src/scss/_theme-overrides.scss
@@ -0,0 +1,70 @@
+// Parts of the bootstrap5 theme that cannot be expressed as variable overrides
+// on Bootstrap 5.3, because 5.3 rewired the machinery behind them. Imported
+// after the library, so every Bootstrap variable, function and mixin is
+// available here.
+
+// Square switch knob instead of the default circle.
+//
+// In 5.2 this was four $form-switch-*-bg-image variables. They still exist in
+// 5.3, but they are built from colours ($form-switch-focus-color,
+// $form-switch-checked-color) that Bootstrap defines
+// after the point where overrides have to be set, so the images are rewritten
+// here instead of pre-declared.
+// Channels are rounded to integers first. Colours derived through mix()/tint-color()
+// otherwise serialise as `rgb(63.529%, …)`, and escape-svg() does not escape `%`,
+// which leaves a malformed percent-escape inside the data URI. Bootstrap's own
+// switch images have the same flaw; the rules below replace all of them.
+@function theme-switch-knob($color) {
+	$rgba: rgba(round(red($color)), round(green($color)), round(blue($color)), alpha($color));
+
+	@return escape-svg(
+		url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><rect width='6' height='6' x='-3' y='-3' fill='#{$rgba}'/></svg>")
+	);
+}
+
+.form-switch .form-check-input {
+	--#{$prefix}form-switch-bg: #{theme-switch-knob($form-switch-color)};
+
+	&:focus {
+		--#{$prefix}form-switch-bg: #{theme-switch-knob($form-switch-focus-color)};
+	}
+
+	&:checked {
+		--#{$prefix}form-switch-bg: #{theme-switch-knob($form-switch-checked-color)};
+	}
+}
+
+// Solid contextual alerts and list group items.
+//
+// The theme sets every $alert-*-scale and $list-group-item-*-scale to 0%, which
+// in 5.2 collapsed the tint down to the theme colour itself and then flipped
+// the text to whatever contrasts with it. 5.3 dropped those variables and
+// builds the variants from the *-subtle custom properties instead, so the loops
+// below restate the 5.2 result on top of 5.3's CSS variables.
+@each $state, $value in $theme-colors {
+	$contrast: color-contrast($value);
+
+	.alert-#{$state} {
+		--#{$prefix}alert-color: #{$contrast};
+		--#{$prefix}alert-bg: #{$value};
+		--#{$prefix}alert-border-color: #{$value};
+		--#{$prefix}alert-link-color: #{shade-color($contrast, 10%)};
+	}
+
+	.list-group-item-#{$state} {
+		--#{$prefix}list-group-color: #{$contrast};
+		--#{$prefix}list-group-bg: #{$value};
+		--#{$prefix}list-group-border-color: #{$value};
+		--#{$prefix}list-group-action-hover-color: #{$contrast};
+		--#{$prefix}list-group-action-hover-bg: #{shade-color($value, 10%)};
+		--#{$prefix}list-group-action-active-color: #{$contrast};
+		--#{$prefix}list-group-action-active-bg: #{shade-color($value, 10%)};
+		// 5.2 emitted `color: $white; background-color: <the contrast colour>`
+		// here, i.e. white on white for every light variant. That is a bug in
+		// the 0%-scale output rather than a design decision, so the active row
+		// keeps the solid colour and a readable label.
+		--#{$prefix}list-group-active-color: #{$contrast};
+		--#{$prefix}list-group-active-bg: #{shade-color($value, 20%)};
+		--#{$prefix}list-group-active-border-color: #{shade-color($value, 20%)};
+	}
+}
diff --git a/src/scss/_theme.scss b/src/scss/_theme.scss
new file mode 100644
index 0000000..991d260
--- /dev/null
+++ b/src/scss/_theme.scss
@@ -0,0 +1,112 @@
+// Design tokens of the custom Bootstrap build in ../../../bootstrap5.
+//
+// That folder is a customised Bootstrap 5.2.3 source tree: only
+// `scss/_variables.scss` was edited, with the untouched original kept next to
+// it as `_variables_old.scss`. Everything that differs between the two files is
+// reproduced here, so this app keeps the design while still compiling against
+// the Bootstrap 5.3.8 in node_modules.
+//
+// A handful of 5.2 variables were dropped or rewired in 5.3; those are noted
+// below and reproduced in _theme-overrides.scss instead.
+//
+// Requires `bootstrap/scss/functions` to be imported first (shade-color).
+
+// The app is light-only, so 5.3's dark colour mode is switched off outright:
+// no `[data-bs-theme=dark]` rules are emitted and nothing can flip into them.
+$enable-dark-mode: false !default;
+
+// Grays — flatter and warmer than stock, with a soft black.
+$gray-100: #f2f2f2 !default;
+$gray-200: #e2e2e3 !default;
+$gray-300: #d4d4d4 !default;
+$gray-400: #cdcdcd !default;
+$gray-500: #abb3bb !default;
+$gray-600: #a1a3a9 !default;
+$gray-700: #5d6d75 !default;
+$gray-800: #454545 !default;
+$gray-900: #2a2a2a !default;
+$black: #222 !default;
+
+// Brand palette — desaturated, less "default Bootstrap".
+$blue: #457aab !default;
+$indigo: #285580 !default;
+$purple: #8d5fbf !default;
+$red: #c42526 !default;
+$orange: #ff9100 !default;
+$green: #2a8256 !default;
+$teal: #009691 !default;
+$cyan: #0068b3 !default;
+
+// Declared here (matching the Bootstrap default) so the theme variables below
+// can build on it; $secondary and the accordion both need it resolved early.
+$primary: $blue !default;
+$secondary: $gray-700 !default;
+
+// Square, static UI.
+$enable-rounded: false !default;
+$enable-transitions: false !default;
+$enable-negative-margins: true !default;
+
+$border-radius: 0 !default;
+$border-radius-sm: 0 !default;
+$border-radius-lg: 0 !default;
+$border-radius-xl: 0 !default;
+$border-radius-2xl: 0 !default;
+$border-radius-pill: 0 !default;
+
+$link-shade-percentage: 50% !default;
+
+// Typography — Arial first, tighter heading scale, heavier headings.
+$font-family-sans-serif:
+	Arial,
+	sans-serif,
+	'Helvetica Neue',
+	'Liberation Sans',
+	system-ui,
+	-apple-system,
+	'Segoe UI',
+	Roboto,
+	'Noto Sans',
+	'Apple Color Emoji',
+	'Segoe UI Emoji',
+	'Segoe UI Symbol',
+	'Noto Color Emoji' !default;
+$font-family-monospace:
+	Consolas, 'Liberation Mono', 'Courier New', monospace, SFMono-Regular, Menlo, Monaco !default;
+
+// Bootstrap's own default, restated so the heading scale can multiply it.
+$font-size-base: 1rem !default;
+$font-weight-normal: 400 !default;
+
+$h1-font-size: $font-size-base * 2 !default;
+$h2-font-size: $font-size-base * 1.75 !default;
+$h3-font-size: $font-size-base * 1.5 !default;
+$h4-font-size: $font-size-base * 1.25 !default;
+$h5-font-size: $font-size-base * 1.15 !default;
+$headings-font-weight: 600 !default;
+
+// Dense tables, and solid (not tinted) contextual rows.
+$table-cell-padding-y: 0.25rem !default;
+$table-cell-padding-y-sm: 0.125rem !default;
+$table-bg-scale: 0% !default;
+
+// Forms.
+$form-label-margin-bottom: 0.375rem !default;
+$form-check-input-border-radius: 0 !default;
+$form-switch-border-radius: 0 !default;
+// The square switch knob itself lives in _theme-overrides.scss: the four
+// $form-switch-*-bg-image variables depend on colours Bootstrap only defines
+// further down its own _variables.scss (and _variables-dark.scss), so they
+// cannot be set before the library is imported.
+
+$nav-pills-border-radius: 0 !default;
+
+$accordion-button-active-color: shade-color($primary, 100%) !default;
+
+$alert-link-font-weight: $font-weight-normal !default;
+// $alert-*-scale and $list-group-item-*-scale were 0% here, making alerts and
+// list group items solid instead of tinted. Bootstrap 5.3 no longer reads
+// those variables (contextual variants now come from the *-subtle CSS custom
+// properties), so the solid look is rebuilt in _theme-overrides.scss.
+
+$kbd-padding-x: 0.25rem !default;
diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..825b9e6
Binary files /dev/null and b/static/favicon.png differ
diff --git a/static/logo-lg.svg b/static/logo-lg.svg
new file mode 100644
index 0000000..63a2208
--- /dev/null
+++ b/static/logo-lg.svg
@@ -0,0 +1,8 @@
+<svg width="128" height="55" viewBox="0 0 128 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M127.629 26.5648H120.266C120.289 25.5875 120.164 24.7239 119.891 23.9739C119.618 23.2126 119.209 22.5649 118.664 22.0308C118.129 21.4967 117.476 21.0933 116.703 20.8206C115.931 20.5365 115.061 20.3945 114.095 20.3945C112.232 20.3945 110.522 20.8604 108.965 21.7922C107.408 22.724 106.096 24.0762 105.027 25.8489C103.959 27.6102 103.221 29.7409 102.812 32.2408C102.414 34.6498 102.437 36.6668 102.88 38.2918C103.323 39.9168 104.107 41.144 105.232 41.9735C106.368 42.7917 107.783 43.2008 109.476 43.2008C110.522 43.2008 111.516 43.0701 112.459 42.8088C113.402 42.536 114.26 42.1497 115.033 41.6497C115.817 41.1383 116.499 40.519 117.078 39.7918C117.669 39.0645 118.129 38.2407 118.459 37.3202H125.874C125.408 38.9225 124.68 40.4679 123.692 41.9565C122.715 43.4451 121.504 44.7746 120.061 45.945C118.618 47.1041 116.976 48.0245 115.135 48.7063C113.294 49.3882 111.277 49.7291 109.084 49.7291C105.914 49.7291 103.192 49.0018 100.92 47.5473C98.6583 46.0928 97.0276 43.9962 96.0277 41.2576C95.0277 38.5191 94.8402 35.218 95.4652 31.3545C96.0902 27.6159 97.3117 24.4455 99.1299 21.8433C100.959 19.2297 103.181 17.2468 105.795 15.8946C108.419 14.5423 111.226 13.8662 114.215 13.8662C116.294 13.8662 118.175 14.1503 119.857 14.7185C121.538 15.2866 122.97 16.1162 124.152 17.207C125.345 18.2866 126.243 19.6104 126.845 21.1786C127.447 22.7467 127.709 24.5421 127.629 26.5648Z" fill="#1E1E25"/>
+<path d="M85.1998 49.2518L76.4557 34.3715H73.933L71.4615 49.2518H64.0809L69.8763 14.3435H77.2568L74.9386 28.2864H76.4216L90.3304 14.3435H99.5177L83.2226 30.5363L94.353 49.2518H85.1998Z" fill="#1E1E25"/>
+<path d="M58.0299 49.2518H50.6494L55.4391 20.3774H50.4619C49.0415 20.3774 47.8256 20.5877 46.8143 21.0081C45.8143 21.4172 45.0132 22.0195 44.4109 22.8149C43.82 23.6103 43.428 24.5876 43.2348 25.7466C43.053 26.8944 43.1268 27.8546 43.4564 28.6273C43.7973 29.4 44.3995 29.9795 45.2632 30.3659C46.1381 30.7522 47.2802 30.9454 48.6892 30.9454H56.7004L55.7118 36.8771H46.4904C43.82 36.8771 41.6098 36.4339 39.8599 35.5476C38.1213 34.6612 36.8883 33.3885 36.1611 31.7295C35.4338 30.0591 35.2577 28.0648 35.6327 25.7466C36.0304 23.4399 36.8599 21.4342 38.1213 19.7297C39.394 18.0139 41.0417 16.69 43.0643 15.7582C45.087 14.8151 47.4165 14.3435 50.0528 14.3435H63.8082L58.0299 49.2518ZM41.8201 33.3658H49.7801L38.6497 49.2518H30.5192L41.8201 33.3658Z" fill="#1E1E25"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3903 21.7039C5.78668 34.0449 11.4416 47.2087 21.9106 54.1434C12.048 51.1317 2.7851 43.9135 0.832447 34.2409C-2.19369 19.2507 9.53957 4.23493 27.0394 0.702149C35.6391 -1.03391 43.7457 1.00909 50.4165 4.62037C42.6151 2.24532 34.2901 2.97345 27.1391 6.20747C26.0164 5.16499 24.5125 4.52753 22.8596 4.52753C19.3853 4.52753 16.5689 7.34398 16.5689 10.8183C16.5689 11.7004 16.7504 12.5401 17.0782 13.302C14.7667 15.7231 12.8274 18.5389 11.3903 21.7039Z" fill="#008DD2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.8595 17.109C26.3338 17.109 29.1502 14.2926 29.1502 10.8183C29.1502 10.1536 29.0472 9.51302 28.8561 8.91161C31.1779 7.85429 33.6924 7.08033 36.3547 6.64694C43.6811 5.45428 50.7637 7.06258 56.3383 10.6377C43.5445 5.75535 28.5474 12.1054 22.6323 25.0127C17.6132 35.9648 20.7246 48.165 29.4457 54.9259C21.1528 51.7528 14.8535 44.7886 13.4101 35.922C12.2177 28.5968 14.5801 21.452 19.3047 16.0091C20.316 16.703 21.5404 17.109 22.8595 17.109Z" fill="#009846"/>
+<circle cx="22.8595" cy="10.8183" r="3.96366" transform="rotate(-0.650663 22.8595 10.8183)" fill="#C42526"/>
+</svg>
diff --git a/static/logo.svg b/static/logo.svg
new file mode 100644
index 0000000..741bbe4
--- /dev/null
+++ b/static/logo.svg
@@ -0,0 +1,28 @@
+<svg width="305" height="56" viewBox="0 0 305 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M127.296 26.7009H119.933C119.955 25.7237 119.83 24.8601 119.558 24.1101C119.285 23.3487 118.876 22.701 118.331 22.1669C117.796 21.6329 117.143 21.2295 116.37 20.9567C115.598 20.6727 114.728 20.5306 113.762 20.5306C111.899 20.5306 110.189 20.9965 108.632 21.9283C107.075 22.8601 105.763 24.2124 104.694 25.985C103.626 27.7464 102.888 29.877 102.479 32.3769C102.081 34.786 102.104 36.803 102.547 38.428C102.99 40.0529 103.774 41.2802 104.899 42.1097C106.035 42.9279 107.45 43.3369 109.143 43.3369C110.189 43.3369 111.183 43.2063 112.126 42.9449C113.069 42.6722 113.927 42.2858 114.7 41.7858C115.484 41.2745 116.166 40.6552 116.745 39.9279C117.336 39.2007 117.796 38.3768 118.126 37.4564H125.541C125.075 39.0586 124.347 40.604 123.359 42.0926C122.382 43.5812 121.171 44.9108 119.728 46.0812C118.285 47.2403 116.643 48.1607 114.802 48.8425C112.961 49.5243 110.944 49.8652 108.751 49.8652C105.581 49.8652 102.859 49.1379 100.587 47.6834C98.3253 46.2289 96.6946 44.1324 95.6947 41.3938C94.6947 38.6552 94.5072 35.3542 95.1322 31.4906C95.7572 27.7521 96.9787 24.5817 98.7969 21.9795C100.626 19.3659 102.848 17.383 105.461 16.0307C108.086 14.6785 110.893 14.0024 113.882 14.0024C115.961 14.0024 117.842 14.2864 119.524 14.8546C121.205 15.4228 122.637 16.2523 123.819 17.3432C125.012 18.4227 125.91 19.7465 126.512 21.3147C127.114 22.8828 127.376 24.6783 127.296 26.7009Z" fill="#1E1E25"/>
+<path d="M84.8668 49.388L76.1227 34.5076H73.6L71.1284 49.388H63.7479L69.5433 14.4796H76.9238L74.6056 28.4225H76.0886L89.9973 14.4796H99.1846L82.8896 30.6725L94.02 49.388H84.8668Z" fill="#1E1E25"/>
+<path d="M57.6969 49.388H50.3164L55.1061 20.5136H50.1289C48.7085 20.5136 47.4926 20.7238 46.4813 21.1443C45.4813 21.5533 44.6802 22.1556 44.0779 22.951C43.487 23.7465 43.095 24.7237 42.9018 25.8828C42.72 27.0305 42.7938 27.9907 43.1234 28.7634C43.4643 29.5361 44.0665 30.1157 44.9302 30.502C45.8051 30.8884 46.9472 31.0815 48.3562 31.0815H56.3674L55.3788 37.0132H46.1574C43.487 37.0132 41.2768 36.5701 39.5269 35.6837C37.7883 34.7974 36.5553 33.5247 35.8281 31.8656C35.1008 30.1952 34.9247 28.2009 35.2997 25.8828C35.6974 23.576 36.5269 21.5704 37.7883 19.8659C39.061 18.15 40.7087 16.8262 42.7313 15.8944C44.754 14.9512 47.0835 14.4796 49.7198 14.4796H63.4752L57.6969 49.388ZM41.487 33.5019H49.4471L38.3167 49.388H30.1862L41.487 33.5019Z" fill="#1E1E25"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0573 21.8401C5.45367 34.1811 11.1086 47.3449 21.5776 54.2795C11.715 51.2678 2.45209 44.0496 0.499439 34.3771C-2.5267 19.3869 9.20656 4.37107 26.7064 0.838284C35.3061 -0.897771 43.4127 1.14522 50.0835 4.75651C42.2821 2.38145 33.9571 3.10958 26.8061 6.3436C25.6834 5.30112 24.1795 4.66366 22.5266 4.66366C19.0523 4.66366 16.2359 7.48012 16.2359 10.9544C16.2359 11.8365 16.4174 12.6762 16.7452 13.4381C14.4337 15.8592 12.4944 18.6751 11.0573 21.8401Z" fill="#008DD2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5265 17.2452C26.0008 17.2452 28.8172 14.4287 28.8172 10.9544C28.8172 10.2898 28.7141 9.64916 28.5231 9.04774C30.8449 7.99042 33.3594 7.21647 36.0217 6.78307C43.348 5.59041 50.4307 7.19872 56.0053 10.7738C43.2114 5.89148 28.2144 12.2416 22.2993 25.1488C17.2802 36.1009 20.3916 48.3011 29.1127 55.062C20.8198 51.8889 14.5205 44.9248 13.0771 36.0581C11.8847 28.733 14.2471 21.5881 18.9717 16.1452C19.983 16.8391 21.2074 17.2452 22.5265 17.2452Z" fill="#009846"/>
+<path d="M26.4899 10.9094C26.5148 13.0984 24.7605 14.893 22.5716 14.9178C20.3826 14.9427 18.588 13.1884 18.5631 10.9995C18.5383 8.81053 20.2926 7.0159 22.4815 6.99104C24.6705 6.96618 26.4651 8.72051 26.4899 10.9094Z" fill="#C42526"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133.83 50.3023L133.83 13.2885L135.33 13.2885L135.33 50.3023L133.83 50.3023Z" fill="#008DD2"/>
+<path d="M202.963 39.4941H205.708V43.8007H208.461C209.542 43.8007 210.366 43.8789 210.932 44.0351C211.505 44.1848 211.987 44.5169 212.377 45.0312C212.775 45.5455 212.973 46.151 212.973 46.8476C212.973 47.8502 212.628 48.6054 211.938 49.1132C211.248 49.6145 210.213 49.8652 208.833 49.8652H202.963V39.4941ZM205.708 48.1269H208.256C208.92 48.1269 209.402 48.0227 209.702 47.8144C210.001 47.6061 210.151 47.2675 210.151 46.7988C210.151 46.2975 209.956 45.9557 209.565 45.7734C209.181 45.5846 208.487 45.4902 207.485 45.4902H205.708V48.1269ZM214.536 39.4941H217.28V49.8652H214.536V39.4941Z" fill="#1E1E25"/>
+<path d="M191.909 39.4941H201.293V41.7109H197.973V49.8652H195.229V41.7109H191.909V39.4941Z" fill="#1E1E25"/>
+<path d="M188.286 46.5644L191.02 47.0234C190.668 48.026 190.112 48.791 189.35 49.3183C188.595 49.8391 187.648 50.0996 186.508 50.0996C184.705 50.0996 183.37 49.5104 182.504 48.332C181.821 47.388 181.479 46.1966 181.479 44.7578C181.479 43.039 181.928 41.6946 182.827 40.7246C183.725 39.748 184.861 39.2597 186.235 39.2597C187.778 39.2597 188.995 39.7708 189.887 40.7929C190.779 41.8085 191.206 43.3678 191.167 45.4707H184.292C184.311 46.2845 184.532 46.9192 184.956 47.3749C185.379 47.8242 185.906 48.0488 186.538 48.0488C186.967 48.0488 187.329 47.9316 187.622 47.6972C187.915 47.4628 188.136 47.0852 188.286 46.5644ZM188.442 43.791C188.422 42.9967 188.217 42.3945 187.827 41.9843C187.436 41.5677 186.961 41.3593 186.401 41.3593C185.802 41.3593 185.307 41.5774 184.917 42.0136C184.526 42.4498 184.334 43.0423 184.34 43.791H188.442Z" fill="#1E1E25"/>
+<path d="M170.581 39.4941H179.77V49.8652H177.036V41.7207H173.295V46.3789C173.295 47.5638 173.159 48.3971 172.885 48.8789C172.612 49.3541 172.309 49.6666 171.977 49.8164C171.645 49.9661 171.111 50.041 170.375 50.041C169.939 50.041 169.363 49.9824 168.647 49.8652V47.8437C168.706 47.8437 168.859 47.8502 169.106 47.8632C169.392 47.8828 169.614 47.8925 169.77 47.8925C170.141 47.8925 170.369 47.7721 170.454 47.5312C170.538 47.2838 170.581 46.6035 170.581 45.4902V39.4941Z" fill="#1E1E25"/>
+<path d="M157.485 44.5332C157.485 43.6217 157.709 42.7395 158.159 41.8867C158.608 41.0338 159.243 40.3828 160.063 39.9335C160.89 39.4843 161.811 39.2597 162.827 39.2597C164.396 39.2597 165.681 39.7708 166.684 40.7929C167.687 41.8085 168.188 43.0943 168.188 44.6503C168.188 46.2193 167.68 47.5214 166.665 48.5566C165.655 49.5852 164.383 50.0996 162.846 50.0996C161.896 50.0996 160.987 49.8847 160.122 49.455C159.262 49.0253 158.608 48.3971 158.159 47.5703C157.709 46.7369 157.485 45.7246 157.485 44.5332ZM160.297 44.6796C160.297 45.7083 160.542 46.496 161.03 47.0429C161.518 47.5898 162.12 47.8632 162.836 47.8632C163.553 47.8632 164.152 47.5898 164.633 47.0429C165.122 46.496 165.366 45.7018 165.366 44.6601C165.366 43.6445 165.122 42.8632 164.633 42.3164C164.152 41.7695 163.553 41.496 162.836 41.496C162.12 41.496 161.518 41.7695 161.03 42.3164C160.542 42.8632 160.297 43.651 160.297 44.6796Z" fill="#1E1E25"/>
+<path d="M145.922 39.4941H155.131V49.8652H152.387V41.7109H148.666V49.8652H145.922V39.4941Z" fill="#1E1E25"/>
+<path d="M302.036 24.5644L304.77 25.0234C304.418 26.026 303.862 26.791 303.1 27.3183C302.345 27.8391 301.398 28.0996 300.258 28.0996C298.455 28.0996 297.12 27.5104 296.254 26.332C295.571 25.388 295.229 24.1966 295.229 22.7578C295.229 21.039 295.678 19.6946 296.577 18.7246C297.475 17.748 298.611 17.2597 299.985 17.2597C301.528 17.2597 302.745 17.7708 303.637 18.7929C304.529 19.8085 304.956 21.3678 304.917 23.4707H298.042C298.061 24.2845 298.282 24.9192 298.706 25.3749C299.129 25.8242 299.656 26.0488 300.288 26.0488C300.717 26.0488 301.079 25.9316 301.372 25.6972C301.665 25.4628 301.886 25.0852 302.036 24.5644ZM302.192 21.791C302.172 20.9967 301.967 20.3945 301.577 19.9843C301.186 19.5677 300.711 19.3593 300.151 19.3593C299.552 19.3593 299.057 19.5774 298.667 20.0136C298.276 20.4498 298.084 21.0423 298.09 21.791H302.192Z" fill="#1E1E25"/>
+<path d="M278.959 17.4941H281.704V21.8007H284.458C285.538 21.8007 286.362 21.8789 286.928 22.0351C287.501 22.1848 287.983 22.5169 288.374 23.0312C288.771 23.5455 288.969 24.151 288.969 24.8476C288.969 25.8502 288.624 26.6054 287.934 27.1132C287.244 27.6145 286.209 27.8652 284.829 27.8652H278.959V17.4941ZM281.704 26.1269H284.252C284.917 26.1269 285.398 26.0227 285.698 25.8144C285.997 25.6061 286.147 25.2675 286.147 24.7988C286.147 24.2975 285.952 23.9557 285.561 23.7734C285.177 23.5846 284.484 23.4902 283.481 23.4902H281.704V26.1269ZM290.532 17.4941H293.276V27.8652H290.532V17.4941Z" fill="#1E1E25"/>
+<path d="M266.743 17.4941H269.487V21.2929H273.413V17.4941H276.167V27.8652H273.413V23.5097H269.487V27.8652H266.743V17.4941Z" fill="#1E1E25"/>
+<path d="M254.545 17.4941H257.104V19.0175C257.436 18.4967 257.885 18.0735 258.452 17.748C259.018 17.4225 259.646 17.2597 260.336 17.2597C261.541 17.2597 262.563 17.7317 263.403 18.6757C264.243 19.6197 264.663 20.9348 264.663 22.621C264.663 24.3528 264.239 25.7005 263.393 26.664C262.547 27.621 261.521 28.0996 260.317 28.0996C259.744 28.0996 259.223 27.9856 258.754 27.7578C258.292 27.5299 257.804 27.1393 257.29 26.5859V31.8105H254.545V17.4941ZM257.26 22.5039C257.26 23.6692 257.491 24.5318 257.954 25.0917C258.416 25.6451 258.979 25.9218 259.643 25.9218C260.281 25.9218 260.812 25.6679 261.235 25.1601C261.658 24.6458 261.87 23.8059 261.87 22.6406C261.87 21.5533 261.652 20.746 261.215 20.2187C260.779 19.6914 260.239 19.4277 259.594 19.4277C258.924 19.4277 258.367 19.6881 257.924 20.2089C257.482 20.7233 257.26 21.4882 257.26 22.5039Z" fill="#1E1E25"/>
+<path d="M249.497 24.5644L252.231 25.0234C251.879 26.026 251.323 26.791 250.561 27.3183C249.806 27.8391 248.859 28.0996 247.719 28.0996C245.916 28.0996 244.581 27.5104 243.715 26.332C243.032 25.388 242.69 24.1966 242.69 22.7578C242.69 21.039 243.139 19.6946 244.038 18.7246C244.936 17.748 246.072 17.2597 247.446 17.2597C248.989 17.2597 250.206 17.7708 251.098 18.7929C251.99 19.8085 252.417 21.3678 252.377 23.4707H245.502C245.522 24.2845 245.743 24.9192 246.167 25.3749C246.59 25.8242 247.117 26.0488 247.749 26.0488C248.178 26.0488 248.54 25.9316 248.833 25.6972C249.125 25.4628 249.347 25.0852 249.497 24.5644ZM249.653 21.791C249.633 20.9967 249.428 20.3945 249.038 19.9843C248.647 19.5677 248.172 19.3593 247.612 19.3593C247.013 19.3593 246.518 19.5774 246.127 20.0136C245.737 20.4498 245.545 21.0423 245.551 21.791H249.653Z" fill="#1E1E25"/>
+<path d="M232.231 13.5488H234.956V18.8124C235.288 18.2981 235.685 17.914 236.147 17.6601C236.609 17.3997 237.137 17.2695 237.729 17.2695C238.842 17.2695 239.75 17.8098 240.454 18.8906C241.163 19.9648 241.518 21.2506 241.518 22.748C241.518 24.2519 241.121 25.5214 240.327 26.5566C239.539 27.5852 238.605 28.0996 237.524 28.0996C237.036 28.0996 236.577 27.9791 236.147 27.7382C235.717 27.4908 235.32 27.1263 234.956 26.6445V31.8105H232.231V26.6445C231.834 27.1263 231.407 27.4908 230.952 27.7382C230.502 27.9791 230.024 28.0996 229.516 28.0996C228.396 28.0996 227.472 27.582 226.743 26.5468C226.014 25.5117 225.649 24.2096 225.649 22.6406C225.649 21.0846 226.066 19.7988 226.899 18.7832C227.732 17.7675 228.634 17.2597 229.604 17.2597C230.131 17.2597 230.613 17.3834 231.049 17.6308C231.486 17.8782 231.879 18.2493 232.231 18.7441V13.5488ZM230.395 19.3593C229.887 19.3593 229.441 19.6653 229.057 20.2773C228.68 20.8828 228.491 21.6835 228.491 22.6796C228.491 23.6822 228.667 24.4863 229.018 25.0917C229.376 25.6972 229.819 25.9999 230.346 25.9999C230.88 25.9999 231.333 25.6972 231.704 25.0917C232.075 24.4863 232.26 23.6595 232.26 22.6113C232.26 21.472 232.058 20.6451 231.655 20.1308C231.251 19.6165 230.831 19.3593 230.395 19.3593ZM236.811 19.3789C236.251 19.3789 235.795 19.7076 235.444 20.3652C235.092 21.0162 234.917 21.8333 234.917 22.8164C234.917 23.7994 235.102 24.5807 235.473 25.1601C235.851 25.733 236.297 26.0195 236.811 26.0195C237.325 26.0195 237.768 25.694 238.139 25.0429C238.51 24.3919 238.696 23.6236 238.696 22.7382C238.696 21.7942 238.527 20.9999 238.188 20.3554C237.849 19.7044 237.39 19.3789 236.811 19.3789Z" fill="#1E1E25"/>
+<path d="M224.174 20.5605L221.469 21.0488C221.378 20.5084 221.17 20.1015 220.844 19.8281C220.525 19.5546 220.109 19.4179 219.594 19.4179C218.911 19.4179 218.364 19.6555 217.954 20.1308C217.55 20.5996 217.348 21.3873 217.348 22.4941C217.348 23.7246 217.553 24.5937 217.963 25.1015C218.38 25.6093 218.937 25.8632 219.633 25.8632C220.154 25.8632 220.581 25.7167 220.913 25.4238C221.245 25.1243 221.479 24.6132 221.616 23.8906L224.311 24.3496C224.031 25.5865 223.494 26.5208 222.7 27.1523C221.905 27.7838 220.841 28.0996 219.506 28.0996C217.989 28.0996 216.778 27.621 215.874 26.664C214.975 25.707 214.526 24.3821 214.526 22.6894C214.526 20.9772 214.978 19.6458 215.883 18.6953C216.788 17.7382 218.012 17.2597 219.555 17.2597C220.818 17.2597 221.821 17.5332 222.563 18.08C223.312 18.6204 223.849 19.4472 224.174 20.5605Z" fill="#1E1E25"/>
+<path d="M202.543 22.5332C202.543 21.6217 202.768 20.7395 203.217 19.8867C203.667 19.0338 204.301 18.3828 205.122 17.9335C205.948 17.4843 206.87 17.2597 207.885 17.2597C209.454 17.2597 210.74 17.7708 211.743 18.7929C212.745 19.8085 213.247 21.0943 213.247 22.6503C213.247 24.2193 212.739 25.5214 211.723 26.5566C210.714 27.5852 209.441 28.0996 207.905 28.0996C206.954 28.0996 206.046 27.8847 205.18 27.455C204.321 27.0253 203.667 26.3971 203.217 25.5703C202.768 24.7369 202.543 23.7246 202.543 22.5332ZM205.356 22.6796C205.356 23.7083 205.6 24.496 206.088 25.0429C206.577 25.5898 207.179 25.8632 207.895 25.8632C208.611 25.8632 209.21 25.5898 209.692 25.0429C210.18 24.496 210.424 23.7018 210.424 22.6601C210.424 21.6445 210.18 20.8632 209.692 20.3164C209.21 19.7695 208.611 19.496 207.895 19.496C207.179 19.496 206.577 19.7695 206.088 20.3164C205.6 20.8632 205.356 21.651 205.356 22.6796Z" fill="#1E1E25"/>
+<path d="M192.417 17.4941H201.801V19.7109H198.481V27.8652H195.737V19.7109H192.417V17.4941Z" fill="#1E1E25"/>
+<path d="M184.565 20.6582L182.075 20.2089C182.355 19.2063 182.836 18.4641 183.52 17.9824C184.204 17.5006 185.219 17.2597 186.567 17.2597C187.791 17.2597 188.702 17.4062 189.301 17.6992C189.9 17.9856 190.32 18.3535 190.561 18.8027C190.808 19.2454 190.932 20.0624 190.932 21.2539L190.903 24.457C190.903 25.3684 190.945 26.0423 191.03 26.4785C191.121 26.9082 191.287 27.3704 191.528 27.8652H188.813C188.741 27.6829 188.653 27.4127 188.549 27.0546C188.504 26.8919 188.471 26.7845 188.452 26.7324C187.983 27.1881 187.482 27.5299 186.948 27.7578C186.414 27.9856 185.844 28.0996 185.239 28.0996C184.171 28.0996 183.328 27.8098 182.709 27.2304C182.097 26.651 181.792 25.9186 181.792 25.0332C181.792 24.4472 181.931 23.9264 182.211 23.4707C182.491 23.0084 182.882 22.6568 183.383 22.416C183.891 22.1686 184.62 21.9537 185.571 21.7714C186.853 21.5305 187.742 21.3059 188.237 21.0976V20.8242C188.237 20.2968 188.107 19.9225 187.846 19.7011C187.586 19.4733 187.094 19.3593 186.372 19.3593C185.883 19.3593 185.502 19.457 185.229 19.6523C184.956 19.8411 184.734 20.1764 184.565 20.6582ZM188.237 22.8847C187.885 23.0019 187.329 23.1419 186.567 23.3046C185.805 23.4674 185.307 23.6269 185.073 23.7832C184.715 24.0371 184.536 24.3593 184.536 24.7499C184.536 25.1341 184.679 25.4661 184.965 25.746C185.252 26.026 185.616 26.166 186.059 26.166C186.554 26.166 187.026 26.0032 187.475 25.6777C187.807 25.4303 188.025 25.1276 188.129 24.7695C188.201 24.5351 188.237 24.0891 188.237 23.4316V22.8847Z" fill="#1E1E25"/>
+<path d="M170.209 17.4941H172.768V19.0175C173.1 18.4967 173.549 18.0735 174.116 17.748C174.682 17.4225 175.31 17.2597 176 17.2597C177.205 17.2597 178.227 17.7317 179.067 18.6757C179.907 19.6197 180.327 20.9348 180.327 22.621C180.327 24.3528 179.903 25.7005 179.057 26.664C178.211 27.621 177.185 28.0996 175.981 28.0996C175.408 28.0996 174.887 27.9856 174.418 27.7578C173.956 27.5299 173.468 27.1393 172.954 26.5859V31.8105H170.209V17.4941ZM172.924 22.5039C172.924 23.6692 173.155 24.5318 173.618 25.0917C174.08 25.6451 174.643 25.9218 175.307 25.9218C175.945 25.9218 176.476 25.6679 176.899 25.1601C177.322 24.6458 177.534 23.8059 177.534 22.6406C177.534 21.5533 177.316 20.746 176.879 20.2187C176.443 19.6914 175.903 19.4277 175.258 19.4277C174.588 19.4277 174.031 19.6881 173.588 20.2089C173.146 20.7233 172.924 21.4882 172.924 22.5039Z" fill="#1E1E25"/>
+<path d="M159.252 17.4941H168.637V19.7109H165.317V27.8652H162.573V19.7109H159.252V17.4941Z" fill="#1E1E25"/>
+<path d="M155.209 22.6015L158.012 23.4902C157.582 25.0527 156.866 26.2148 155.864 26.9765C154.868 27.7317 153.601 28.1093 152.065 28.1093C150.164 28.1093 148.601 27.4615 147.377 26.166C146.153 24.8639 145.541 23.0865 145.541 20.8339C145.541 18.4511 146.157 16.6022 147.387 15.2871C148.618 13.9654 150.235 13.3046 152.241 13.3046C153.992 13.3046 155.414 13.8222 156.508 14.8574C157.159 15.4693 157.648 16.3483 157.973 17.4941L155.112 18.1777C154.942 17.4355 154.588 16.8496 154.047 16.4199C153.513 15.9902 152.862 15.7753 152.094 15.7753C151.033 15.7753 150.17 16.1562 149.506 16.9179C148.849 17.6796 148.52 18.9134 148.52 20.6191C148.52 22.429 148.845 23.718 149.497 24.4863C150.148 25.2545 150.994 25.6386 152.036 25.6386C152.804 25.6386 153.465 25.3945 154.018 24.9062C154.571 24.4179 154.969 23.6497 155.209 22.6015Z" fill="#1E1E25"/>
+</svg>
diff --git a/static/marker-sm-red.png b/static/marker-sm-red.png
new file mode 100644
index 0000000..62806ab
Binary files /dev/null and b/static/marker-sm-red.png differ
diff --git a/static/pop-marker.png b/static/pop-marker.png
new file mode 100644
index 0000000..a111bfe
Binary files /dev/null and b/static/pop-marker.png differ
diff --git a/static/target-blue.png b/static/target-blue.png
new file mode 100644
index 0000000..6ef9e5b
Binary files /dev/null and b/static/target-blue.png differ
diff --git a/static/target-red.png b/static/target-red.png
new file mode 100644
index 0000000..c3222b8
Binary files /dev/null and b/static/target-red.png differ
diff --git a/svelte.config.js b/svelte.config.js
new file mode 100644
index 0000000..f89976e
--- /dev/null
+++ b/svelte.config.js
@@ -0,0 +1,22 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	preprocess: vitePreprocess(),
+	kit: {
+		adapter: adapter({ fallback: 'index.html' }),
+		alias: {
+			$domain: 'src/lib/domain',
+			$state: 'src/lib/state',
+			$api: 'src/lib/api',
+			$auth: 'src/lib/auth',
+			$map: 'src/lib/map',
+			$ui: 'src/lib/ui',
+			$i18n: 'src/lib/i18n',
+			$features: 'src/lib/features'
+		}
+	}
+};
+
+export default config;
diff --git a/tests/e2e/account.spec.ts b/tests/e2e/account.spec.ts
new file mode 100644
index 0000000..6176d20
--- /dev/null
+++ b/tests/e2e/account.spec.ts
@@ -0,0 +1,26 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page, user = 'demo', pass = 'demo') {
+	await page.goto('/login/');
+	await page.fill('#lg-username', user);
+	await page.fill('#lg-password', pass);
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('account page loads the profile and updates the email', async ({ page }) => {
+	await login(page);
+	await page.goto('/user/account/');
+	await expect(page.locator('#ac-email')).toHaveValue('demo@example.com');
+	await page.fill('#ac-email', 'demo2@example.com');
+	await page.getByRole('button', { name: /save|сохранить/i }).click();
+	await expect(page.locator('.toast')).toBeVisible();
+});
+
+test('delete-data requires an inline confirm', async ({ page }) => {
+	await login(page);
+	await page.goto('/user/account/');
+	await page.getByRole('button', { name: /delete my data|удалить мои данные/i }).click();
+	await page.getByTestId('confirm-delete-data').click();
+	await expect(page.locator('.toast')).toBeVisible();
+});
diff --git a/tests/e2e/admin.spec.ts b/tests/e2e/admin.spec.ts
new file mode 100644
index 0000000..97d11d8
--- /dev/null
+++ b/tests/e2e/admin.spec.ts
@@ -0,0 +1,54 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page, user: string, pass: string) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', user);
+	await page.fill('#lg-password', pass);
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('a non-staff user cannot reach the admin panel', async ({ page }) => {
+	await login(page, 'demo', 'demo');
+	// The menu entry is staff-only...
+	await page.getByTestId('nav-menu').click();
+	await expect(page.getByTestId('nav-admin')).toHaveCount(0);
+
+	// ...and visiting the route directly redirects away from it.
+	await page.goto('/admin/');
+	await expect(page).toHaveURL(/\/app/);
+	await expect(page.getByTestId('admin-table')).toHaveCount(0);
+});
+
+test('staff can list, search and deactivate a user', async ({ page }) => {
+	await login(page, 'admin', 'admin');
+	await page.getByTestId('nav-menu').click();
+	await page.getByTestId('nav-admin').click();
+	await expect(page.getByTestId('admin-table')).toBeVisible();
+
+	// Both seeded users are listed.
+	await expect(page.getByTestId('admin-row')).toHaveCount(2);
+
+	// Search narrows the list.
+	await page.getByTestId('admin-search').fill('demo');
+	await expect(page.getByTestId('admin-row')).toHaveCount(1);
+
+	// Deactivation asks for an inline confirm first.
+	await page.getByTestId('admin-deactivate').click();
+	await page.getByTestId('admin-confirm-deactivate').click();
+	await expect(page.getByTestId('admin-state')).toContainText(/отключён|disabled/i);
+
+	// And it can be reversed.
+	await page.getByTestId('admin-activate').click();
+	await expect(page.getByTestId('admin-state')).toContainText(/активен|active/i);
+});
+
+test('staff cannot deactivate their own account', async ({ page }) => {
+	await login(page, 'admin', 'admin');
+	await page.goto('/admin/');
+	await page.getByTestId('admin-search').fill('admin');
+	await expect(page.getByTestId('admin-row')).toHaveCount(1);
+	// The row is marked as "you" and offers no deactivate control.
+	await expect(page.getByTestId('admin-row')).toContainText(/вы|you/i);
+	await expect(page.getByTestId('admin-deactivate')).toHaveCount(0);
+});
diff --git a/tests/e2e/auth.spec.ts b/tests/e2e/auth.spec.ts
new file mode 100644
index 0000000..9923a77
--- /dev/null
+++ b/tests/e2e/auth.spec.ts
@@ -0,0 +1,24 @@
+import { test, expect } from '@playwright/test';
+
+test('anonymous visitor is redirected to /login', async ({ page }) => {
+	await page.goto('/app/');
+	await expect(page).toHaveURL(/\/login/);
+});
+
+test('valid credentials log in and reach the app', async ({ page }) => {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	// Who you are signed in as lives behind the burger.
+	await page.getByTestId('nav-menu').click();
+	await expect(page.getByTestId('app-heading')).toContainText('demo');
+});
+
+test('invalid credentials show an inline error', async ({ page }) => {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'wrong');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('login-error')).toBeVisible();
+});
diff --git a/tests/e2e/curve.spec.ts b/tests/e2e/curve.spec.ts
new file mode 100644
index 0000000..45dba53
--- /dev/null
+++ b/tests/e2e/curve.spec.ts
@@ -0,0 +1,52 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+async function openCurveEditor(page: Page) {
+	// The builder (and so the curve editor) is desktop-only.
+	await page.setViewportSize({ width: 1400, height: 900 });
+	await login(page);
+	// The curve editor is a leaf modal opened from a piecewise stage inside the
+	// inline profile builder — never a standalone entry point (guidelines §6.4).
+	await page.selectOption('#cp-profile', 'custom_profile');
+	await expect(page.getByTestId('profile-builder')).toBeVisible();
+	await page.getByTestId('stage-solver').first().selectOption('piecewise');
+	await page.getByTestId('stage-open-curve').click();
+	await expect(page.getByTestId('curve-modal')).toBeVisible();
+}
+
+test('the curve editor imports CSV and applies the curve', async ({ page }) => {
+	await openCurveEditor(page);
+	await expect(page.getByTestId('curve-chart')).toBeVisible();
+
+	await page.getByTestId('curve-csv-toggle').click();
+	await page.getByTestId('curve-csv').fill('time_s,altitude_m,rate_ms\n0,0,0\n600,3000,5\n1200,9000,10');
+	await page.getByTestId('curve-csv-import').click();
+
+	// Three imported points, and the implied-rate readout follows them.
+	await expect(page.getByTestId('curve-rows').locator('tr')).toHaveCount(3);
+	await expect(page.getByTestId('curve-rates')).toContainText('5.00 m/s');
+	await expect(page.getByTestId('curve-rates')).toContainText('10.00 m/s');
+
+	await page.getByTestId('curve-apply').click();
+	await expect(page.getByTestId('curve-modal')).toHaveCount(0);
+	// The applied curve is recorded on the stage (badge shows the point count).
+	await expect(page.getByTestId('stage-open-curve')).toContainText('3');
+});
+
+test('a non-monotonic curve is flagged and cannot be applied', async ({ page }) => {
+	await openCurveEditor(page);
+	await page.getByTestId('curve-csv-toggle').click();
+	// Time goes backwards on the third row.
+	await page.getByTestId('curve-csv').fill('0,0,0\n600,3000,5\n300,9000,10');
+	await page.getByTestId('curve-csv-import').click();
+
+	await expect(page.getByTestId('curve-problems')).toBeVisible();
+	await expect(page.getByTestId('curve-apply')).toBeDisabled();
+});
diff --git a/tests/e2e/ensemble.spec.ts b/tests/e2e/ensemble.spec.ts
new file mode 100644
index 0000000..0e9915f
--- /dev/null
+++ b/tests/e2e/ensemble.spec.ts
@@ -0,0 +1,38 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('an ensemble run draws a probabilistic landing footprint', async ({ page }) => {
+	await login(page);
+
+	// The run is asynchronous: it returns a job, then the UI polls until it settles.
+	await page.getByTestId('run-ensemble-btn').click();
+	await expect(page.getByTestId('ensemble-summary')).toBeVisible({ timeout: 20000 });
+	await expect(page.getByTestId('ensemble-summary')).toContainText('21');
+
+	// The footprint is its own scene: member scatter + mean + 95% ellipse.
+	const ensembleLayers = () =>
+		page.evaluate(() => {
+			const map = (window as unknown as { _sfMap?: { getStyle(): { layers: { id: string }[] } } })
+				._sfMap;
+			if (!map) return [] as string[];
+			return map
+				.getStyle()
+				.layers.map((l) => l.id)
+				.filter((id) => id.startsWith('ens/'))
+				.map((id) => id.split('__')[1]);
+		});
+
+	await expect.poll(ensembleLayers).toContain('ellipse');
+	await expect.poll(ensembleLayers).toContain('mean');
+	// One dot per member.
+	await expect
+		.poll(async () => (await ensembleLayers()).filter((id) => id.startsWith('m-')).length)
+		.toBe(21);
+});
diff --git a/tests/e2e/export.spec.ts b/tests/e2e/export.spec.ts
new file mode 100644
index 0000000..eda94e4
--- /dev/null
+++ b/tests/e2e/export.spec.ts
@@ -0,0 +1,63 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('a computed scenario exports as GPX, KML and CSV', async ({ page }) => {
+	await login(page);
+	await page.getByTestId('run-btn').click();
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+
+	for (const fmt of ['gpx', 'kml', 'csv'] as const) {
+		const download = page.waitForEvent('download');
+		await page.getByTestId(`export-${fmt}`).click();
+		const file = await download;
+		expect(file.suggestedFilename()).toMatch(new RegExp(`\\.${fmt}$`));
+	}
+});
+
+test('a shared link opens read-only without a session and can be revoked', async ({
+	page,
+	context
+}) => {
+	await login(page);
+	await page.getByTestId('run-btn').click();
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+
+	// Mint a share link from the history row.
+	await page.goto('/user/predictions/');
+	await context.grantPermissions(['clipboard-read', 'clipboard-write']);
+	await page.getByTestId('history-share').first().click();
+	await expect(page.locator('.toast')).toBeVisible();
+	const url = await page.evaluate(() => navigator.clipboard.readText());
+	expect(url).toMatch(/\/p\/[0-9a-f-]{36}\//);
+
+	// The link resolves for a visitor with no session at all.
+	const anon = await context.browser()!.newContext();
+	const anonPage = await anon.newPage();
+	await anonPage.goto(url);
+	await expect(anonPage.getByTestId('shared-summary')).toBeVisible({ timeout: 15000 });
+	// It is read-only: no run controls, but the data is still exportable.
+	await expect(anonPage.getByTestId('run-btn')).toHaveCount(0);
+	await expect(anonPage.getByTestId('shared-export-gpx')).toBeVisible();
+
+	// Revoking breaks the link. The share endpoint is keyed by the prediction id
+	// (the token only grants read access), so take the id from the shared page.
+	const predictionId = await anonPage.evaluate(async (u: string) => {
+		const token = u.split('/p/')[1].replace(/\/$/, '');
+		const res = await fetch(`/api/predictions/shared/${token}/`);
+		return (await res.json()).id as string;
+	}, url);
+
+	const revoke = await page.request.delete(`/api/predictions/${predictionId}/share/`);
+	expect(revoke.ok()).toBe(true);
+
+	await anonPage.reload();
+	await expect(anonPage.getByTestId('shared-error')).toBeVisible();
+	await anon.close();
+});
diff --git a/tests/e2e/flights.spec.ts b/tests/e2e/flights.spec.ts
new file mode 100644
index 0000000..edbc4c8
--- /dev/null
+++ b/tests/e2e/flights.spec.ts
@@ -0,0 +1,68 @@
+import { test, expect, type Page } from '@playwright/test';
+
+const PUBLIC_ID = '550e8400-e29b-41d4-a716-446655440000'; // "ЯКС-1", public
+const UNLISTED_ID = '550e8400-e29b-41d4-a716-446655440001'; // "Тестовый", unlisted
+const PRIVATE_ID = '550e8400-e29b-41d4-a716-446655440002'; // "Секретный", admin-owned
+
+async function login(page: Page, user: string, pass: string) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', user);
+	await page.fill('#lg-password', pass);
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('the public flight list is reachable without signing in', async ({ page }) => {
+	await page.goto('/flights/');
+	await expect(page.getByTestId('flights-list')).toBeVisible();
+	// Only public flights are listed — unlisted and private ones are not.
+	await expect(page.getByTestId('flights-list')).toContainText('ЯКС-1');
+	await expect(page.getByTestId('flights-list')).not.toContainText('Тестовый');
+	await expect(page.getByTestId('flights-list')).not.toContainText('Секретный');
+});
+
+test('a shared flight link opens anonymously and streams telemetry', async ({ page }) => {
+	await page.goto(`/track/${PUBLIC_ID}/`);
+	await expect(page.getByTestId('track-name')).toHaveText('ЯКС-1');
+	// History loads, then the socket takes over — no session involved.
+	await expect(page.getByTestId('track-readout')).toBeVisible({ timeout: 15000 });
+	await expect(page.getByTestId('track-status')).toContainText(/на связи|live/i, {
+		timeout: 15000
+	});
+});
+
+test('an unlisted flight opens by link but is absent from the list', async ({ page }) => {
+	await page.goto(`/track/${UNLISTED_ID}/`);
+	await expect(page.getByTestId('track-name')).toHaveText('Тестовый');
+});
+
+test('a private flight is not readable by others', async ({ page }) => {
+	// Anonymous: hidden.
+	await page.goto(`/track/${PRIVATE_ID}/`);
+	await expect(page.getByTestId('track-error')).toBeVisible();
+
+	// A signed-in non-owner: still hidden.
+	await login(page, 'demo', 'demo');
+	await page.goto(`/track/${PRIVATE_ID}/`);
+	await expect(page.getByTestId('track-error')).toBeVisible();
+});
+
+test('the owner sees a private flight and can change its tier', async ({ page }) => {
+	await login(page, 'admin', 'admin');
+	await page.goto(`/track/${PRIVATE_ID}/`);
+	await expect(page.getByTestId('track-name')).toHaveText('Секретный');
+
+	// Owners get the privacy control; it takes effect immediately.
+	const privacy = page.getByTestId('track-privacy');
+	await expect(privacy).toHaveValue('private');
+	await privacy.selectOption('public');
+	await expect(page.getByTestId('track-card')).toContainText(/публичный|public/i);
+
+	// Now it shows up on the public map, and reverting hides it again.
+	await page.goto('/flights/');
+	await expect(page.getByTestId('flights-list')).toContainText('Секретный');
+	await page.goto(`/track/${PRIVATE_ID}/`);
+	await page.getByTestId('track-privacy').selectOption('private');
+	await page.goto('/flights/');
+	await expect(page.getByTestId('flights-list')).not.toContainText('Секретный');
+});
diff --git a/tests/e2e/history.spec.ts b/tests/e2e/history.spec.ts
new file mode 100644
index 0000000..42eb94d
--- /dev/null
+++ b/tests/e2e/history.spec.ts
@@ -0,0 +1,66 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+/** Every run is persisted server-side, so running one seeds the history. */
+async function runPrediction(page: Page) {
+	await page.getByTestId('run-btn').click();
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+}
+
+test('a run appears in history with its landing and flight time', async ({ page }) => {
+	await login(page);
+	await runPrediction(page);
+
+	await page.goto('/user/predictions/');
+	await expect(page.getByTestId('history-table')).toBeVisible();
+	const rows = page.getByTestId('history-table').locator('tbody tr');
+	await expect(rows.first()).toBeVisible();
+	// Mock history is shared across the run and may also hold ensemble rows, so
+	// assert that at least one single-run row carries a derived flight time.
+	await expect(rows.filter({ hasText: /\d+ч \d+мин|\dh \d+min/ }).first()).toBeVisible();
+
+	await page.getByTestId('history-detail').first().click();
+	await expect(page.getByTestId('history-detail-card')).toContainText('complete');
+});
+
+test('deleting a prediction offers undo and restores it', async ({ page }) => {
+	await login(page);
+	await runPrediction(page);
+	await page.goto('/user/predictions/');
+
+	// The mock keeps history in dev-server state shared by the whole run, so
+	// assert on the change rather than an absolute count.
+	const rows = page.getByTestId('history-table').locator('tbody tr');
+	await expect(rows.first()).toBeVisible();
+	const before = await rows.count();
+
+	await page.getByTestId('history-delete').first().click();
+	await expect(page.getByTestId('undo-bar')).toBeVisible();
+	if (before === 1) {
+		await expect(page.getByTestId('history-empty')).toBeVisible();
+	} else {
+		await expect(rows).toHaveCount(before - 1);
+	}
+
+	// Undo cancels the pending server call and restores the row.
+	await page.getByTestId('undo-delete').click();
+	await expect(page.getByTestId('history-table').locator('tbody tr')).toHaveCount(before);
+});
+
+test('a past run can be loaded back into a new scenario', async ({ page }) => {
+	await login(page);
+	await runPrediction(page);
+	await page.goto('/user/predictions/');
+
+	await page.getByTestId('history-load').first().click();
+	// It lands on the map view with an extra scenario built from the stored request.
+	await expect(page).toHaveURL(/\/app/);
+	await expect(page.getByTestId('select-scenario')).toHaveCount(2);
+});
diff --git a/tests/e2e/library.spec.ts b/tests/e2e/library.spec.ts
new file mode 100644
index 0000000..4605d77
--- /dev/null
+++ b/tests/e2e/library.spec.ts
@@ -0,0 +1,41 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('loading a saved point links it, editing marks it modified', async ({ page }) => {
+	await login(page);
+	const chip = page.getByTestId('point-chip');
+	await expect(chip).toContainText(/Своя точка|Custom/);
+
+	await page.selectOption('#cp-point', '1'); // seeded "sjsa-start"
+	await expect(chip).toContainText('sjsa-start');
+	await expect(chip).not.toContainText(/изменено|modified/);
+
+	// Editing a linked value dirties it — the saved point itself is untouched.
+	await page.fill('#cp-lat', '63.5');
+	await expect(chip).toContainText(/изменено|modified/);
+	await expect(page.getByTestId('point-update')).toBeEnabled();
+});
+
+test('applying a template shows its provenance chip', async ({ page }) => {
+	await login(page);
+	await page.selectOption('#cp-template', '1'); // seeded "Высотный"
+	await expect(page.getByTestId('template-chip')).toContainText('Высотный');
+	// The template's burst altitude was copied into the live scenario.
+	await expect(page.locator('#cp-burst')).toHaveValue('33000');
+});
+
+test('save-as-new adds a point to the library', async ({ page }) => {
+	await login(page);
+	await page.getByTestId('point-save-as').click();
+	await page.getByTestId('point-name').fill('e2e-point');
+	await page.getByTestId('point-save').click();
+	await expect(page.getByTestId('point-chip')).toContainText('e2e-point');
+	await expect(page.locator('#cp-point option', { hasText: 'e2e-point' })).toHaveCount(1);
+});
diff --git a/tests/e2e/map.spec.ts b/tests/e2e/map.spec.ts
new file mode 100644
index 0000000..36e9b9e
--- /dev/null
+++ b/tests/e2e/map.spec.ts
@@ -0,0 +1,15 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('the map renders on /app after login', async ({ page }) => {
+	await login(page);
+	// MapLibre mounts its WebGL canvas once the style loads.
+	await expect(page.locator('.maplibregl-canvas')).toBeVisible({ timeout: 20000 });
+});
diff --git a/tests/e2e/prediction.spec.ts b/tests/e2e/prediction.spec.ts
new file mode 100644
index 0000000..69af71a
--- /dev/null
+++ b/tests/e2e/prediction.spec.ts
@@ -0,0 +1,16 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('configure + run a prediction and see the flight time', async ({ page }) => {
+	await login(page);
+	// A default scenario is auto-created on /app; run it via the Conditions panel.
+	await page.getByTestId('run-btn').click();
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+});
diff --git a/tests/e2e/profile.spec.ts b/tests/e2e/profile.spec.ts
new file mode 100644
index 0000000..3ae88b1
--- /dev/null
+++ b/tests/e2e/profile.spec.ts
@@ -0,0 +1,89 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+/** The builder is desktop-only, so pin a wide viewport before revealing it. */
+async function openBuilder(page: Page) {
+	await page.setViewportSize({ width: 1400, height: 900 });
+	await login(page);
+	await page.selectOption('#cp-profile', 'custom_profile');
+	await expect(page.getByTestId('profile-builder')).toBeVisible();
+}
+
+test('the builder is revealed only by the custom profile', async ({ page }) => {
+	await page.setViewportSize({ width: 1400, height: 900 });
+	await login(page);
+	// Progressive disclosure: the standard profile shows no stage list.
+	await expect(page.getByTestId('profile-builder')).toHaveCount(0);
+
+	await page.selectOption('#cp-profile', 'custom_profile');
+	await expect(page.getByTestId('profile-builder')).toBeVisible();
+	// It starts from the standard flight expressed as stages.
+	await expect(page.getByTestId('stage-card')).toHaveCount(2);
+});
+
+test('stages can be added, reordered and removed', async ({ page }) => {
+	await openBuilder(page);
+	const names = () => page.getByTestId('stage-name').evaluateAll((els) =>
+		els.map((e) => (e as HTMLInputElement).value)
+	);
+	expect(await names()).toEqual(['ascent', 'descent']);
+
+	await page.getByTestId('add-stage').click();
+	await expect(page.getByTestId('stage-card')).toHaveCount(3);
+
+	// Reordering is by buttons so it stays keyboard-reachable.
+	await page.getByTestId('stage-down').first().click();
+	expect(await names()).toEqual(['descent', 'ascent', 'stage-3']);
+
+	await page.getByTestId('stage-delete').last().click();
+	await expect(page.getByTestId('stage-card')).toHaveCount(2);
+});
+
+test('a stage with no exit is reported as invalid', async ({ page }) => {
+	await openBuilder(page);
+	await expect(page.getByTestId('profile-problems')).toHaveCount(0);
+
+	// Remove the ascent stage's only "advance when" condition.
+	await page.getByTestId('advance-row').first().getByRole('button').click();
+	await expect(page.getByTestId('profile-problems')).toContainText(/условия выхода|no exit/i);
+});
+
+test('an abort constraint must point at an existing stage', async ({ page }) => {
+	await openBuilder(page);
+	await page.getByTestId('add-abort').first().click();
+	// It defaults to falling back to the first stage, which is itself — pick another.
+	const fallback = page.getByTestId('abort-fallback').first();
+	await fallback.selectOption('descent');
+	await expect(page.getByTestId('profile-problems')).toHaveCount(0);
+
+	await fallback.selectOption('');
+	await expect(page.getByTestId('profile-problems')).toContainText(/Резервная|fallback/i);
+});
+
+test('a custom profile runs through the v2 endpoint and draws a trajectory', async ({ page }) => {
+	await openBuilder(page);
+	// Change the ascent rate through the stage, not the flat form.
+	await page.getByTestId('stage-rate').first().fill('7');
+
+	const v2 = page.waitForRequest(
+		(r) => r.url().includes('/api/predictions/v2/') && r.method() === 'POST'
+	);
+	await page.getByTestId('run-btn').click();
+	const request = await v2;
+
+	// The request carries the stage list in the predictor's own shape.
+	const body = request.postDataJSON();
+	expect(body.profile).toHaveLength(2);
+	expect(body.profile[0].model).toMatchObject({ type: 'constant_rate', rate: 7 });
+	expect(body.profile[1].model.type).toBe('parachute_descent');
+	expect(body.launch).toHaveProperty('time');
+
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+});
diff --git a/tests/e2e/register.spec.ts b/tests/e2e/register.spec.ts
new file mode 100644
index 0000000..1e14be7
--- /dev/null
+++ b/tests/e2e/register.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from '@playwright/test';
+
+test('a visitor can register and lands in the app', async ({ page }) => {
+	await page.goto('/register/');
+	await page.fill('#rg-username', 'newbie');
+	await page.fill('#rg-email', 'newbie@example.com');
+	await page.fill('#rg-password', 's3curePass!');
+	await page.fill('#rg-password2', 's3curePass!');
+	await page.click('button[type=submit]');
+	await page.getByTestId('nav-menu').click();
+	await expect(page.getByTestId('app-heading')).toContainText('newbie');
+});
+
+test('duplicate username shows an inline error', async ({ page }) => {
+	await page.goto('/register/');
+	await page.fill('#rg-username', 'demo'); // seeded in the mock
+	await page.fill('#rg-email', 'dupe@example.com');
+	await page.fill('#rg-password', 's3curePass!');
+	await page.fill('#rg-password2', 's3curePass!');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('register-error')).toBeVisible();
+});
diff --git a/tests/e2e/scenarios.spec.ts b/tests/e2e/scenarios.spec.ts
new file mode 100644
index 0000000..d0bc8d4
--- /dev/null
+++ b/tests/e2e/scenarios.spec.ts
@@ -0,0 +1,51 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+/** Trajectory layers currently on the map, one scene per scenario. */
+const trackScenes = (page: Page) =>
+	page.evaluate(() => {
+		const map = (window as unknown as { _sfMap?: { getStyle(): { layers: { id: string }[] } } })
+			._sfMap;
+		if (!map) return [];
+		return [
+			...new Set(
+				map
+					.getStyle()
+					.layers.map((l) => l.id)
+					.filter((id) => id.startsWith('sc/'))
+					.map((id) => id.split('__')[0])
+			)
+		];
+	});
+
+test('two scenarios overlay independently and visibility toggles one off', async ({ page }) => {
+	await login(page);
+
+	// First scenario (auto-created on landing).
+	await page.getByTestId('run-btn').click();
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+	await expect.poll(() => trackScenes(page)).toHaveLength(1);
+
+	// A second scenario with different parameters draws its own scene.
+	await page.getByTestId('add-scenario').click();
+	await page.fill('#cp-burst', '25000');
+	await page.getByTestId('run-btn').click();
+	await expect.poll(() => trackScenes(page)).toHaveLength(2);
+
+	// Both landings are listed for comparison, with a spread between them.
+	await page.getByTestId('tab-compare').click();
+	await expect(page.getByTestId('compare-table').locator('tbody tr')).toHaveCount(2);
+	await expect(page.getByTestId('compare-spread')).toBeVisible();
+
+	// Hiding one scenario removes only its layers.
+	await page.getByTestId('tab-scenarios').click();
+	await page.getByTestId('toggle-visibility').first().click();
+	await expect.poll(() => trackScenes(page)).toHaveLength(1);
+});
diff --git a/tests/e2e/settings.spec.ts b/tests/e2e/settings.spec.ts
new file mode 100644
index 0000000..7e7c258
--- /dev/null
+++ b/tests/e2e/settings.spec.ts
@@ -0,0 +1,39 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('settings persist across a reload and switch the UI language', async ({ page }) => {
+	await login(page);
+	await page.getByTestId('tab-settings').click();
+
+	// Coordinate format is a display-only setting; it must survive a reload.
+	await page.getByTestId('set-format.coords').selectOption('dms');
+	await page.getByTestId('set-format.units').selectOption('imperial');
+
+	// Locale takes effect immediately (dictionaries swap in place).
+	await page.getByTestId('set-locale').selectOption('en');
+	await expect(page.getByTestId('tab-settings')).toHaveText('Settings');
+
+	await page.reload();
+	await page.getByTestId('tab-settings').click();
+	await expect(page.getByTestId('set-format.coords')).toHaveValue('dms');
+	await expect(page.getByTestId('set-format.units')).toHaveValue('imperial');
+	await expect(page.getByTestId('set-locale')).toHaveValue('en');
+});
+
+test('the comparison tab reports landing coordinates for a run scenario', async ({ page }) => {
+	await login(page);
+	await page.getByTestId('run-btn').click();
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+
+	await page.getByTestId('tab-compare').click();
+	await expect(page.getByTestId('compare-table')).toBeVisible();
+	// One scenario → a row, but no spread figure yet (that needs two).
+	await expect(page.getByTestId('compare-spread')).toHaveCount(0);
+});
diff --git a/tests/e2e/smoke.spec.ts b/tests/e2e/smoke.spec.ts
new file mode 100644
index 0000000..446d3b4
--- /dev/null
+++ b/tests/e2e/smoke.spec.ts
@@ -0,0 +1,66 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('every panel tab renders without a console error', async ({ page }) => {
+	const errors: string[] = [];
+	page.on('pageerror', (e) => errors.push(String(e)));
+	page.on('console', (m) => m.type() === 'error' && errors.push(m.text()));
+
+	await login(page);
+	await expect(page.locator('.maplibregl-canvas')).toBeVisible({ timeout: 20000 });
+
+	for (const tab of ['scenarios', 'compare', 'wind', 'settings']) {
+		await page.getByTestId(`tab-${tab}`).click();
+		await expect(page.getByTestId(`tab-${tab}`)).toHaveAttribute('aria-current', 'page');
+	}
+
+	// The timeline and both collapse handles are always present.
+	await expect(page.getByTestId('timeline')).toBeVisible();
+	await expect(page.getByTestId('toggle-left')).toBeVisible();
+	await expect(page.getByTestId('toggle-right')).toBeVisible();
+
+	expect(errors).toEqual([]);
+});
+
+test('panels collapse, reopen, and remember their state across a reload', async ({ page }) => {
+	await login(page);
+	await expect(page.getByTestId('panel-left')).toBeVisible();
+
+	await page.getByTestId('toggle-left').click();
+	await expect(page.getByTestId('panel-left')).toHaveCount(0);
+	await expect(page.getByTestId('toggle-left')).toHaveAttribute('aria-expanded', 'false');
+
+	await page.reload();
+	await expect(page.getByTestId('panel-left')).toHaveCount(0);
+
+	await page.getByTestId('toggle-left').click();
+	await expect(page.getByTestId('panel-left')).toBeVisible();
+});
+
+test('both columns stay open on a narrow viewport, side by side', async ({ page }) => {
+	await login(page);
+	await page.setViewportSize({ width: 800, height: 720 });
+
+	// Below 1024px the columns share the width instead of excluding each other.
+	await expect(page.getByTestId('panel-left')).toBeVisible();
+	await expect(page.getByTestId('panel-right')).toBeVisible();
+
+	// ...and they do not overlap: the map keeps a strip between them.
+	const left = await page.getByTestId('panel-left').boundingBox();
+	const right = await page.getByTestId('panel-right').boundingBox();
+	expect(left).not.toBeNull();
+	expect(right).not.toBeNull();
+	expect(left!.x + left!.width).toBeLessThan(right!.x);
+
+	// Closing one leaves the other untouched.
+	await page.getByTestId('toggle-right').click();
+	await expect(page.getByTestId('panel-right')).toHaveCount(0);
+	await expect(page.getByTestId('panel-left')).toBeVisible();
+});
diff --git a/tests/e2e/timeline.spec.ts b/tests/e2e/timeline.spec.ts
new file mode 100644
index 0000000..cde417d
--- /dev/null
+++ b/tests/e2e/timeline.spec.ts
@@ -0,0 +1,75 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('the timeline activates after a run and scrubs the flight', async ({ page }) => {
+	await login(page);
+
+	// No result yet → the scrubber is inert.
+	const range = page.getByTestId('tl-range');
+	await expect(range).toBeDisabled();
+
+	await page.getByTestId('run-btn').click();
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+
+	// A result sets the global domain, enabling playback.
+	await expect(range).toBeEnabled();
+	await expect(page.getByTestId('tl-elapsed')).toHaveText('00:00:00');
+
+	// Seeking moves the clock (and with it every visible scenario's cursor).
+	await range.fill('3600000'); // one hour into the flight
+	await expect(page.getByTestId('tl-elapsed')).toHaveText('01:00:00');
+
+	// Play flips the control to pause, then pausing restores it.
+	await page.getByTestId('tl-play').click();
+	await expect(page.getByTestId('tl-pause')).toBeVisible();
+	await page.getByTestId('tl-pause').click();
+	await expect(page.getByTestId('tl-play')).toBeVisible();
+});
+
+/**
+ * Regression: durations are not whole seconds, so a stepped slider stopped just
+ * short of max and the cursor stayed in its "in flight" state forever.
+ */
+test('scrubbing to the very end lands the cursor', async ({ page }) => {
+	await login(page);
+	// A rate that yields a duration which is NOT a whole number of seconds —
+	// with a 1s-stepped slider the thumb stops short of max and never lands.
+	await page.fill('#cp-ascent', '5.3');
+	await page.getByTestId('run-btn').click();
+	await expect(page.getByTestId('flight-time')).toBeVisible({ timeout: 15000 });
+
+	const cursorLayers = () =>
+		page.evaluate(() => {
+			// `_sfMap` is the raw MapLibre instance exposed by <Map /> in dev builds.
+			const map = (window as unknown as { _sfMap: { getStyle(): { layers: { id: string }[] } } })
+				._sfMap;
+			return map
+				.getStyle()
+				.layers.map((l) => l.id)
+				.filter((id) => id.startsWith('cursor/'))
+				.map((id) => id.split('__')[1]);
+		});
+
+	const range = page.getByTestId('tl-range');
+	// The scenario card updates before the renderer publishes the clock domain,
+	// so wait for the scrubber to go live or `max` still reads 0.
+	await expect(range).toBeEnabled();
+	const max = await range.getAttribute('max');
+	expect(Number(max)).toBeGreaterThan(0);
+
+	// Rendering is effect-driven, so poll rather than asserting once.
+	// Mid-flight: the animated (ring + core) marker.
+	await range.fill(String(Number(max) / 2));
+	await expect.poll(cursorLayers).toEqual(['marker-ring', 'marker-core']);
+
+	// At the end: swapped for the static landed marker.
+	await range.fill(String(max));
+	await expect.poll(cursorLayers).toEqual(['marker-core']);
+});
diff --git a/tests/e2e/tracking.spec.ts b/tests/e2e/tracking.spec.ts
new file mode 100644
index 0000000..da9c7cf
--- /dev/null
+++ b/tests/e2e/tracking.spec.ts
@@ -0,0 +1,61 @@
+import { test, expect, type Page } from '@playwright/test';
+
+const SAT_ID = '550e8400-e29b-41d4-a716-446655440000';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('an invalid satellite id is rejected before connecting', async ({ page }) => {
+	await login(page);
+	// Tracking is its own mode now, reached from the header.
+	await page.getByTestId('mode-track').click();
+	await page.getByTestId('tr-advanced').locator('summary').click();
+	await page.getByTestId('tr-id').fill('not-a-uuid');
+	await page.getByTestId('tr-connect').click();
+	await expect(page.getByTestId('tr-error')).toBeVisible();
+	await expect(page.getByTestId('tr-status')).toContainText(/ошибка|error/i);
+});
+
+test('following a satellite loads history, goes live, and draws the track', async ({ page }) => {
+	await login(page);
+	// Tracking is its own mode now, reached from the header.
+	await page.getByTestId('mode-track').click();
+	await page.getByTestId('tr-advanced').locator('summary').click();
+	await page.getByTestId('tr-id').fill(SAT_ID);
+	await page.getByTestId('tr-connect').click();
+
+	// History (20 packets) arrives over REST, then the socket reports "live".
+	await expect(page.getByTestId('tr-status')).toContainText(/на связи|live/i, { timeout: 15000 });
+	await expect(page.getByTestId('tr-readout')).toBeVisible();
+
+	// Returns 0 until the map's style has loaded, so the polls below just wait.
+	const trackLayerCount = () =>
+		page.evaluate(() => {
+			const map = (window as unknown as { _sfMap?: { getStyle(): { layers: { id: string }[] } } })
+				._sfMap;
+			if (!map) return 0;
+			return map
+				.getStyle()
+				.layers.map((l) => l.id)
+				.filter((id) => id.startsWith('telemetry__')).length;
+		});
+
+	// The actual track is drawn in its own scene (line + current-position marker).
+	await expect.poll(trackLayerCount).toBeGreaterThan(0);
+
+	// Live packets keep arriving over the WebSocket (~1/s), extending the track.
+	const before = await page.getByTestId('tr-readout').innerText();
+	await expect
+		.poll(async () => page.getByTestId('tr-readout').innerText(), { timeout: 15000 })
+		.not.toBe(before);
+
+	// Disconnecting clears the track and returns to the idle state.
+	await page.getByTestId('tr-disconnect').click();
+	await expect(page.getByTestId('tr-status')).toContainText(/не подключено|not connected/i);
+	await expect.poll(trackLayerCount).toBe(0);
+});
diff --git a/tests/e2e/wind.spec.ts b/tests/e2e/wind.spec.ts
new file mode 100644
index 0000000..40a06ca
--- /dev/null
+++ b/tests/e2e/wind.spec.ts
@@ -0,0 +1,26 @@
+import { test, expect, type Page } from '@playwright/test';
+
+async function login(page: Page) {
+	await page.goto('/login/');
+	await page.fill('#lg-username', 'demo');
+	await page.fill('#lg-password', 'demo');
+	await page.click('button[type=submit]');
+	await expect(page.getByTestId('nav-menu')).toBeVisible();
+}
+
+test('the wind layer toggles on, loads a field, and toggles off', async ({ page }) => {
+	await login(page);
+
+	// Off by default: no particle canvas, no status line.
+	await expect(page.locator('canvas.wind-particles')).toHaveCount(0);
+
+	await page.getByTestId('tab-wind').click();
+	await page.getByTestId('wind-toggle').check();
+	await expect(page.getByTestId('wind-status')).toContainText(/загружено|loaded/i, {
+		timeout: 15000
+	});
+	await expect(page.locator('canvas.wind-particles')).toHaveCount(1);
+
+	await page.getByTestId('wind-toggle').uncheck();
+	await expect(page.locator('canvas.wind-particles')).toHaveCount(0);
+});
diff --git a/tests/stubs/app-navigation.ts b/tests/stubs/app-navigation.ts
new file mode 100644
index 0000000..1e70b3f
--- /dev/null
+++ b/tests/stubs/app-navigation.ts
@@ -0,0 +1,5 @@
+// Stub for SvelteKit's virtual `$app/navigation` module under Vitest.
+// Tests that care about navigation override these with vi.mock().
+export const goto = async () => {};
+export const invalidate = async () => {};
+export const invalidateAll = async () => {};
diff --git a/tests/unit/authStore.test.ts b/tests/unit/authStore.test.ts
new file mode 100644
index 0000000..644f844
--- /dev/null
+++ b/tests/unit/authStore.test.ts
@@ -0,0 +1,55 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+
+vi.mock('$api', () => {
+	const state = { authed: false, username: 'demo' };
+	return {
+		setUnauthorizedHandler: vi.fn(),
+		authApi: {
+			session: vi.fn(async () => ({ isAuthenticated: state.authed })),
+			whoami: vi.fn(async () => ({ username: state.username, is_staff: false })),
+			login: vi.fn(async () => {
+				state.authed = true;
+				state.username = 'demo';
+				return { detail: 'ok' };
+			}),
+			logout: vi.fn(async () => {
+				state.authed = false;
+				state.username = 'demo';
+			}),
+			register: vi.fn(async (u: string) => {
+				state.authed = true;
+				state.username = u;
+				return { detail: 'ok' };
+			})
+		}
+	};
+});
+vi.mock('$app/navigation', () => ({ goto: vi.fn() }));
+
+import { get } from 'svelte/store';
+import { authStore } from '$auth';
+
+beforeEach(() => authStore.logout());
+
+describe('authStore', () => {
+	it('starts unknown then resolves anonymous', async () => {
+		const s = await authStore.refresh();
+		expect(s.status).toBe('anonymous');
+		expect(get(authStore).username).toBeNull();
+	});
+
+	it('becomes authenticated after login', async () => {
+		await authStore.login('demo', 'demo');
+		const s = get(authStore);
+		expect(s.status).toBe('authenticated');
+		expect(s.username).toBe('demo');
+		expect(s.isStaff).toBe(false);
+	});
+
+	it('registers, auto-logs-in, and exposes the new username', async () => {
+		await authStore.register('newbie', 'newbie@example.com', 's3curePass!');
+		const s = get(authStore);
+		expect(s.status).toBe('authenticated');
+		expect(s.username).toBe('newbie');
+	});
+});
diff --git a/tests/unit/boundingBox.test.ts b/tests/unit/boundingBox.test.ts
new file mode 100644
index 0000000..dec387a
--- /dev/null
+++ b/tests/unit/boundingBox.test.ts
@@ -0,0 +1,35 @@
+import { describe, it, expect } from 'vitest';
+import { computeBoundingBox, boundingBoxRing } from '$domain';
+import type { LatLngTuple } from '$domain';
+
+describe('computeBoundingBox', () => {
+	it('returns null for an empty path', () => {
+		expect(computeBoundingBox([])).toBeNull();
+	});
+
+	it('wraps the extremes and expands by the margin', () => {
+		const path: LatLngTuple[] = [
+			[62.0, 129.0],
+			[62.5, 130.0]
+		];
+		const box = computeBoundingBox(path, 0)!;
+		expect(box.south).toBeCloseTo(62.0, 6);
+		expect(box.north).toBeCloseTo(62.5, 6);
+		expect(box.west).toBeCloseTo(129.0, 6);
+		expect(box.east).toBeCloseTo(130.0, 6);
+
+		const padded = computeBoundingBox(path, 5)!;
+		expect(padded.south).toBeLessThan(62.0);
+		expect(padded.north).toBeGreaterThan(62.5);
+		expect(padded.west).toBeLessThan(129.0);
+		expect(padded.east).toBeGreaterThan(130.0);
+	});
+});
+
+describe('boundingBoxRing', () => {
+	it('is a closed ring of 5 corners (SW repeated)', () => {
+		const ring = boundingBoxRing({ south: 1, west: 2, north: 3, east: 4 });
+		expect(ring).toHaveLength(5);
+		expect(ring[0]).toEqual(ring[4]);
+	});
+});
diff --git a/tests/unit/client.test.ts b/tests/unit/client.test.ts
new file mode 100644
index 0000000..7ec18fb
--- /dev/null
+++ b/tests/unit/client.test.ts
@@ -0,0 +1,84 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { api, ApiError, setUnauthorizedHandler } from '$api';
+
+function mockFetch(status: number, body: unknown) {
+	return vi.fn(
+		async () =>
+			new Response(JSON.stringify(body), {
+				status,
+				headers: { 'content-type': 'application/json' }
+			})
+	);
+}
+
+beforeEach(() => {
+	document.cookie = 'csrftoken=abc';
+});
+
+describe('api client', () => {
+	it('prepends the base URL and returns parsed JSON', async () => {
+		vi.stubGlobal('fetch', mockFetch(200, { username: 'demo' }));
+		const out = await api.get<{ username: string }>('/whoami/');
+		expect(out).toEqual({ username: 'demo' });
+		const url = (fetch as unknown as ReturnType<typeof vi.fn>).mock.calls[0][0];
+		expect(String(url)).toContain('/api/whoami/');
+	});
+
+	it('throws ApiError carrying the backend detail on 4xx', async () => {
+		vi.stubGlobal('fetch', mockFetch(400, { detail: 'Invalid credentials.' }));
+		await expect(api.post('/login/', {})).rejects.toMatchObject({
+			name: 'ApiError',
+			status: 400,
+			detail: 'Invalid credentials.'
+		});
+	});
+
+	// The backend does not speak one error shape: DMR's response validator emits
+	// `detail` as a list of {msg}, Pydantic bodies arrive as a bare list, and a
+	// few endpoints use DRF-style field maps. Stringifying any of those yields
+	// "[object Object]" in the UI, so each shape needs flattening.
+	it('flattens a list-of-objects detail from DMR response validation', async () => {
+		vi.stubGlobal(
+			'fetch',
+			mockFetch(422, { detail: [{ msg: 'Returned status code 400 is not specified', type: 'value_error' }] })
+		);
+		await expect(api.post('/register/', {})).rejects.toMatchObject({
+			detail: 'Returned status code 400 is not specified'
+		});
+	});
+
+	it('flattens a bare list body of Pydantic errors', async () => {
+		vi.stubGlobal(
+			'fetch',
+			mockFetch(400, [
+				{ msg: 'Username must be at least 3 characters', loc: ['username'] },
+				{ msg: 'Invalid email format', loc: ['email'] }
+			])
+		);
+		await expect(api.post('/register/', {})).rejects.toMatchObject({
+			detail: 'Username must be at least 3 characters; Invalid email format'
+		});
+	});
+
+	it('flattens a DRF-style field error map', async () => {
+		vi.stubGlobal('fetch', mockFetch(400, { non_field_errors: ['Point already saved.'] }));
+		await expect(api.post('/points/', {})).rejects.toMatchObject({
+			detail: 'Point already saved.'
+		});
+	});
+
+	it('never surfaces [object Object] for an unrecognised shape', async () => {
+		vi.stubGlobal('fetch', mockFetch(400, { detail: { nested: { deep: true } } }));
+		await expect(api.post('/register/', {})).rejects.toMatchObject({
+			detail: 'Request failed (400)'
+		});
+	});
+
+	it('invokes the unauthorized handler on 401', async () => {
+		const handler = vi.fn();
+		setUnauthorizedHandler(handler);
+		vi.stubGlobal('fetch', mockFetch(401, { detail: 'Unauthorized' }));
+		await expect(api.get('/whoami/')).rejects.toBeInstanceOf(ApiError);
+		expect(handler).toHaveBeenCalledOnce();
+	});
+});
diff --git a/tests/unit/curve.test.ts b/tests/unit/curve.test.ts
new file mode 100644
index 0000000..55604d8
--- /dev/null
+++ b/tests/unit/curve.test.ts
@@ -0,0 +1,87 @@
+import { describe, it, expect } from 'vitest';
+import {
+	normalizeCurve,
+	validateCurve,
+	impliedRates,
+	parseCurveCsv,
+	curveToCsv
+} from '$domain';
+import type { RateCurvePoint } from '$domain';
+
+const curve: RateCurvePoint[] = [
+	{ order: 0, time_constraint: 0, alt_constraint: 0, rate: 0 },
+	{ order: 1, time_constraint: 100, alt_constraint: 500, rate: 0 },
+	{ order: 2, time_constraint: 200, alt_constraint: 1500, rate: 0 }
+];
+
+describe('normalizeCurve', () => {
+	it('sorts by order and renumbers 0..n-1', () => {
+		const shuffled: RateCurvePoint[] = [
+			{ order: 7, time_constraint: 200, alt_constraint: 1500, rate: 0 },
+			{ order: 2, time_constraint: 0, alt_constraint: 0, rate: 0 }
+		];
+		expect(normalizeCurve(shuffled).map((p) => [p.order, p.time_constraint])).toEqual([
+			[0, 0],
+			[1, 200]
+		]);
+	});
+});
+
+describe('validateCurve', () => {
+	it('accepts a strictly increasing curve', () => {
+		expect(validateCurve(curve)).toEqual([]);
+	});
+
+	it('rejects fewer than two points', () => {
+		expect(validateCurve([curve[0]])).toContain('curve.errTooFewPoints');
+	});
+
+	it('rejects non-monotonic time (equal or backwards steps)', () => {
+		const flat = [...curve, { order: 3, time_constraint: 200, alt_constraint: 1600, rate: 0 }];
+		expect(validateCurve(flat)).toContain('curve.errNonMonotonicTime');
+	});
+
+	it('rejects negative time and altitude', () => {
+		const bad: RateCurvePoint[] = [
+			{ order: 0, time_constraint: -10, alt_constraint: -5, rate: 0 },
+			{ order: 1, time_constraint: 10, alt_constraint: 100, rate: 0 }
+		];
+		const problems = validateCurve(bad);
+		expect(problems).toContain('curve.errNegativeTime');
+		expect(problems).toContain('curve.errNegativeAltitude');
+	});
+});
+
+describe('impliedRates', () => {
+	it('derives the vertical rate of each segment', () => {
+		const rates = impliedRates(curve);
+		expect(rates).toHaveLength(2);
+		expect(rates[0].rate).toBeCloseTo(5, 6); // 500 m / 100 s
+		expect(rates[1].rate).toBeCloseTo(10, 6); // 1000 m / 100 s
+	});
+
+	it('skips zero-length segments instead of dividing by zero', () => {
+		const flat: RateCurvePoint[] = [
+			{ order: 0, time_constraint: 0, alt_constraint: 0, rate: 0 },
+			{ order: 1, time_constraint: 0, alt_constraint: 100, rate: 0 }
+		];
+		expect(impliedRates(flat)).toEqual([]);
+	});
+});
+
+describe('parseCurveCsv', () => {
+	it('parses rows, tolerating a header, blank lines and semicolons', () => {
+		const csv = 'time_s,altitude_m,rate_ms\n0,0,0\n\n100;500;5\n';
+		const points = parseCurveCsv(csv);
+		expect(points).toHaveLength(2);
+		expect(points[1]).toMatchObject({ order: 1, time_constraint: 100, alt_constraint: 500, rate: 5 });
+	});
+
+	it('returns nothing for text with no numeric rows', () => {
+		expect(parseCurveCsv('hello\nworld')).toEqual([]);
+	});
+
+	it('round-trips through curveToCsv', () => {
+		expect(parseCurveCsv(curveToCsv(curve))).toHaveLength(curve.length);
+	});
+});
diff --git a/tests/unit/ensemble.test.ts b/tests/unit/ensemble.test.ts
new file mode 100644
index 0000000..6f0718c
--- /dev/null
+++ b/tests/unit/ensemble.test.ts
@@ -0,0 +1,49 @@
+import { describe, it, expect } from 'vitest';
+import { parseEnsemble, ellipseRing } from '$domain';
+import type { EnsembleFootprint } from '$domain';
+
+describe('parseEnsemble', () => {
+	it('narrows an ensemble payload', () => {
+		const parsed = parseEnsemble({
+			ensemble: { members: [{ member: 0, landing: { lat: 1, lng: 2, alt: 0 } }], failed: [] }
+		});
+		expect(parsed?.members).toHaveLength(1);
+		expect(parsed?.footprint).toBeNull();
+	});
+
+	it('rejects a plain single-run result', () => {
+		expect(parseEnsemble({ prediction: [] })).toBeNull();
+		expect(parseEnsemble(null)).toBeNull();
+		expect(parseEnsemble({ ensemble: {} })).toBeNull();
+	});
+});
+
+describe('ellipseRing', () => {
+	const footprint: EnsembleFootprint = {
+		count: 5,
+		mean: { lat: 62, lng: 129 },
+		radius_km: 10,
+		ellipse: { semi_major_km: 20, semi_minor_km: 10, bearing_deg: 0 }
+	};
+
+	it('returns a closed ring centred on the mean', () => {
+		const ring = ellipseRing(footprint, 32);
+		expect(ring).toHaveLength(33);
+		expect(ring[0][0]).toBeCloseTo(ring[32][0], 9);
+		expect(ring[0][1]).toBeCloseTo(ring[32][1], 9);
+		const lats = ring.map((p) => p[0]);
+		expect((Math.min(...lats) + Math.max(...lats)) / 2).toBeCloseTo(62, 6);
+	});
+
+	it('corrects longitude for latitude so the ellipse is not stretched', () => {
+		const ring = ellipseRing(footprint, 64);
+		const lats = ring.map((p) => p[0]);
+		const lngs = ring.map((p) => p[1]);
+		// 20 km north-south at bearing 0 => ~0.18° of latitude.
+		expect(Math.max(...lats) - 62).toBeCloseTo(20 / 111.32, 3);
+		// 10 km east-west spans more degrees at 62°N than it would at the equator.
+		const halfSpanDeg = Math.max(...lngs) - 129;
+		expect(halfSpanDeg).toBeGreaterThan(10 / 111.32);
+		expect(halfSpanDeg).toBeCloseTo(10 / (111.32 * Math.cos((62 * Math.PI) / 180)), 3);
+	});
+});
diff --git a/tests/unit/export.test.ts b/tests/unit/export.test.ts
new file mode 100644
index 0000000..961797d
--- /dev/null
+++ b/tests/unit/export.test.ts
@@ -0,0 +1,66 @@
+import { describe, it, expect } from 'vitest';
+import { toGpx, toKml, toCsv, parsePrediction, EXPORT_MIME, exportPrediction } from '$domain';
+import type { PredictionStage } from '$domain';
+
+const stages: PredictionStage[] = [
+	{
+		stage: 'ascent',
+		trajectory: [
+			{ altitude: 0, datetime: '2026-01-01T00:00:00Z', latitude: 62.0, longitude: 129.0 },
+			{ altitude: 30000, datetime: '2026-01-01T01:00:00Z', latitude: 62.1, longitude: 129.2 }
+		]
+	},
+	{
+		stage: 'descent',
+		trajectory: [
+			{ altitude: 30000, datetime: '2026-01-01T01:00:00Z', latitude: 62.1, longitude: 129.2 },
+			{ altitude: 0, datetime: '2026-01-01T01:30:00Z', latitude: 62.05, longitude: 129.4 }
+		]
+	}
+];
+const prediction = parsePrediction(stages);
+
+describe('toGpx', () => {
+	it('emits one trkpt per sample with elevation and time', () => {
+		const gpx = toGpx(prediction, 'Flight 1');
+		expect(gpx).toContain('<gpx version="1.1"');
+		expect(gpx.match(/<trkpt /g)).toHaveLength(4);
+		expect(gpx).toContain('lat="62.000000" lon="129.000000"');
+		expect(gpx).toContain('<ele>30000.0</ele>');
+		expect(gpx).toContain('<time>2026-01-01T00:00:00.000Z</time>');
+	});
+
+	it('escapes the name so a quote cannot break the XML', () => {
+		expect(toGpx(prediction, 'A & <B>')).toContain('A &amp; &lt;B&gt;');
+	});
+});
+
+describe('toKml', () => {
+	it('orders coordinates longitude-first and marks the key points', () => {
+		const kml = toKml(prediction);
+		expect(kml).toContain('<kml xmlns="http://www.opengis.net/kml/2.2">');
+		// lon,lat,alt — the opposite order to GPX.
+		expect(kml).toContain('129.000000,62.000000,0.0');
+		expect(kml).toContain('<name>Launch</name>');
+		expect(kml).toContain('<name>Burst</name>');
+		expect(kml).toContain('<name>Landing</name>');
+	});
+});
+
+describe('toCsv', () => {
+	it('writes a header plus one row per sample', () => {
+		const lines = toCsv(prediction).split('\n');
+		expect(lines[0]).toBe('datetime_utc,latitude,longitude,altitude_m');
+		expect(lines).toHaveLength(5);
+		expect(lines[1]).toBe('2026-01-01T00:00:00.000Z,62.000000,129.000000,0.0');
+	});
+});
+
+describe('exportPrediction', () => {
+	it('dispatches by format and exposes a mime type for each', () => {
+		expect(exportPrediction(prediction, 'gpx')).toContain('<gpx');
+		expect(exportPrediction(prediction, 'kml')).toContain('<kml');
+		expect(exportPrediction(prediction, 'csv')).toContain('datetime_utc');
+		expect(Object.keys(EXPORT_MIME).sort()).toEqual(['csv', 'gpx', 'kml']);
+	});
+});
diff --git a/tests/unit/geo.test.ts b/tests/unit/geo.test.ts
new file mode 100644
index 0000000..2d41ee0
--- /dev/null
+++ b/tests/unit/geo.test.ts
@@ -0,0 +1,13 @@
+import { describe, it, expect } from 'vitest';
+import { haversineMeters } from '$domain';
+
+describe('haversineMeters', () => {
+	it('is zero for identical points', () => {
+		expect(haversineMeters({ lat: 55, lon: 37 }, { lat: 55, lon: 37 })).toBe(0);
+	});
+	it('matches a known great-circle distance (London→Paris ≈ 343 km)', () => {
+		const d = haversineMeters({ lat: 51.5074, lon: -0.1278 }, { lat: 48.8566, lon: 2.3522 });
+		expect(d).toBeGreaterThan(340_000);
+		expect(d).toBeLessThan(346_000);
+	});
+});
diff --git a/tests/unit/history.test.ts b/tests/unit/history.test.ts
new file mode 100644
index 0000000..8cedacb
--- /dev/null
+++ b/tests/unit/history.test.ts
@@ -0,0 +1,69 @@
+import { describe, it, expect } from 'vitest';
+import { toHistoryRow } from '$domain';
+import type { RawPrediction } from '$domain';
+
+const result: RawPrediction = {
+	metadata: { start_datetime: '2026-01-01T00:00:00Z', complete_datetime: '2026-01-01T01:30:00Z' },
+	prediction: [
+		{
+			stage: 'ascent',
+			trajectory: [
+				{ altitude: 0, datetime: '2026-01-01T00:00:00Z', latitude: 62.0, longitude: 129.0 },
+				{ altitude: 30000, datetime: '2026-01-01T01:00:00Z', latitude: 62.1, longitude: 129.2 }
+			]
+		},
+		{
+			stage: 'descent',
+			trajectory: [
+				{ altitude: 30000, datetime: '2026-01-01T01:00:00Z', latitude: 62.1, longitude: 129.2 },
+				{ altitude: 0, datetime: '2026-01-01T01:30:00Z', latitude: 62.05, longitude: 129.4 }
+			]
+		}
+	]
+};
+
+describe('toHistoryRow', () => {
+	it('summarises a stored prediction into landing and flight time', () => {
+		const row = toHistoryRow({ id: 'a', created_at: '2026-01-01T00:00:00Z', result });
+		expect(row.broken).toBe(false);
+		expect(row.landing).toEqual({ lat: 62.05, lng: 129.4 });
+		expect(row.flightTime).toBe(90 * 60);
+		expect(row.createdAt.toISOString()).toBe('2026-01-01T00:00:00.000Z');
+	});
+
+	it('marks a run with no result as broken rather than throwing', () => {
+		const row = toHistoryRow({ id: 'b', created_at: '2026-01-01T00:00:00Z', result: null });
+		expect(row.broken).toBe(true);
+		expect(row.landing).toBeNull();
+		expect(row.flightTime).toBe(0);
+	});
+
+	it('summarises an ensemble run by its footprint instead of a trajectory', () => {
+		const row = toHistoryRow({
+			id: 'e',
+			created_at: '2026-01-01T00:00:00Z',
+			result: {
+				ensemble: {
+					members: [{ member: 0, landing: { lat: 62, lng: 129, alt: 0 } }],
+					failed: [],
+					footprint: {
+						count: 21,
+						mean: { lat: 62.5, lng: 129.5 },
+						radius_km: 4.2,
+						ellipse: { semi_major_km: 7, semi_minor_km: 3, bearing_deg: 10 }
+					}
+				}
+			}
+		});
+		expect(row.kind).toBe('ensemble');
+		expect(row.members).toBe(21);
+		expect(row.landing).toEqual({ lat: 62.5, lng: 129.5 });
+		expect(row.broken).toBe(false);
+	});
+
+	it('marks a truncated result (single stage) as broken', () => {
+		const partial = { ...result, prediction: [result.prediction[0]] };
+		const row = toHistoryRow({ id: 'c', created_at: '2026-01-01T00:00:00Z', result: partial });
+		expect(row.broken).toBe(true);
+	});
+});
diff --git a/tests/unit/persisted.test.ts b/tests/unit/persisted.test.ts
new file mode 100644
index 0000000..1ea06dc
--- /dev/null
+++ b/tests/unit/persisted.test.ts
@@ -0,0 +1,47 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { get } from 'svelte/store';
+import { persisted } from '$state';
+
+beforeEach(() => localStorage.clear());
+
+describe('persisted', () => {
+	it('uses the initial value when storage is empty', () => {
+		const s = persisted('k1', 42);
+		expect(get(s)).toBe(42);
+	});
+	it('writes updates to localStorage', () => {
+		const s = persisted('k2', { n: 1 });
+		s.set({ n: 2 });
+		expect(JSON.parse(localStorage.getItem('k2')!)).toEqual({ n: 2 });
+	});
+	it('rehydrates a value written by a previous instance', () => {
+		persisted('k3', 'a').set('b');
+		const s2 = persisted('k3', 'a');
+		expect(get(s2)).toBe('b');
+	});
+
+	/**
+	 * Regression: constructing a store used to broadcast the value it had just
+	 * read, so opening a second tab pushed its stale snapshot over the first one.
+	 */
+	it('does not broadcast the value read at construction', () => {
+		const posted: unknown[] = [];
+		class SpyChannel {
+			onmessage: ((e: { data: unknown }) => void) | null = null;
+			postMessage(v: unknown) {
+				posted.push(v);
+			}
+		}
+		vi.stubGlobal('BroadcastChannel', SpyChannel);
+
+		localStorage.setItem('k4', JSON.stringify({ n: 1 }));
+		const s = persisted('k4', { n: 0 });
+		expect(get(s)).toEqual({ n: 1 });
+		expect(posted).toEqual([]); // nothing announced merely by mounting
+
+		s.set({ n: 2 });
+		expect(posted).toEqual([{ n: 2 }]); // local changes still propagate
+
+		vi.unstubAllGlobals();
+	});
+});
diff --git a/tests/unit/prediction.test.ts b/tests/unit/prediction.test.ts
new file mode 100644
index 0000000..7fcc393
--- /dev/null
+++ b/tests/unit/prediction.test.ts
@@ -0,0 +1,41 @@
+import { describe, it, expect } from 'vitest';
+import { parsePrediction } from '$domain';
+import type { PredictionStage } from '$domain';
+
+const stages: PredictionStage[] = [
+	{
+		stage: 'ascent',
+		trajectory: [
+			{ altitude: 0, datetime: '2026-01-01T00:00:00Z', latitude: 62.0, longitude: 129.0 },
+			{ altitude: 30000, datetime: '2026-01-01T01:00:00Z', latitude: 62.1, longitude: 129.2 }
+		]
+	},
+	{
+		stage: 'descent',
+		trajectory: [
+			{ altitude: 30000, datetime: '2026-01-01T01:00:00Z', latitude: 62.1, longitude: 129.2 },
+			{ altitude: 0, datetime: '2026-01-01T01:30:00Z', latitude: 62.05, longitude: 129.4 }
+		]
+	}
+];
+
+describe('parsePrediction', () => {
+	it('flattens ascent + descent into one flight_path', () => {
+		const p = parsePrediction(stages);
+		expect(p.flight_path).toHaveLength(4);
+		expect(p.timestamps).toHaveLength(4);
+	});
+
+	it('derives launch, burst, and landing points', () => {
+		const p = parsePrediction(stages);
+		expect(p.launch.latlng.lat).toBe(62.0); // ascent[0]
+		expect(p.burst.latlng.alt).toBe(30000); // descent[0]
+		expect(p.landing.latlng.lat).toBe(62.05); // descent[last]
+		expect(p.flight_time).toBe(90 * 60); // 90 minutes, in seconds
+		expect(p.profile).toBe('standard_profile');
+	});
+
+	it('throws when there are fewer than two stages', () => {
+		expect(() => parsePrediction([stages[0]])).toThrow();
+	});
+});
diff --git a/tests/unit/profile.test.ts b/tests/unit/profile.test.ts
new file mode 100644
index 0000000..2046be2
--- /dev/null
+++ b/tests/unit/profile.test.ts
@@ -0,0 +1,144 @@
+import { describe, it, expect } from 'vitest';
+import {
+	standardStages,
+	floatStages,
+	validateProfile,
+	toV2Request,
+	stageSummary,
+	DEFAULT_FLIGHT_PARAMETERS
+} from '$domain';
+import type { ProfileStage } from '$domain';
+
+const params = { ...DEFAULT_FLIGHT_PARAMETERS, ascent_rate: 5, descent_rate: 6, burst_altitude: 30000 };
+
+describe('presets', () => {
+	it('expresses the standard flight as ascent → descent stages', () => {
+		const stages = standardStages(params);
+		expect(stages.map((s) => s.name)).toEqual(['ascent', 'descent']);
+		expect(stages[0].solver).toMatchObject({ type: 'constant_rate', rate: 5 });
+		expect(stages[0].advanceWhen[0]).toMatchObject({ type: 'altitude', op: '>=', limit: 30000 });
+		// Descent ends on the ground, not at an altitude.
+		expect(stages[1].solver).toMatchObject({ type: 'parachute_descent', sea_level_rate: 6 });
+		expect(stages[1].advanceWhen[0].type).toBe('terrain_contact');
+	});
+
+	it('floats by holding altitude on the wind solver', () => {
+		const stages = floatStages(params);
+		expect(stages[1].solver.type).toBe('wind');
+		expect(stages[1].advanceWhen[0].type).toBe('time');
+	});
+});
+
+describe('validateProfile', () => {
+	it('accepts the standard preset', () => {
+		expect(validateProfile(standardStages(params))).toEqual([]);
+	});
+
+	it('rejects an empty profile', () => {
+		expect(validateProfile([])).toEqual(['profileBuilder.errNoStages']);
+	});
+
+	it('rejects a stage that can never end', () => {
+		const stages = standardStages(params);
+		stages[0].advanceWhen = [];
+		expect(validateProfile(stages)).toContain('profileBuilder.errNoExit');
+	});
+
+	it('rejects a fallback pointing at a stage that does not exist', () => {
+		const stages = standardStages(params);
+		stages[0].abortIf = [
+			{ type: 'time', op: '>=', limit: 100, action: 'fallback', fallback: 'nowhere' }
+		];
+		expect(validateProfile(stages)).toContain('profileBuilder.errMissingFallback');
+
+		stages[0].abortIf[0].fallback = 'descent';
+		expect(validateProfile(stages)).not.toContain('profileBuilder.errMissingFallback');
+	});
+
+	it('rejects a scalar constraint missing its operator or limit', () => {
+		const stages = standardStages(params);
+		stages[0].advanceWhen = [{ type: 'altitude', action: 'stop' }];
+		expect(validateProfile(stages)).toContain('profileBuilder.errIncompleteConstraint');
+	});
+
+	it('rejects duplicate and blank stage names', () => {
+		const dup: ProfileStage[] = [...standardStages(params)];
+		dup[1] = { ...dup[1], name: 'ascent' };
+		expect(validateProfile(dup)).toContain('profileBuilder.errDuplicateName');
+
+		const blank = standardStages(params);
+		blank[0].name = '  ';
+		expect(validateProfile(blank)).toContain('profileBuilder.errUnnamedStage');
+	});
+});
+
+describe('toV2Request', () => {
+	it('maps stages to the predictor contract', () => {
+		const req = toV2Request(standardStages(params), params, '2026-01-01T12:00:00.000Z', {
+			source: 'gfs-0p50-3h'
+		});
+		expect(req.launch).toEqual({
+			time: '2026-01-01T12:00:00.000Z',
+			latitude: params.launch_latitude,
+			longitude: params.launch_longitude,
+			altitude: params.launch_altitude
+		});
+		expect(req.direction).toBe('forward');
+		expect(req.source).toBe('gfs-0p50-3h');
+		expect(req.profile[0].model).toEqual({ type: 'constant_rate', rate: 5, include_wind: true });
+		expect(req.profile[1].model).toEqual({
+			type: 'parachute_descent',
+			sea_level_rate: 6,
+			include_wind: true
+		});
+	});
+
+	it('folds advance and abort constraints into one list, keeping their actions', () => {
+		const stages = standardStages(params);
+		stages[0].abortIf = [
+			{ type: 'time', op: '>=', limit: 7200, action: 'fallback', fallback: 'descent' }
+		];
+		const req = toV2Request(stages, params, '2026-01-01T12:00:00.000Z');
+		expect(req.profile[0].constraints).toHaveLength(2);
+		expect(req.profile[0].constraints[1]).toEqual({
+			type: 'time',
+			op: '>=',
+			limit: 7200,
+			action: 'fallback',
+			fallback: 'descent'
+		});
+	});
+
+	it('omits absent optional fields rather than sending nulls', () => {
+		const req = toV2Request(standardStages(params), params, '2026-01-01T12:00:00.000Z');
+		expect(req.profile[1].constraints[0]).toEqual({ type: 'terrain_contact', action: 'stop' });
+		expect('source' in req).toBe(false);
+	});
+
+	it('maps curve points to piecewise segments', () => {
+		const stages: ProfileStage[] = [
+			{
+				name: 'ascent',
+				solver: {
+					type: 'piecewise',
+					include_wind: true,
+					segments: [{ order: 0, time_constraint: 0, alt_constraint: 0, rate: 5 }]
+				},
+				advanceWhen: [{ type: 'terrain_contact', action: 'stop' }],
+				abortIf: []
+			}
+		];
+		const req = toV2Request(stages, params, '2026-01-01T12:00:00.000Z');
+		expect(req.profile[0].model.segments).toEqual([
+			{ reference: 'profile_start', time: 0, altitude: 0, rate: 5 }
+		]);
+	});
+});
+
+describe('stageSummary', () => {
+	it('summarises a stage in one line', () => {
+		const [ascent, descent] = standardStages(params);
+		expect(stageSummary(ascent)).toBe('ascent · 5 m/s → 30000 m');
+		expect(stageSummary(descent)).toBe('descent · 6 m/s → ground');
+	});
+});
diff --git a/tests/unit/provenance.test.ts b/tests/unit/provenance.test.ts
new file mode 100644
index 0000000..1565cf5
--- /dev/null
+++ b/tests/unit/provenance.test.ts
@@ -0,0 +1,32 @@
+import { describe, it, expect } from 'vitest';
+import { pointDirty, templateDirty, DEFAULT_FLIGHT_PARAMETERS } from '$domain';
+import type { FlightParameters, SavedPoint } from '$domain';
+
+const point: SavedPoint = { id: 1, name: 'p', lat: 62.5, lon: 129.5, alt: 100 };
+const paramsAt = (lat: number, lon: number, alt: number): FlightParameters => ({
+	...DEFAULT_FLIGHT_PARAMETERS,
+	launch_latitude: lat,
+	launch_longitude: lon,
+	launch_altitude: alt
+});
+
+describe('pointDirty', () => {
+	it('is clean when coordinates match the saved point', () => {
+		expect(pointDirty(paramsAt(62.5, 129.5, 100), point)).toBe(false);
+	});
+	it('is dirty when any coordinate diverges', () => {
+		expect(pointDirty(paramsAt(62.5001, 129.5, 100), point)).toBe(true);
+		expect(pointDirty(paramsAt(62.5, 129.5, 101), point)).toBe(true);
+	});
+});
+
+describe('templateDirty', () => {
+	it('is clean against an identical copy', () => {
+		const tpl = { ...DEFAULT_FLIGHT_PARAMETERS };
+		expect(templateDirty({ ...DEFAULT_FLIGHT_PARAMETERS }, tpl)).toBe(false);
+	});
+	it('is dirty when a parameter changes', () => {
+		const tpl = { ...DEFAULT_FLIGHT_PARAMETERS };
+		expect(templateDirty({ ...DEFAULT_FLIGHT_PARAMETERS, ascent_rate: 7 }, tpl)).toBe(true);
+	});
+});
diff --git a/tests/unit/settings.test.ts b/tests/unit/settings.test.ts
new file mode 100644
index 0000000..741eccf
--- /dev/null
+++ b/tests/unit/settings.test.ts
@@ -0,0 +1,43 @@
+import { describe, it, expect } from 'vitest';
+import { getPath, setPath, DEFAULT_SETTINGS } from '$features/settings/store';
+import { formatAltitude, formatRate, formatCoords, toDms, formatTime } from '$domain';
+
+describe('getPath / setPath', () => {
+	it('reads a nested value', () => {
+		expect(getPath(DEFAULT_SETTINGS, 'format.units')).toBe('metric');
+		expect(getPath(DEFAULT_SETTINGS, 'map.baseLayer')).toBe('osm');
+	});
+
+	it('returns undefined for a missing path', () => {
+		expect(getPath(DEFAULT_SETTINGS, 'nope.missing')).toBeUndefined();
+	});
+
+	it('sets immutably, leaving the original untouched', () => {
+		const next = setPath(DEFAULT_SETTINGS, 'format.units', 'imperial');
+		expect(getPath(next, 'format.units')).toBe('imperial');
+		expect(DEFAULT_SETTINGS.format.units).toBe('metric');
+		// Sibling branches are preserved.
+		expect(getPath(next, 'map.baseLayer')).toBe('osm');
+	});
+});
+
+describe('display formatting', () => {
+	it('converts altitude and rate for imperial display only', () => {
+		expect(formatAltitude(1000, 'metric')).toBe('1000 m');
+		expect(formatAltitude(1000, 'imperial')).toBe('3281 ft');
+		expect(formatRate(5, 'metric')).toBe('5.0 m/s');
+		expect(formatRate(5, 'imperial')).toBe('984 ft/min');
+	});
+
+	it('formats coordinates as DD or DMS with hemispheres', () => {
+		expect(formatCoords(62.5, 129.25, 'dd')).toBe('62.5000, 129.2500');
+		expect(toDms(62.5, 'lat')).toBe('62°30\'00.00"N');
+		expect(toDms(-0.1278, 'lon')).toContain('W');
+	});
+
+	it('labels UTC and leaves local unlabelled', () => {
+		const d = new Date('2026-01-01T07:08:09Z');
+		expect(formatTime(d, 'utc')).toBe('07:08:09 UTC');
+		expect(formatTime(d, 'local')).toMatch(/^\d{2}:\d{2}:\d{2}$/);
+	});
+});
diff --git a/tests/unit/telemetry.test.ts b/tests/unit/telemetry.test.ts
new file mode 100644
index 0000000..879a600
--- /dev/null
+++ b/tests/unit/telemetry.test.ts
@@ -0,0 +1,88 @@
+import { describe, it, expect } from 'vitest';
+import { parseTelemetry, computeDeviations, distHaversine, parsePrediction } from '$domain';
+import type { TelemetryPoint, PredictionStage } from '$domain';
+
+const points: TelemetryPoint[] = [
+	{ latitude: 62.0, longitude: 129.0, altitude: 0, datetime: '2026-01-01T00:00:00Z', payload: '{}' },
+	{
+		latitude: 62.05,
+		longitude: 129.1,
+		altitude: 15000,
+		datetime: '2026-01-01T00:30:00Z',
+		payload: '{}'
+	}
+];
+
+describe('parseTelemetry', () => {
+	it('builds a flight path and takes the first sample as launch', () => {
+		const t = parseTelemetry(points);
+		expect(t.flight_path).toEqual([
+			[62.0, 129.0, 0],
+			[62.05, 129.1, 15000]
+		]);
+		expect(t.launch.latlng.lat).toBe(62.0);
+		expect(t.datapoints).toHaveLength(2);
+	});
+
+	it('throws on an empty series', () => {
+		expect(() => parseTelemetry([])).toThrow();
+	});
+});
+
+describe('distHaversine', () => {
+	it('is zero for identical points and ~343 km London→Paris', () => {
+		expect(distHaversine({ lat: 55, lng: 37 }, { lat: 55, lng: 37 })).toBe(0);
+		const d = distHaversine({ lat: 51.5074, lng: -0.1278 }, { lat: 48.8566, lng: 2.3522 });
+		expect(d).toBeGreaterThan(340);
+		expect(d).toBeLessThan(346);
+	});
+});
+
+describe('computeDeviations', () => {
+	// Prediction runs 00:00 → 01:30 along the same corridor as the telemetry.
+	const stages: PredictionStage[] = [
+		{
+			stage: 'ascent',
+			trajectory: [
+				{ altitude: 0, datetime: '2026-01-01T00:00:00Z', latitude: 62.0, longitude: 129.0 },
+				{ altitude: 30000, datetime: '2026-01-01T01:00:00Z', latitude: 62.1, longitude: 129.2 }
+			]
+		},
+		{
+			stage: 'descent',
+			trajectory: [
+				{ altitude: 30000, datetime: '2026-01-01T01:00:00Z', latitude: 62.1, longitude: 129.2 },
+				{ altitude: 0, datetime: '2026-01-01T01:30:00Z', latitude: 62.05, longitude: 129.4 }
+			]
+		}
+	];
+	const prediction = parsePrediction(stages);
+
+	it('matches each sample to the closest prediction point', () => {
+		const devs = computeDeviations(points, prediction);
+		expect(devs).toHaveLength(2);
+		// First sample sits exactly on the predicted launch point.
+		expect(devs[0].horizontal).toBeCloseTo(0, 6);
+		expect(devs[0].vertical).toBe(0);
+		// Second sample is offset from the prediction, both laterally and in altitude.
+		expect(devs[1].horizontal).toBeGreaterThan(0);
+		expect(devs[1].altActual).toBe(15000);
+	});
+
+	it('skips samples outside the prediction window', () => {
+		const outside: TelemetryPoint[] = [
+			{
+				latitude: 62,
+				longitude: 129,
+				altitude: 0,
+				datetime: '2025-12-31T00:00:00Z', // a day early
+				payload: '{}'
+			}
+		];
+		expect(computeDeviations(outside, prediction)).toHaveLength(0);
+	});
+
+	it('returns nothing without telemetry', () => {
+		expect(computeDeviations([], prediction)).toEqual([]);
+	});
+});
diff --git a/tests/unit/timeline.test.ts b/tests/unit/timeline.test.ts
new file mode 100644
index 0000000..cddeb2d
--- /dev/null
+++ b/tests/unit/timeline.test.ts
@@ -0,0 +1,81 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import { get } from 'svelte/store';
+// Import the store module directly: the feature barrel re-exports .svelte
+// components, which the unit runner (no Svelte plugin) cannot transform.
+import { timelineStore, positionAt } from '$features/timeline/store';
+
+beforeEach(() => {
+	timelineStore.pause();
+	timelineStore.setRange(0, 0);
+	timelineStore.setSpeed(1);
+	timelineStore.setMarkers([]);
+});
+
+describe('timelineStore', () => {
+	it('clamps seek to the current range', () => {
+		timelineStore.setRange(0, 10_000);
+		timelineStore.seek(99_999);
+		expect(get(timelineStore).time).toBe(10_000);
+		timelineStore.seek(-5);
+		expect(get(timelineStore).time).toBe(0);
+	});
+
+	it('clamps the current time when the range shrinks', () => {
+		timelineStore.setRange(0, 10_000);
+		timelineStore.seek(9_000);
+		timelineStore.setRange(0, 4_000);
+		expect(get(timelineStore).time).toBe(4_000);
+	});
+
+	it('ignores play when there is no duration', () => {
+		timelineStore.play();
+		expect(get(timelineStore).playing).toBe(false);
+	});
+
+	it('plays and pauses when a duration exists', () => {
+		timelineStore.setRange(0, 10_000);
+		timelineStore.play();
+		expect(get(timelineStore).playing).toBe(true);
+		timelineStore.pause();
+		expect(get(timelineStore).playing).toBe(false);
+	});
+
+	it('rewinds to min on reset', () => {
+		timelineStore.setRange(0, 10_000);
+		timelineStore.seek(7_000);
+		timelineStore.reset();
+		expect(get(timelineStore).time).toBe(0);
+		expect(get(timelineStore).playing).toBe(false);
+	});
+
+	it('stores the playback speed', () => {
+		timelineStore.setSpeed(5);
+		expect(get(timelineStore).speed).toBe(5);
+	});
+});
+
+describe('positionAt', () => {
+	const path: [number, number, ...number[]][] = [
+		[60, 100],
+		[62, 102],
+		[64, 104]
+	];
+
+	it('returns the first point at t=0 and the last at t=duration', () => {
+		expect(positionAt(path, 0, 1000)).toEqual([60, 100]);
+		expect(positionAt(path, 1000, 1000)).toEqual([64, 104]);
+	});
+
+	it('interpolates linearly between samples', () => {
+		// Quarter of the way = halfway along the first segment.
+		const p = positionAt(path, 250, 1000)!;
+		expect(p[0]).toBeCloseTo(61, 6);
+		expect(p[1]).toBeCloseTo(101, 6);
+	});
+
+	it('clamps outside the flight window and handles an empty path', () => {
+		expect(positionAt(path, -100, 1000)).toEqual([60, 100]);
+		expect(positionAt(path, 99_999, 1000)).toEqual([64, 104]);
+		expect(positionAt([], 0, 1000)).toBeNull();
+	});
+});
diff --git a/tests/unit/wind.test.ts b/tests/unit/wind.test.ts
new file mode 100644
index 0000000..e75bbad
--- /dev/null
+++ b/tests/unit/wind.test.ts
@@ -0,0 +1,70 @@
+import { describe, it, expect } from 'vitest';
+import { decodeWindField, createWindInterpolator } from '$domain';
+import type { WindField, WindHeader } from '$domain';
+
+/**
+ * A 2×2 grid that reproduces the predictor's real conventions: longitudes in the
+ * 0..360 frame (358 → 0, i.e. -2° → 0°) and a north→south scan (la1 > la2) with
+ * a *positive* dy. Getting either wrong misplaces every vector.
+ */
+const header: WindHeader = {
+	parameterUnit: 'm.s-1',
+	parameterNumberName: 'wind',
+	nx: 2,
+	ny: 2,
+	lo1: 358,
+	la1: 10,
+	lo2: 0,
+	la2: 8,
+	dx: 2,
+	dy: 2,
+	refTime: '2026-01-01T00:00:00Z'
+};
+
+// Row-major: [ (10,-2) (10,0) ] then [ (8,-2) (8,0) ]
+const field: WindField = [
+	{ header, data: [10, 0, 0, 0] }, // U (eastward)
+	{ header, data: [0, 10, 0, 0] } // V (northward)
+];
+
+describe('decodeWindField', () => {
+	it('places vectors using the grid extent, not raw dx/dy', () => {
+		const v = decodeWindField(field);
+		expect(v).toHaveLength(4);
+		// First point: la1/lo1 wrapped from 358 into (-180, 180].
+		expect(v[0].lat).toBe(10);
+		expect(v[0].lng).toBe(-2);
+		// Second column steps east across the 0/360 seam.
+		expect(v[1].lng).toBe(0);
+		// Second row scans southward despite dy being positive.
+		expect(v[2].lat).toBe(8);
+	});
+
+	it('derives speed and the bearing the wind blows TO', () => {
+		const v = decodeWindField(field);
+		expect(v[0].speed).toBeCloseTo(10, 6);
+		expect(v[0].bearing).toBeCloseTo(90, 6); // pure U → eastward
+		expect(v[1].bearing).toBeCloseTo(0, 6); // pure V → northward
+	});
+});
+
+describe('createWindInterpolator', () => {
+	it('returns the exact grid value at a node', () => {
+		const at = createWindInterpolator(field);
+		expect(at(-2, 10)).toEqual([10, 0]);
+		expect(at(0, 10)).toEqual([0, 10]);
+	});
+
+	it('blends between nodes', () => {
+		const at = createWindInterpolator(field);
+		const mid = at(-1, 10)!;
+		expect(mid[0]).toBeCloseTo(5, 6);
+		expect(mid[1]).toBeCloseTo(5, 6);
+	});
+
+	it('returns null outside the grid', () => {
+		const at = createWindInterpolator(field);
+		expect(at(-2, 20)).toBeNull(); // north of la1
+		expect(at(-2, 0)).toBeNull(); // south of la2
+	});
+});
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..b0bc64b
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,31 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig, loadEnv } from 'vite';
+import { mockApi } from './mocks/plugin';
+
+export default defineConfig(({ mode }) => {
+	const env = loadEnv(mode, process.cwd(), '');
+	const useMock = env.VITE_USE_MOCK_API === 'true';
+	return {
+		plugins: [...(useMock ? [mockApi()] : []), sveltekit()],
+		css: {
+			preprocessorOptions: {
+				scss: {
+					// Bootstrap 5.3 is still written against the old Sass API, so
+					// compiling it emits hundreds of warnings we cannot act on.
+					// Drop the list when Bootstrap ships @use-based sources.
+					silenceDeprecations: ['import', 'global-builtin', 'color-functions', 'if-function']
+				}
+			}
+		},
+		server: useMock
+			? {}
+			: {
+					proxy: {
+						'/api': {
+							target: env.VITE_API_PROXY_TARGET || 'http://localhost:8000',
+							changeOrigin: true
+						}
+					}
+				}
+	};
+});
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..5df43fd
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,28 @@
+import { defineConfig } from 'vitest/config';
+import { fileURLToPath } from 'node:url';
+
+const r = (p: string) => fileURLToPath(new URL(p, import.meta.url));
+
+// Unit tests target the pure layers (domain/state/api/auth). We resolve the
+// project's `$` aliases here directly rather than pulling in the full SvelteKit
+// Vite plugin — `$app/*` runtime imports are mocked per-test with vi.mock().
+export default defineConfig({
+	test: {
+		environment: 'happy-dom',
+		globals: true,
+		include: ['tests/unit/**/*.test.ts']
+	},
+	resolve: {
+		alias: {
+			$domain: r('./src/lib/domain'),
+			$state: r('./src/lib/state'),
+			$api: r('./src/lib/api'),
+			$auth: r('./src/lib/auth'),
+			$map: r('./src/lib/map'),
+			$ui: r('./src/lib/ui'),
+			$i18n: r('./src/lib/i18n'),
+			$features: r('./src/lib/features'),
+			'$app/navigation': r('./tests/stubs/app-navigation.ts')
+		}
+	}
+});