fix: suppress mini-bar for float/minimal player styles; persist float position

ui/src/lib/audio.svelte.ts

@@ -170,6 +170,21 @@ class AudioStore {
 		return this.status === 'ready' || this.status === 'generating' || this.status === 'loading';
 	}
 
+	/**
+	 * When true the persistent mini-bar in +layout.svelte is hidden.
+	 * Set by the chapter reader page when playerStyle is 'float' or 'minimal'
+	 * so the in-page player is the sole control surface.
+	 * Cleared when leaving the chapter page (page destroy / onDestroy effect).
+	 */
+	suppressMiniBar = $state(false);
+
+	/**
+	 * Position of the draggable float overlay (bottom-right anchor offsets).
+	 * Stored here (module singleton) so the position survives chapter navigation.
+	 * x > 0 = moved left; y > 0 = moved up.
+	 */
+	floatPos = $state({ x: 0, y: 0 });
+
 	/** True when the currently loaded track matches slug+chapter */
 	isCurrentChapter(slug: string, chapter: number): boolean {
 		return this.slug === slug && this.chapter === chapter;

ui/src/lib/components/AudioPlayer.svelte

@@ -945,19 +945,18 @@
 	}
 
 	// ── Float player drag state ──────────────────────────────────────────────
-	/** Position of the floating overlay (bottom-right anchor by default). */
-	let floatPos = $state({ x: 0, y: 0 });
+	// floatPos lives on audioStore (singleton) so position survives chapter navigation.
 	let floatDragging = $state(false);
 	let floatDragStart = $state({ mx: 0, my: 0, ox: 0, oy: 0 });
 
 	function onFloatPointerDown(e: PointerEvent) {
 		floatDragging = true;
-		floatDragStart = { mx: e.clientX, my: e.clientY, ox: floatPos.x, oy: floatPos.y };
+		floatDragStart = { mx: e.clientX, my: e.clientY, ox: audioStore.floatPos.x, oy: audioStore.floatPos.y };
 		(e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);
 	}
 	function onFloatPointerMove(e: PointerEvent) {
 		if (!floatDragging) return;
-		floatPos = {
+		audioStore.floatPos = {
 			x: floatDragStart.ox + (e.clientX - floatDragStart.mx),
 			y: floatDragStart.oy + (e.clientY - floatDragStart.my)
 		};
@@ -1459,8 +1458,8 @@
 	<div
 		class="fixed z-[55] select-none"
 		style="
-			bottom: calc(4.5rem + {-floatPos.y}px);
-			right: calc(1rem + {-floatPos.x}px);
+			bottom: calc(1rem + {-audioStore.floatPos.y}px);
+			right: calc(1rem + {-audioStore.floatPos.x}px);
 			touch-action: none;
 		"
 	>