diff --git a/src/components/launch/NotesToolbar.test.tsx b/src/components/launch/NotesToolbar.test.tsx
new file mode 100644
index 000000000..9ac483ccb
--- /dev/null
+++ b/src/components/launch/NotesToolbar.test.tsx
@@ -0,0 +1,234 @@
+import "@testing-library/jest-dom";
+import { render, screen, within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import type { Editor } from "@tiptap/react";
+import { type ReactNode, useLayoutEffect, useState } from "react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { I18nProvider, useI18n } from "@/contexts/I18nContext";
+import { LOCALE_STORAGE_KEY } from "@/i18n/config";
+import { NotesToolbar, type NotesToolbarProps } from "./NotesToolbar";
+
+vi.mock("@/components/ui/tooltip", () => ({
+	Tooltip: ({ children }: { children: React.ReactNode }) => children,
+}));
+
+beforeEach(() => {
+	// `setLocale` persists its choice, and `I18nProvider` reads it back on mount — without
+	// this, the one test that switches language would leak into every test after it.
+	localStorage.removeItem(LOCALE_STORAGE_KEY);
+});
+
+function createEditor(): Editor {
+	const chain: Record<string, ReturnType<typeof vi.fn>> = {};
+	for (const command of [
+		"focus",
+		"toggleBold",
+		"toggleItalic",
+		"toggleStrike",
+		"toggleBulletList",
+		"toggleOrderedList",
+		"toggleBlockquote",
+		"toggleCodeBlock",
+	]) {
+		chain[command] = vi.fn(() => chain);
+	}
+	chain.run = vi.fn(() => true);
+
+	return {
+		can: () => ({ chain: () => chain }),
+		chain: () => chain,
+		isActive: () => false,
+		on: vi.fn(),
+		off: vi.fn(),
+	} as unknown as Editor;
+}
+
+function createProps(overrides: Partial<NotesToolbarProps> = {}): NotesToolbarProps {
+	return {
+		editor: createEditor(),
+		isPlaying: false,
+		speed: 40,
+		fontSize: 16,
+		mirrored: false,
+		onTogglePlaying: vi.fn(),
+		onDecreaseSpeed: vi.fn(),
+		onIncreaseSpeed: vi.fn(),
+		onDecreaseFontSize: vi.fn(),
+		onIncreaseFontSize: vi.fn(),
+		onToggleMirror: vi.fn(),
+		...overrides,
+	};
+}
+
+function ActiveLocale({ children, locale }: { children: ReactNode; locale: string }) {
+	const { setLocale } = useI18n();
+
+	useLayoutEffect(() => {
+		setLocale(locale);
+	}, [locale, setLocale]);
+
+	return children;
+}
+
+function renderToolbar(props: NotesToolbarProps, locale = "en") {
+	return render(
+		<I18nProvider>
+			<ActiveLocale locale={locale}>
+				<NotesToolbar {...props} />
+			</ActiveLocale>
+		</I18nProvider>,
+	);
+}
+
+describe("NotesToolbar teleprompter controls", () => {
+	it("exposes values and dispatches every manual control", async () => {
+		const user = userEvent.setup();
+		const props = createProps();
+		renderToolbar(props);
+
+		const speed = within(screen.getByRole("group", { name: "Scroll speed" })).getByRole("status");
+		const fontSize = within(screen.getByRole("group", { name: "Font size" })).getByRole("status");
+		expect(speed).not.toHaveAccessibleName();
+		expect(speed).toHaveTextContent("40 px/s");
+		expect(fontSize).not.toHaveAccessibleName();
+		expect(fontSize).toHaveTextContent("16 px");
+		expect(screen.getByRole("button", { name: "Mirror horizontally" })).toHaveAttribute(
+			"aria-pressed",
+			"false",
+		);
+		expect(screen.getByRole("button", { name: "Decrease scroll speed" })).not.toHaveAttribute(
+			"aria-pressed",
+		);
+		expect(screen.getByRole("button", { name: "Increase font size" })).not.toHaveAttribute(
+			"aria-pressed",
+		);
+
+		await user.click(screen.getByRole("button", { name: "Start auto-scroll" }));
+		await user.click(screen.getByRole("button", { name: "Decrease scroll speed" }));
+		await user.click(screen.getByRole("button", { name: "Increase scroll speed" }));
+		await user.click(screen.getByRole("button", { name: "Decrease font size" }));
+		await user.click(screen.getByRole("button", { name: "Increase font size" }));
+		await user.click(screen.getByRole("button", { name: "Mirror horizontally" }));
+
+		expect(props.onTogglePlaying).toHaveBeenCalledOnce();
+		expect(props.onDecreaseSpeed).toHaveBeenCalledOnce();
+		expect(props.onIncreaseSpeed).toHaveBeenCalledOnce();
+		expect(props.onDecreaseFontSize).toHaveBeenCalledOnce();
+		expect(props.onIncreaseFontSize).toHaveBeenCalledOnce();
+		expect(props.onToggleMirror).toHaveBeenCalledOnce();
+	});
+
+	it("disables controls at their bounds", () => {
+		const { rerender } = renderToolbar(createProps({ speed: 10, fontSize: 14 }));
+		expect(screen.getByRole("button", { name: "Decrease scroll speed" })).toBeDisabled();
+		expect(screen.getByRole("button", { name: "Decrease font size" })).toBeDisabled();
+
+		rerender(
+			<I18nProvider>
+				<NotesToolbar {...createProps({ speed: 100, fontSize: 48 })} />
+			</I18nProvider>,
+		);
+		expect(screen.getByRole("button", { name: "Increase scroll speed" })).toBeDisabled();
+		expect(screen.getByRole("button", { name: "Increase font size" })).toBeDisabled();
+	});
+
+	it("keeps playback paused and disabled until the editor is ready", () => {
+		renderToolbar(createProps({ editor: null }));
+		expect(screen.getByRole("button", { name: "Start auto-scroll" })).toBeDisabled();
+		expect(screen.queryByRole("button", { name: "Pause auto-scroll" })).not.toBeInTheDocument();
+	});
+
+	it("announces playback through its label rather than a second pressed state", () => {
+		const { rerender } = renderToolbar(createProps());
+		expect(screen.getByRole("button", { name: "Start auto-scroll" })).not.toHaveAttribute(
+			"aria-pressed",
+		);
+
+		rerender(
+			<I18nProvider>
+				<NotesToolbar {...createProps({ isPlaying: true })} />
+			</I18nProvider>,
+		);
+		expect(screen.getByRole("button", { name: "Pause auto-scroll" })).not.toHaveAttribute(
+			"aria-pressed",
+		);
+	});
+
+	it("locks formatting while the teleprompter scrolls", () => {
+		renderToolbar(createProps({ isPlaying: true }));
+
+		// Sweep the whole row rather than a hand-written list, so a formatting button added
+		// later cannot quietly escape the lock.
+		const formatting = within(screen.getByTestId("notes-formatting-controls")).getAllByRole(
+			"button",
+		);
+		expect(formatting).toHaveLength(7);
+		for (const button of formatting) {
+			expect(button).toBeDisabled();
+		}
+
+		// Teleprompter controls stay live so playback can always be stopped.
+		expect(screen.getByRole("button", { name: "Pause auto-scroll" })).toBeEnabled();
+		expect(screen.getByRole("button", { name: "Mirror horizontally" })).toBeEnabled();
+	});
+
+	it("formats readout values for the active locale", () => {
+		renderToolbar(createProps(), "ar");
+		const speed = within(screen.getByRole("group", { name: "سرعة التمرير" })).getByRole("status");
+		const fontSize = within(screen.getByRole("group", { name: "حجم الخط" })).getByRole("status");
+
+		expect(speed).not.toHaveAccessibleName();
+		expect(speed).toHaveTextContent(`${new Intl.NumberFormat("ar").format(40)} بكسل/ثانية`);
+		expect(fontSize).not.toHaveAccessibleName();
+		expect(fontSize).toHaveTextContent(`${new Intl.NumberFormat("ar").format(16)} بكسل`);
+	});
+});
+
+function ToolbarHarness() {
+	const [isPlaying, setIsPlaying] = useState(false);
+	const [mirrored, setMirrored] = useState(false);
+
+	return (
+		<NotesToolbar
+			{...createProps({
+				isPlaying,
+				mirrored,
+				onTogglePlaying: () => setIsPlaying((current) => !current),
+				onToggleMirror: () => setMirrored((current) => !current),
+			})}
+		/>
+	);
+}
+
+describe("NotesToolbar keyboard reachability", () => {
+	it("walks every teleprompter control in order and toggles them from the keyboard", async () => {
+		const user = userEvent.setup();
+		const { container } = render(
+			<I18nProvider>
+				<ToolbarHarness />
+			</I18nProvider>,
+		);
+
+		const row = container.querySelector<HTMLElement>('[data-testid="notes-teleprompter-controls"]');
+		const controls = Array.from(
+			container.querySelectorAll<HTMLButtonElement>("[data-teleprompter-control]"),
+		);
+		expect(row).not.toBeNull();
+		expect(controls).toHaveLength(6);
+
+		controls[0]?.focus();
+		expect(document.activeElement).toBe(controls[0]);
+		for (let index = 1; index < controls.length; index++) {
+			await user.tab();
+			expect(document.activeElement).toBe(controls[index]);
+		}
+
+		controls[0]?.focus();
+		await user.keyboard("{Enter}");
+		expect(controls[0]).toHaveAttribute("aria-label", "Pause auto-scroll");
+
+		const mirror = controls.at(-1);
+		await user.click(mirror as HTMLButtonElement);
+		expect(mirror).toHaveAttribute("aria-pressed", "true");
+	});
+});
diff --git a/src/components/launch/NotesToolbar.tsx b/src/components/launch/NotesToolbar.tsx
index c744b525c..c51c42e2a 100644
--- a/src/components/launch/NotesToolbar.tsx
+++ b/src/components/launch/NotesToolbar.tsx
@@ -1,19 +1,55 @@
 import type { Editor } from "@tiptap/react";
-import { Bold, Code, Italic, List, ListOrdered, Quote, Strikethrough } from "lucide-react";
-import { type ReactNode, useEffect, useReducer } from "react";
+import {
+	Bold,
+	Code,
+	FlipHorizontal2,
+	Italic,
+	List,
+	ListOrdered,
+	Minus,
+	Pause,
+	Play,
+	Plus,
+	Quote,
+	Strikethrough,
+} from "lucide-react";
+import { type ReactNode, useEffect, useMemo, useReducer } from "react";
 import { Tooltip } from "@/components/ui/tooltip";
-import { useScopedT } from "@/contexts/I18nContext";
+import { useI18n, useScopedT } from "@/contexts/I18nContext";
 import { cn } from "@/lib/utils";
+import {
+	MAX_NOTES_FONT_SIZE,
+	MAX_TELEPROMPTER_SPEED,
+	MIN_NOTES_FONT_SIZE,
+	MIN_TELEPROMPTER_SPEED,
+} from "./notesTeleprompter";
 
-type NotesToolbarProps = {
+export type NotesToolbarProps = {
 	editor: Editor | null;
+	isPlaying: boolean;
+	speed: number;
+	fontSize: number;
+	mirrored: boolean;
+	onTogglePlaying: () => void;
+	onDecreaseSpeed: () => void;
+	onIncreaseSpeed: () => void;
+	onDecreaseFontSize: () => void;
+	onIncreaseFontSize: () => void;
+	onToggleMirror: () => void;
 };
 
 type ToolbarButtonProps = {
 	"aria-label": string;
 	tooltipContent: string;
+	/** Toggle state: drives both `aria-pressed` and the pressed styling. */
 	active?: boolean;
+	/**
+	 * Pressed styling without `aria-pressed`, for buttons that already announce their state
+	 * through a label that changes with it. Announcing both would say it twice.
+	 */
+	highlighted?: boolean;
 	disabled?: boolean;
+	teleprompterControl?: boolean;
 	onClick: () => void;
 	children: ReactNode;
 };
@@ -21,8 +57,10 @@ type ToolbarButtonProps = {
 function ToolbarButton({
 	"aria-label": ariaLabel,
 	tooltipContent,
-	active = false,
+	active,
+	highlighted = false,
 	disabled = false,
+	teleprompterControl = false,
 	onClick,
 	children,
 }: ToolbarButtonProps) {
@@ -33,10 +71,11 @@ function ToolbarButton({
 				aria-label={ariaLabel}
 				aria-pressed={active}
 				disabled={disabled}
+				data-teleprompter-control={teleprompterControl ? "" : undefined}
 				onClick={onClick}
 				className={cn(
-					"shrink-0 inline-flex h-8 w-8 items-center justify-center rounded-md border-0 bg-transparent text-gray-700 transition-colors hover:bg-gray-200 hover:text-gray-900 disabled:cursor-not-allowed disabled:opacity-35",
-					active && "bg-gray-900 text-white hover:bg-gray-800 hover:text-white",
+					"shrink-0 inline-flex h-8 w-8 items-center justify-center rounded-md border-0 bg-transparent text-gray-700 transition-colors hover:bg-gray-200 hover:text-gray-900 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-violet-600 disabled:cursor-not-allowed disabled:opacity-35",
+					(active || highlighted) && "bg-gray-900 text-white hover:bg-gray-800 hover:text-white",
 				)}
 			>
 				{children}
@@ -67,86 +106,194 @@ function useEditorRevision(editor: Editor | null): void {
 	}, [editor]);
 }
 
-export function NotesToolbar({ editor }: NotesToolbarProps) {
+export function NotesToolbar({
+	editor,
+	isPlaying,
+	speed,
+	fontSize,
+	mirrored,
+	onTogglePlaying,
+	onDecreaseSpeed,
+	onIncreaseSpeed,
+	onDecreaseFontSize,
+	onIncreaseFontSize,
+	onToggleMirror,
+}: NotesToolbarProps) {
 	useEditorRevision(editor);
+	const { locale } = useI18n();
 	const t = useScopedT("launch");
+	const tCommon = useScopedT("common");
+	const numberFormatter = useMemo(() => new Intl.NumberFormat(locale), [locale]);
 
 	return (
-		<div className="flex items-center gap-1 rounded-[0.625rem] max-w-fit border border-gray-200 bg-gray-50 p-1.5 overflow-scroll no-scrollbar">
-			<div className="flex items-center justify-between flex-1 shrink-0 gap-1">
-				<ToolbarButton
-					aria-label={t("tooltips.notesToolbar.bold")}
-					tooltipContent={t("tooltips.notesToolbar.bold")}
-					active={editor?.isActive("bold") ?? false}
-					disabled={!editor?.can().chain().focus().toggleBold().run()}
-					onClick={() => editor?.chain().focus().toggleBold().run()}
-				>
-					<Bold size={16} />
-				</ToolbarButton>
-				<ToolbarButton
-					aria-label={t("tooltips.notesToolbar.italic")}
-					tooltipContent={t("tooltips.notesToolbar.italic")}
-					active={editor?.isActive("italic") ?? false}
-					disabled={!editor?.can().chain().focus().toggleItalic().run()}
-					onClick={() => editor?.chain().focus().toggleItalic().run()}
-				>
-					<Italic size={16} />
-				</ToolbarButton>
-				<ToolbarButton
-					aria-label={t("tooltips.notesToolbar.strikethrough")}
-					tooltipContent={t("tooltips.notesToolbar.strikethrough")}
-					active={editor?.isActive("strike") ?? false}
-					disabled={!editor?.can().chain().focus().toggleStrike().run()}
-					onClick={() => editor?.chain().focus().toggleStrike().run()}
-				>
-					<Strikethrough size={16} />
-				</ToolbarButton>
-			</div>
-			<div className="flex items-center justify-between flex-1 shrink-0 gap-1">
-				<div className="h-8 w-5 grid place-content-center">
-					<span className="mx-0.5 h-5 w-px bg-gray-300" aria-hidden="true" />
+		<div className="flex w-full min-w-0 max-w-full flex-col gap-1.5 rounded-[0.625rem] border border-gray-200 bg-gray-50 p-1.5">
+			<div
+				data-testid="notes-formatting-controls"
+				className="flex w-full min-w-0 items-center overflow-x-auto no-scrollbar"
+			>
+				<div className="flex min-w-max items-center gap-1">
+					<div className="flex shrink-0 items-center gap-1">
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.bold")}
+							tooltipContent={t("tooltips.notesToolbar.bold")}
+							active={editor?.isActive("bold") ?? false}
+							disabled={isPlaying || !editor?.can().chain().focus().toggleBold().run()}
+							onClick={() => editor?.chain().focus().toggleBold().run()}
+						>
+							<Bold size={16} />
+						</ToolbarButton>
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.italic")}
+							tooltipContent={t("tooltips.notesToolbar.italic")}
+							active={editor?.isActive("italic") ?? false}
+							disabled={isPlaying || !editor?.can().chain().focus().toggleItalic().run()}
+							onClick={() => editor?.chain().focus().toggleItalic().run()}
+						>
+							<Italic size={16} />
+						</ToolbarButton>
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.strikethrough")}
+							tooltipContent={t("tooltips.notesToolbar.strikethrough")}
+							active={editor?.isActive("strike") ?? false}
+							disabled={isPlaying || !editor?.can().chain().focus().toggleStrike().run()}
+							onClick={() => editor?.chain().focus().toggleStrike().run()}
+						>
+							<Strikethrough size={16} />
+						</ToolbarButton>
+					</div>
+					<div className="grid h-8 w-5 shrink-0 place-content-center">
+						<span className="mx-0.5 h-5 w-px bg-gray-300" aria-hidden="true" />
+					</div>
+					<div className="flex shrink-0 items-center gap-1">
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.bulletList")}
+							tooltipContent={t("tooltips.notesToolbar.bulletList")}
+							active={editor?.isActive("bulletList") ?? false}
+							disabled={isPlaying || !editor?.can().chain().focus().toggleBulletList().run()}
+							onClick={() => editor?.chain().focus().toggleBulletList().run()}
+						>
+							<List size={16} />
+						</ToolbarButton>
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.numberedList")}
+							tooltipContent={t("tooltips.notesToolbar.numberedList")}
+							active={editor?.isActive("orderedList") ?? false}
+							disabled={isPlaying || !editor?.can().chain().focus().toggleOrderedList().run()}
+							onClick={() => editor?.chain().focus().toggleOrderedList().run()}
+						>
+							<ListOrdered size={16} />
+						</ToolbarButton>
+					</div>
+					<div className="grid h-8 w-5 shrink-0 place-content-center">
+						<span className="mx-0.5 h-5 w-px bg-gray-300" aria-hidden="true" />
+					</div>
+					<div className="flex shrink-0 items-center gap-1">
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.blockquote")}
+							tooltipContent={t("tooltips.notesToolbar.blockquote")}
+							active={editor?.isActive("blockquote") ?? false}
+							disabled={isPlaying || !editor?.can().chain().focus().toggleBlockquote().run()}
+							onClick={() => editor?.chain().focus().toggleBlockquote().run()}
+						>
+							<Quote size={16} />
+						</ToolbarButton>
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.codeBlock")}
+							tooltipContent={t("tooltips.notesToolbar.codeBlock")}
+							active={editor?.isActive("codeBlock") ?? false}
+							disabled={isPlaying || !editor?.can().chain().focus().toggleCodeBlock().run()}
+							onClick={() => editor?.chain().focus().toggleCodeBlock().run()}
+						>
+							<Code size={16} />
+						</ToolbarButton>
+					</div>
 				</div>
-				<ToolbarButton
-					aria-label={t("tooltips.notesToolbar.bulletList")}
-					tooltipContent={t("tooltips.notesToolbar.bulletList")}
-					active={editor?.isActive("bulletList") ?? false}
-					disabled={!editor?.can().chain().focus().toggleBulletList().run()}
-					onClick={() => editor?.chain().focus().toggleBulletList().run()}
-				>
-					<List size={16} />
-				</ToolbarButton>
-				<ToolbarButton
-					aria-label={t("tooltips.notesToolbar.numberedList")}
-					tooltipContent={t("tooltips.notesToolbar.numberedList")}
-					active={editor?.isActive("orderedList") ?? false}
-					disabled={!editor?.can().chain().focus().toggleOrderedList().run()}
-					onClick={() => editor?.chain().focus().toggleOrderedList().run()}
-				>
-					<ListOrdered size={16} />
-				</ToolbarButton>
 			</div>
-			<div className="flex items-center justify-between flex-1 shrink-0 gap-1">
-				<div className="h-8 w-5 grid place-content-center">
-					<span className="mx-0.5 h-5 w-px bg-gray-300" aria-hidden="true" />
+
+			<div
+				data-testid="notes-teleprompter-controls"
+				className="flex w-full min-w-0 items-center overflow-x-auto no-scrollbar"
+			>
+				<div className="flex min-w-max items-center gap-1">
+					<ToolbarButton
+						aria-label={t(isPlaying ? "tooltips.notesToolbar.pause" : "tooltips.notesToolbar.play")}
+						tooltipContent={t(
+							isPlaying ? "tooltips.notesToolbar.pause" : "tooltips.notesToolbar.play",
+						)}
+						highlighted={isPlaying}
+						disabled={!editor}
+						teleprompterControl
+						onClick={onTogglePlaying}
+					>
+						{isPlaying ? <Pause size={16} /> : <Play size={16} />}
+					</ToolbarButton>
+
+					<div
+						role="group"
+						aria-label={t("tooltips.notesToolbar.speed")}
+						className="flex shrink-0 items-center gap-1"
+					>
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.decreaseSpeed")}
+							tooltipContent={t("tooltips.notesToolbar.decreaseSpeed")}
+							disabled={speed <= MIN_TELEPROMPTER_SPEED}
+							teleprompterControl
+							onClick={onDecreaseSpeed}
+						>
+							<Minus size={16} />
+						</ToolbarButton>
+						<output className="min-w-14 text-center text-xs tabular-nums text-gray-700">
+							{tCommon("units.pixelsPerSecond", { value: numberFormatter.format(speed) })}
+						</output>
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.increaseSpeed")}
+							tooltipContent={t("tooltips.notesToolbar.increaseSpeed")}
+							disabled={speed >= MAX_TELEPROMPTER_SPEED}
+							teleprompterControl
+							onClick={onIncreaseSpeed}
+						>
+							<Plus size={16} />
+						</ToolbarButton>
+					</div>
+
+					<div
+						role="group"
+						aria-label={t("tooltips.notesToolbar.fontSize")}
+						className="flex shrink-0 items-center gap-1"
+					>
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.decreaseFontSize")}
+							tooltipContent={t("tooltips.notesToolbar.decreaseFontSize")}
+							disabled={fontSize <= MIN_NOTES_FONT_SIZE}
+							teleprompterControl
+							onClick={onDecreaseFontSize}
+						>
+							<Minus size={16} />
+						</ToolbarButton>
+						<output className="min-w-10 text-center text-xs tabular-nums text-gray-700">
+							{tCommon("units.pixels", { value: numberFormatter.format(fontSize) })}
+						</output>
+						<ToolbarButton
+							aria-label={t("tooltips.notesToolbar.increaseFontSize")}
+							tooltipContent={t("tooltips.notesToolbar.increaseFontSize")}
+							disabled={fontSize >= MAX_NOTES_FONT_SIZE}
+							teleprompterControl
+							onClick={onIncreaseFontSize}
+						>
+							<Plus size={16} />
+						</ToolbarButton>
+					</div>
+
+					<ToolbarButton
+						aria-label={t("tooltips.notesToolbar.mirror")}
+						tooltipContent={t("tooltips.notesToolbar.mirror")}
+						active={mirrored}
+						teleprompterControl
+						onClick={onToggleMirror}
+					>
+						<FlipHorizontal2 size={16} />
+					</ToolbarButton>
 				</div>
-				<ToolbarButton
-					aria-label={t("tooltips.notesToolbar.blockquote")}
-					tooltipContent={t("tooltips.notesToolbar.blockquote")}
-					active={editor?.isActive("blockquote") ?? false}
-					disabled={!editor?.can().chain().focus().toggleBlockquote().run()}
-					onClick={() => editor?.chain().focus().toggleBlockquote().run()}
-				>
-					<Quote size={16} />
-				</ToolbarButton>
-				<ToolbarButton
-					aria-label={t("tooltips.notesToolbar.codeBlock")}
-					tooltipContent={t("tooltips.notesToolbar.codeBlock")}
-					active={editor?.isActive("codeBlock") ?? false}
-					disabled={!editor?.can().chain().focus().toggleCodeBlock().run()}
-					onClick={() => editor?.chain().focus().toggleCodeBlock().run()}
-				>
-					<Code size={16} />
-				</ToolbarButton>
 			</div>
 		</div>
 	);
diff --git a/src/components/launch/NotesWindow.module.css b/src/components/launch/NotesWindow.module.css
index b0b0cf38a..b5793f25e 100644
--- a/src/components/launch/NotesWindow.module.css
+++ b/src/components/launch/NotesWindow.module.css
@@ -8,15 +8,24 @@
 	caret-color: #111827;
 }
 
+:global(.notes-teleprompter-content[data-mirrored="true"]) {
+	transform: scaleX(-1);
+}
+
 :global(.tiptap) :first-child {
 	margin-top: 0;
 }
 
+/*
+ * Spacing is in `em` so it tracks the teleprompter font size the Notes window sets on the
+ * container. Every element below inherits that size, so `em` here equals the container size
+ * and the default 16px rendering is unchanged. Headings are the exception — see below.
+ */
 :global(.tiptap) p {
-	min-height: 1.5rem;
+	min-height: 1.5em;
 	line-height: 1.5;
-	margin-top: 0.75rem;
-	margin-bottom: 0.75rem;
+	margin-top: 0.75em;
+	margin-bottom: 0.75em;
 }
 
 :global(.tiptap) p:first-child {
@@ -26,8 +35,8 @@
 /* Tailwind preflight strips list markers — restore them for markdown-style input rules. */
 :global(.tiptap) ul,
 :global(.tiptap) ol {
-	padding-left: 1.5rem;
-	margin: 1rem 0;
+	padding-left: 1.5em;
+	margin: 1em 0;
 }
 
 :global(.tiptap) ul {
@@ -48,6 +57,11 @@
 	margin-bottom: 0.25em;
 }
 
+/*
+ * Heading margins stay in `rem`: `em` on a heading resolves against the heading's own
+ * enlarged font size, not the container's, so switching them would change the default
+ * rendering rather than just scale it.
+ */
 :global(.tiptap) h1,
 :global(.tiptap) h2,
 :global(.tiptap) h3,
@@ -66,28 +80,28 @@
 }
 
 :global(.tiptap) h1 {
-	font-size: 1.4rem;
+	font-size: 1.4em;
 }
 
 :global(.tiptap) h2 {
-	font-size: 1.2rem;
+	font-size: 1.2em;
 }
 
 :global(.tiptap) h3 {
-	font-size: 1.1rem;
+	font-size: 1.1em;
 }
 
 :global(.tiptap) h4,
 :global(.tiptap) h5,
 :global(.tiptap) h6 {
-	font-size: 1rem;
+	font-size: 1em;
 }
 
 :global(.tiptap) code {
 	background-color: #ede9fe;
 	border-radius: 0.4rem;
 	color: #111827;
-	font-size: 0.85rem;
+	font-size: 0.85em;
 	padding: 0.25em 0.3em;
 }
 
@@ -96,25 +110,25 @@
 	border-radius: 0.5rem;
 	color: #ffffff;
 	font-family: "JetBrainsMono", monospace;
-	margin: 1.5rem 0;
-	padding: 0.75rem 1rem;
+	margin: 1.5em 0;
+	padding: 0.75em 1em;
 }
 
 :global(.tiptap) pre code {
 	background: none;
 	color: inherit;
-	font-size: 0.8rem;
+	font-size: 0.8em;
 	padding: 0;
 }
 
 :global(.tiptap) blockquote {
 	border-left: 3px solid #d1d5db;
-	margin: 1.5rem 0;
-	padding-left: 1rem;
+	margin: 1.5em 0;
+	padding-left: 1em;
 }
 
 :global(.tiptap) hr {
 	border: none;
 	border-top: 1px solid #e5e7eb;
-	margin: 2rem 0;
+	margin: 2em 0;
 }
diff --git a/src/components/launch/NotesWindow.test.tsx b/src/components/launch/NotesWindow.test.tsx
new file mode 100644
index 000000000..aacdb107e
--- /dev/null
+++ b/src/components/launch/NotesWindow.test.tsx
@@ -0,0 +1,318 @@
+import "@testing-library/jest-dom";
+import { act, render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import type { Editor } from "@tiptap/react";
+import { StrictMode } from "react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { NotesWindow } from "./NotesWindow";
+import { NOTES_TELEPROMPTER_STORAGE_KEY } from "./notesTeleprompter";
+
+const tiptapState = vi.hoisted(() => ({
+	options: null as null | {
+		content: string;
+		onUpdate: (payload: { editor: { getHTML: () => string } }) => void;
+	},
+	editor: null as Editor | null,
+}));
+
+vi.mock("@tiptap/react", () => ({
+	useEditor: (options: typeof tiptapState.options) => {
+		tiptapState.options = options;
+		return tiptapState.editor;
+	},
+	EditorContent: ({
+		editor: _editor,
+		...props
+	}: React.HTMLAttributes<HTMLDivElement> & { editor: Editor | null }) => <div {...props} />,
+}));
+
+vi.mock("@tiptap/starter-kit", () => ({ default: {} }));
+
+vi.mock("@/components/ui/tooltip", () => ({
+	Tooltip: ({ children }: { children: React.ReactNode }) => children,
+}));
+
+vi.mock("@/contexts/I18nContext", () => ({
+	useI18n: () => ({ locale: "en" }),
+	useScopedT: () => (key: string, vars?: Record<string, string | number>) => {
+		const labels: Record<string, string> = {
+			"tooltips.notesToolbar.bold": "Bold",
+			"tooltips.notesToolbar.play": "Play",
+			"tooltips.notesToolbar.pause": "Pause",
+			"tooltips.notesToolbar.speed": "Scroll speed",
+			"tooltips.notesToolbar.decreaseSpeed": "Decrease scroll speed",
+			"tooltips.notesToolbar.increaseSpeed": "Increase scroll speed",
+			"tooltips.notesToolbar.fontSize": "Font size",
+			"tooltips.notesToolbar.decreaseFontSize": "Decrease font size",
+			"tooltips.notesToolbar.increaseFontSize": "Increase font size",
+			"tooltips.notesToolbar.mirror": "Mirror",
+			"units.pixelsPerSecond": "{{value}} px/s",
+			"units.pixels": "{{value}} px",
+		};
+		return (labels[key] ?? key).replace(/\{\{(\w+)\}\}/g, (_, name: string) =>
+			String(vars?.[name] ?? `{{${name}}}`),
+		);
+	},
+}));
+
+function createStorage(): Storage {
+	const values = new Map<string, string>();
+	return {
+		getItem: (key) => values.get(key) ?? null,
+		setItem: (key, value) => values.set(key, String(value)),
+		removeItem: (key) => values.delete(key),
+		clear: () => values.clear(),
+		key: (index) => Array.from(values.keys())[index] ?? null,
+		get length() {
+			return values.size;
+		},
+	};
+}
+
+const setEditable = vi.fn();
+
+function createEditor(scrollElement: HTMLElement): Editor {
+	const chain: Record<string, ReturnType<typeof vi.fn>> = {};
+	for (const command of [
+		"focus",
+		"toggleBold",
+		"toggleItalic",
+		"toggleStrike",
+		"toggleBulletList",
+		"toggleOrderedList",
+		"toggleBlockquote",
+		"toggleCodeBlock",
+	]) {
+		chain[command] = vi.fn(() => chain);
+	}
+	chain.run = vi.fn(() => true);
+
+	return {
+		can: () => ({ chain: () => chain }),
+		chain: () => chain,
+		isActive: () => false,
+		on: vi.fn(),
+		off: vi.fn(),
+		setEditable,
+		view: { dom: scrollElement },
+	} as unknown as Editor;
+}
+
+/** Mimics an engine that stores scroll offsets as whole pixels. */
+function makeScrollTopRounding(element: HTMLElement): void {
+	let value = 0;
+	Object.defineProperty(element, "scrollTop", {
+		configurable: true,
+		get: () => value,
+		set: (next: number) => {
+			value = Math.floor(next);
+		},
+	});
+}
+
+describe("NotesWindow teleprompter mode", () => {
+	let scrollElement: HTMLElement;
+	let frameCallbacks: Map<number, FrameRequestCallback>;
+	let nextFrameId: number;
+
+	function flushNextFrame(timestamp: number): void {
+		const entry = frameCallbacks.entries().next().value as
+			| [number, FrameRequestCallback]
+			| undefined;
+		if (!entry) {
+			throw new Error("No animation frame was scheduled");
+		}
+		frameCallbacks.delete(entry[0]);
+		act(() => entry[1](timestamp));
+	}
+
+	beforeEach(() => {
+		Object.defineProperty(globalThis, "localStorage", {
+			value: createStorage(),
+			configurable: true,
+		});
+		setEditable.mockClear();
+
+		scrollElement = document.createElement("div");
+		Object.defineProperties(scrollElement, {
+			scrollHeight: { value: 200, configurable: true },
+			clientHeight: { value: 100, configurable: true },
+		});
+		scrollElement.scrollTop = 0;
+		tiptapState.editor = createEditor(scrollElement);
+		tiptapState.options = null;
+
+		frameCallbacks = new Map();
+		nextFrameId = 1;
+		vi.stubGlobal(
+			"requestAnimationFrame",
+			vi.fn((callback: FrameRequestCallback) => {
+				const id = nextFrameId++;
+				frameCallbacks.set(id, callback);
+				return id;
+			}),
+		);
+		vi.stubGlobal(
+			"cancelAnimationFrame",
+			vi.fn((id: number) => {
+				frameCallbacks.delete(id);
+			}),
+		);
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+	});
+
+	it("starts paused, scrolls by elapsed time, resets timing on speed changes, and pauses", async () => {
+		const user = userEvent.setup();
+		render(<NotesWindow />);
+
+		await user.click(screen.getByRole("button", { name: "Play" }));
+		expect(screen.getByRole("button", { name: "Pause" })).toBeInTheDocument();
+
+		flushNextFrame(0);
+		expect(scrollElement.scrollTop).toBe(0);
+		flushNextFrame(100);
+		expect(scrollElement.scrollTop).toBe(4);
+
+		await user.click(screen.getByRole("button", { name: "Increase scroll speed" }));
+		flushNextFrame(1_000);
+		expect(scrollElement.scrollTop).toBe(4);
+		flushNextFrame(1_100);
+		expect(scrollElement.scrollTop).toBe(9);
+
+		await user.click(screen.getByRole("button", { name: "Pause" }));
+		expect(screen.getByRole("button", { name: "Play" })).toBeInTheDocument();
+		expect(frameCallbacks.size).toBe(0);
+	});
+
+	it("stops automatically at the bottom", async () => {
+		const user = userEvent.setup();
+		scrollElement.scrollTop = 96;
+		render(<NotesWindow />);
+
+		await user.click(screen.getByRole("button", { name: "Play" }));
+		flushNextFrame(0);
+		flushNextFrame(100);
+
+		expect(scrollElement.scrollTop).toBe(100);
+		expect(screen.getByRole("button", { name: "Play" })).toBeInTheDocument();
+		expect(frameCallbacks.size).toBe(0);
+	});
+
+	it("replays from the top when playback starts at the bottom", async () => {
+		const user = userEvent.setup();
+		scrollElement.scrollTop = 100;
+		render(<NotesWindow />);
+
+		await user.click(screen.getByRole("button", { name: "Play" }));
+		expect(scrollElement.scrollTop).toBe(0);
+
+		flushNextFrame(0);
+		flushNextFrame(100);
+
+		expect(scrollElement.scrollTop).toBe(4);
+		expect(screen.getByRole("button", { name: "Pause" })).toBeInTheDocument();
+	});
+
+	it("stays armed when the note is shorter than the window", async () => {
+		const user = userEvent.setup();
+		Object.defineProperties(scrollElement, {
+			scrollHeight: { value: 100, configurable: true },
+			clientHeight: { value: 100, configurable: true },
+		});
+		render(<NotesWindow />);
+
+		await user.click(screen.getByRole("button", { name: "Play" }));
+		flushNextFrame(0);
+		flushNextFrame(100);
+
+		// Nothing to scroll, but the control must not snap back and look broken.
+		expect(scrollElement.scrollTop).toBe(0);
+		expect(screen.getByRole("button", { name: "Pause" })).toBeInTheDocument();
+		expect(frameCallbacks.size).toBe(1);
+	});
+
+	it("keeps advancing when the engine rounds scrollTop to whole pixels", async () => {
+		const user = userEvent.setup();
+		makeScrollTopRounding(scrollElement);
+		render(<NotesWindow />);
+
+		await user.click(screen.getByRole("button", { name: "Play" }));
+
+		// 40 px/s over 16 ms frames is 0.64 px each — every one of them rounds away on its
+		// own, so reading the position back from the DOM would stall the teleprompter.
+		let timestamp = 0;
+		for (let frame = 0; frame <= 5; frame++) {
+			flushNextFrame(timestamp);
+			timestamp += 16;
+		}
+
+		expect(scrollElement.scrollTop).toBe(3);
+	});
+
+	it("makes the note read-only while playing", async () => {
+		const user = userEvent.setup();
+		render(<NotesWindow />);
+		expect(setEditable).toHaveBeenLastCalledWith(true, false);
+
+		await user.click(screen.getByRole("button", { name: "Play" }));
+		expect(setEditable).toHaveBeenLastCalledWith(false, false);
+		expect(screen.getByRole("button", { name: "Bold" })).toBeDisabled();
+
+		await user.click(screen.getByRole("button", { name: "Pause" }));
+		expect(setEditable).toHaveBeenLastCalledWith(true, false);
+		expect(screen.getByRole("button", { name: "Bold" })).toBeEnabled();
+	});
+
+	it("applies and persists font and mirror settings without persisting playback", async () => {
+		const user = userEvent.setup();
+		render(<NotesWindow />);
+		const content = screen.getByTestId("notes-teleprompter-content");
+
+		expect(content).toHaveStyle({ fontSize: "16px" });
+		expect(content).toHaveAttribute("data-mirrored", "false");
+		// Loading defaults is not a preference — nothing is stored until a control is used.
+		expect(localStorage.getItem(NOTES_TELEPROMPTER_STORAGE_KEY)).toBeNull();
+
+		await user.click(screen.getByRole("button", { name: "Increase font size" }));
+		await user.click(screen.getByRole("button", { name: "Mirror" }));
+		await user.click(screen.getByRole("button", { name: "Play" }));
+
+		expect(content).toHaveStyle({ fontSize: "18px" });
+		expect(content).toHaveAttribute("data-mirrored", "true");
+		await waitFor(() => {
+			expect(JSON.parse(localStorage.getItem(NOTES_TELEPROMPTER_STORAGE_KEY) ?? "")).toEqual({
+				speed: 40,
+				fontSize: 18,
+				mirrored: true,
+			});
+		});
+	});
+
+	it("still writes nothing on mount when StrictMode double-invokes effects", () => {
+		// The renderer really does mount under StrictMode (see src/main.tsx), so a
+		// "skip the first run" guard would persist defaults on the second invocation.
+		render(
+			<StrictMode>
+				<NotesWindow />
+			</StrictMode>,
+		);
+
+		expect(localStorage.getItem(NOTES_TELEPROMPTER_STORAGE_KEY)).toBeNull();
+	});
+
+	it("loads legacy note content and saves editor updates", () => {
+		localStorage.setItem("notes", "First\nSecond");
+		render(<NotesWindow />);
+
+		expect(tiptapState.options?.content).toBe("<p>First</p><p>Second</p>");
+		act(() => {
+			tiptapState.options?.onUpdate({
+				editor: { getHTML: () => "<p>Updated</p>" },
+			});
+		});
+		expect(localStorage.getItem("notes")).toBe("<p>Updated</p>");
+	});
+});
diff --git a/src/components/launch/NotesWindow.tsx b/src/components/launch/NotesWindow.tsx
index 2fb9e29ed..ab042f91f 100644
--- a/src/components/launch/NotesWindow.tsx
+++ b/src/components/launch/NotesWindow.tsx
@@ -1,27 +1,31 @@
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { NotesToolbar } from "./NotesToolbar";
+import {
+	clampNotesFontSize,
+	clampTeleprompterSpeed,
+	getMaxScrollTop,
+	getNextTeleprompterScrollTop,
+	getTeleprompterFrame,
+	isAtTeleprompterEnd,
+	loadInitialNotesContent,
+	loadNotesTeleprompterSettings,
+	NOTES_FONT_SIZE_STEP,
+	resolveTeleprompterPosition,
+	saveNotesContent,
+	saveNotesTeleprompterSettings,
+	TELEPROMPTER_SPEED_STEP,
+} from "./notesTeleprompter";
 import "./NotesWindow.module.css";
 
-function getInitialNotesContent(): string {
-	const stored = localStorage.getItem("notes");
-	if (!stored) {
-		return "";
-	}
-
-	// Notes saved before Tiptap were plain text; wrap so StarterKit can parse them.
-	if (!stored.trim().startsWith("<")) {
-		const escaped = stored.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-		return `<p>${escaped.replace(/\n/g, "</p><p>")}</p>`;
-	}
-
-	return stored;
-}
-
 export function NotesWindow() {
+	const [settings, setSettings] = useState(loadNotesTeleprompterSettings);
+	const [isPlaying, setIsPlaying] = useState(false);
+	const [initialContent] = useState(loadInitialNotesContent);
 	const editor = useEditor({
 		extensions: [StarterKit],
-		content: getInitialNotesContent(),
+		content: initialContent,
 		autofocus: "end",
 		editorProps: {
 			attributes: {
@@ -29,17 +33,121 @@ export function NotesWindow() {
 			},
 		},
 		onUpdate: ({ editor: nextEditor }) => {
-			localStorage.setItem("notes", nextEditor.getHTML());
+			saveNotesContent(nextEditor.getHTML());
 		},
 	});
 
+	// Writing back the settings that were just loaded would create the storage key before the
+	// user has touched a single control. Keying off the identity of the initial state rather
+	// than a "has run once" flag keeps that true under StrictMode's double-invoked effects.
+	const loadedSettingsRef = useRef(settings);
+	useEffect(() => {
+		if (settings === loadedSettingsRef.current) {
+			return;
+		}
+
+		saveNotesTeleprompterSettings(settings);
+	}, [settings]);
+
+	// Typing during playback makes ProseMirror scroll the caret back into view, which fights
+	// the teleprompter. Reading is the only sensible mode while it scrolls, so the note goes
+	// read-only and the toolbar disables formatting for as long as playback runs.
+	// `emitUpdate: false` — the content did not change, so there is nothing to persist.
+	useEffect(() => {
+		editor?.setEditable(!isPlaying, false);
+	}, [editor, isPlaying]);
+
+	useEffect(() => {
+		if (!isPlaying || !editor) {
+			return;
+		}
+
+		const scrollElement = editor.view.dom;
+
+		// Starting from the bottom — the end of a previous run, or a manual scroll —
+		// replays from the top instead of leaving the play button looking inert.
+		if (isAtTeleprompterEnd(scrollElement.scrollTop, getMaxScrollTop(scrollElement))) {
+			scrollElement.scrollTop = 0;
+		}
+
+		let frameId: number | null = null;
+		let previousTimestamp: number | null = null;
+		let position = scrollElement.scrollTop;
+
+		const tick = (timestamp: number) => {
+			const frame = getTeleprompterFrame(previousTimestamp, timestamp);
+			previousTimestamp = frame.nextTimestamp;
+
+			if (frame.elapsedMs > 0) {
+				const maximumScrollTop = getMaxScrollTop(scrollElement);
+				position = getNextTeleprompterScrollTop(
+					resolveTeleprompterPosition(position, scrollElement.scrollTop),
+					settings.speed,
+					frame.elapsedMs,
+					maximumScrollTop,
+				);
+
+				if (isAtTeleprompterEnd(position, maximumScrollTop)) {
+					scrollElement.scrollTop = maximumScrollTop;
+					setIsPlaying(false);
+					return;
+				}
+
+				scrollElement.scrollTop = position;
+			}
+
+			frameId = requestAnimationFrame(tick);
+		};
+
+		frameId = requestAnimationFrame(tick);
+		return () => {
+			if (frameId !== null) {
+				cancelAnimationFrame(frameId);
+			}
+		};
+	}, [editor, isPlaying, settings.speed]);
+
+	const changeSpeed = useCallback((delta: number) => {
+		setSettings((current) => ({
+			...current,
+			speed: clampTeleprompterSpeed(current.speed + delta),
+		}));
+	}, []);
+
+	const changeFontSize = useCallback((delta: number) => {
+		setSettings((current) => ({
+			...current,
+			fontSize: clampNotesFontSize(current.fontSize + delta),
+		}));
+	}, []);
+
 	return (
 		<div className="flex h-screen w-screen flex-col overflow-hidden bg-white px-6 pb-4 pt-3 gap-4">
-			<div className="shrink-0 flex justify-center">
-				<NotesToolbar editor={editor} />
+			<div className="flex min-w-0 shrink-0 justify-center">
+				<NotesToolbar
+					editor={editor}
+					isPlaying={isPlaying}
+					speed={settings.speed}
+					fontSize={settings.fontSize}
+					mirrored={settings.mirrored}
+					onTogglePlaying={() => setIsPlaying((current) => !current)}
+					onDecreaseSpeed={() => changeSpeed(-TELEPROMPTER_SPEED_STEP)}
+					onIncreaseSpeed={() => changeSpeed(TELEPROMPTER_SPEED_STEP)}
+					onDecreaseFontSize={() => changeFontSize(-NOTES_FONT_SIZE_STEP)}
+					onIncreaseFontSize={() => changeFontSize(NOTES_FONT_SIZE_STEP)}
+					onToggleMirror={() =>
+						setSettings((current) => ({ ...current, mirrored: !current.mirrored }))
+					}
+				/>
 			</div>
 
-			<EditorContent editor={editor} className="min-h-0 flex-1" />
+			<EditorContent
+				editor={editor}
+				data-testid="notes-teleprompter-content"
+				data-mirrored={settings.mirrored}
+				className="notes-teleprompter-content min-h-0 flex-1"
+				style={{ fontSize: `${settings.fontSize}px` }}
+			/>
 		</div>
 	);
 }
diff --git a/src/components/launch/notesTeleprompter.test.ts b/src/components/launch/notesTeleprompter.test.ts
new file mode 100644
index 000000000..56800361b
--- /dev/null
+++ b/src/components/launch/notesTeleprompter.test.ts
@@ -0,0 +1,177 @@
+import { describe, expect, it, vi } from "vitest";
+import {
+	clampNotesFontSize,
+	clampTeleprompterSpeed,
+	DEFAULT_NOTES_TELEPROMPTER_SETTINGS,
+	getMaxScrollTop,
+	getNextTeleprompterScrollTop,
+	getTeleprompterFrame,
+	isAtTeleprompterEnd,
+	loadInitialNotesContent,
+	loadNotesTeleprompterSettings,
+	MAX_NOTES_FONT_SIZE,
+	MAX_TELEPROMPTER_FRAME_MS,
+	MAX_TELEPROMPTER_SPEED,
+	MIN_NOTES_FONT_SIZE,
+	MIN_TELEPROMPTER_SPEED,
+	NOTES_TELEPROMPTER_STORAGE_KEY,
+	resolveTeleprompterPosition,
+	saveNotesContent,
+	saveNotesTeleprompterSettings,
+	TELEPROMPTER_SCROLL_TOLERANCE_PX,
+} from "./notesTeleprompter";
+
+describe("Notes teleprompter settings", () => {
+	it("uses defaults when storage is empty, corrupt, or throws", () => {
+		expect(loadNotesTeleprompterSettings({ getItem: () => null })).toEqual(
+			DEFAULT_NOTES_TELEPROMPTER_SETTINGS,
+		);
+		expect(loadNotesTeleprompterSettings({ getItem: () => "not json" })).toEqual(
+			DEFAULT_NOTES_TELEPROMPTER_SETTINGS,
+		);
+		expect(
+			loadNotesTeleprompterSettings({
+				getItem: () => {
+					throw new Error("denied");
+				},
+			}),
+		).toEqual(DEFAULT_NOTES_TELEPROMPTER_SETTINGS);
+	});
+
+	it("clamps persisted values and ignores non-setting fields", () => {
+		const stored = JSON.stringify({
+			speed: 1_000,
+			fontSize: 1,
+			mirrored: true,
+			isPlaying: true,
+		});
+		expect(loadNotesTeleprompterSettings({ getItem: () => stored })).toEqual({
+			speed: MAX_TELEPROMPTER_SPEED,
+			fontSize: MIN_NOTES_FONT_SIZE,
+			mirrored: true,
+		});
+	});
+
+	it("round-trips only speed, font size, and mirror", () => {
+		const setItem = vi.fn();
+		expect(
+			saveNotesTeleprompterSettings({ speed: 70, fontSize: 24, mirrored: true }, { setItem }),
+		).toBe(true);
+		expect(setItem).toHaveBeenCalledWith(
+			NOTES_TELEPROMPTER_STORAGE_KEY,
+			JSON.stringify({ speed: 70, fontSize: 24, mirrored: true }),
+		);
+	});
+
+	it("tolerates storage write failures", () => {
+		expect(
+			saveNotesTeleprompterSettings(DEFAULT_NOTES_TELEPROMPTER_SETTINGS, {
+				setItem: () => {
+					throw new Error("denied");
+				},
+			}),
+		).toBe(false);
+	});
+
+	it("enforces speed and font-size bounds", () => {
+		expect(clampTeleprompterSpeed(0)).toBe(MIN_TELEPROMPTER_SPEED);
+		expect(clampTeleprompterSpeed(1_000)).toBe(MAX_TELEPROMPTER_SPEED);
+		expect(clampNotesFontSize(0)).toBe(MIN_NOTES_FONT_SIZE);
+		expect(clampNotesFontSize(1_000)).toBe(MAX_NOTES_FONT_SIZE);
+	});
+});
+
+describe("Notes content compatibility", () => {
+	it("preserves HTML and converts escaped legacy plain text", () => {
+		expect(loadInitialNotesContent({ getItem: () => "<p>Saved</p>" })).toBe("<p>Saved</p>");
+		expect(loadInitialNotesContent({ getItem: () => "One & <two>\nThree" })).toBe(
+			"<p>One &amp; &lt;two&gt;</p><p>Three</p>",
+		);
+	});
+
+	it("falls back safely when content storage throws", () => {
+		expect(
+			loadInitialNotesContent({
+				getItem: () => {
+					throw new Error("denied");
+				},
+			}),
+		).toBe("");
+		expect(
+			saveNotesContent("<p>Saved</p>", {
+				setItem: () => {
+					throw new Error("denied");
+				},
+			}),
+		).toBe(false);
+	});
+});
+
+describe("Notes teleprompter frame math", () => {
+	it("initializes and resets without moving for invalid or backward timestamps", () => {
+		expect(getTeleprompterFrame(null, 100)).toEqual({
+			elapsedMs: 0,
+			nextTimestamp: 100,
+		});
+		expect(getTeleprompterFrame(100, Number.NaN)).toEqual({
+			elapsedMs: 0,
+			nextTimestamp: null,
+		});
+		expect(getTeleprompterFrame(100, 90)).toEqual({
+			elapsedMs: 0,
+			nextTimestamp: 90,
+		});
+	});
+
+	it("clamps long frame gaps", () => {
+		expect(getTeleprompterFrame(100, 1_000)).toEqual({
+			elapsedMs: MAX_TELEPROMPTER_FRAME_MS,
+			nextTimestamp: 1_000,
+		});
+	});
+
+	it("advances in pixels per second without crossing the bottom", () => {
+		expect(getNextTeleprompterScrollTop(10, 40, 100, 100)).toBe(14);
+		expect(getNextTeleprompterScrollTop(98, 40, 100, 100)).toBe(100);
+		expect(getNextTeleprompterScrollTop(Number.NaN, 40, -1, 100)).toBe(0);
+	});
+});
+
+describe("Notes teleprompter scroll position tracking", () => {
+	it("keeps the tracked sub-pixel position when the DOM only rounds it", () => {
+		const tracked = 12.4;
+		expect(resolveTeleprompterPosition(tracked, Math.floor(tracked))).toBe(tracked);
+		expect(resolveTeleprompterPosition(tracked, tracked + TELEPROMPTER_SCROLL_TOLERANCE_PX)).toBe(
+			tracked,
+		);
+	});
+
+	it("hands control back to the DOM once the reader scrolls by hand", () => {
+		expect(resolveTeleprompterPosition(12.4, 300)).toBe(300);
+		expect(resolveTeleprompterPosition(300, 12.4)).toBe(12.4);
+	});
+
+	it("falls back safely for unusable inputs", () => {
+		expect(resolveTeleprompterPosition(12.4, Number.NaN)).toBe(12.4);
+		expect(resolveTeleprompterPosition(Number.NaN, 12.4)).toBe(12.4);
+		expect(resolveTeleprompterPosition(Number.NaN, Number.NaN)).toBe(0);
+		expect(resolveTeleprompterPosition(-5, -5)).toBe(0);
+	});
+
+	it("reports the end only when there is something to scroll", () => {
+		expect(isAtTeleprompterEnd(100, 100)).toBe(true);
+		expect(isAtTeleprompterEnd(100 - TELEPROMPTER_SCROLL_TOLERANCE_PX, 100)).toBe(true);
+		expect(isAtTeleprompterEnd(50, 100)).toBe(false);
+
+		// A note that fits the window has nowhere to go — playback stays armed instead of
+		// snapping straight back to paused.
+		expect(isAtTeleprompterEnd(0, 0)).toBe(false);
+		expect(isAtTeleprompterEnd(0, Number.NaN)).toBe(false);
+	});
+
+	it("derives the scrollable distance without going negative", () => {
+		expect(getMaxScrollTop({ scrollHeight: 200, clientHeight: 100 })).toBe(100);
+		expect(getMaxScrollTop({ scrollHeight: 100, clientHeight: 100 })).toBe(0);
+		expect(getMaxScrollTop({ scrollHeight: 50, clientHeight: 100 })).toBe(0);
+	});
+});
diff --git a/src/components/launch/notesTeleprompter.ts b/src/components/launch/notesTeleprompter.ts
new file mode 100644
index 000000000..c650892fc
--- /dev/null
+++ b/src/components/launch/notesTeleprompter.ts
@@ -0,0 +1,215 @@
+export const NOTES_TELEPROMPTER_STORAGE_KEY = "notesTeleprompterSettings";
+
+export const MIN_TELEPROMPTER_SPEED = 10;
+export const MAX_TELEPROMPTER_SPEED = 100;
+export const TELEPROMPTER_SPEED_STEP = 10;
+
+export const MIN_NOTES_FONT_SIZE = 14;
+export const MAX_NOTES_FONT_SIZE = 48;
+export const NOTES_FONT_SIZE_STEP = 2;
+
+export const MAX_TELEPROMPTER_FRAME_MS = 100;
+
+/**
+ * How far the DOM scroll position may drift from the tracked one before the DOM wins.
+ * Also the slack used to decide the teleprompter has reached the bottom.
+ */
+export const TELEPROMPTER_SCROLL_TOLERANCE_PX = 1;
+
+export type NotesTeleprompterSettings = {
+	speed: number;
+	fontSize: number;
+	mirrored: boolean;
+};
+
+export const DEFAULT_NOTES_TELEPROMPTER_SETTINGS: NotesTeleprompterSettings = {
+	speed: 40,
+	fontSize: 16,
+	mirrored: false,
+};
+
+type ReadableStorage = Pick<Storage, "getItem">;
+type WritableStorage = Pick<Storage, "setItem">;
+
+function clampNumber(value: unknown, fallback: number, minimum: number, maximum: number): number {
+	if (typeof value !== "number" || !Number.isFinite(value)) {
+		return fallback;
+	}
+
+	return Math.min(maximum, Math.max(minimum, value));
+}
+
+export function clampTeleprompterSpeed(value: number): number {
+	return clampNumber(
+		value,
+		DEFAULT_NOTES_TELEPROMPTER_SETTINGS.speed,
+		MIN_TELEPROMPTER_SPEED,
+		MAX_TELEPROMPTER_SPEED,
+	);
+}
+
+export function clampNotesFontSize(value: number): number {
+	return clampNumber(
+		value,
+		DEFAULT_NOTES_TELEPROMPTER_SETTINGS.fontSize,
+		MIN_NOTES_FONT_SIZE,
+		MAX_NOTES_FONT_SIZE,
+	);
+}
+
+export function normalizeNotesTeleprompterSettings(value: unknown): NotesTeleprompterSettings {
+	if (!value || typeof value !== "object") {
+		return { ...DEFAULT_NOTES_TELEPROMPTER_SETTINGS };
+	}
+
+	const candidate = value as Partial<NotesTeleprompterSettings>;
+	return {
+		speed: clampTeleprompterSpeed(candidate.speed ?? Number.NaN),
+		fontSize: clampNotesFontSize(candidate.fontSize ?? Number.NaN),
+		mirrored:
+			typeof candidate.mirrored === "boolean"
+				? candidate.mirrored
+				: DEFAULT_NOTES_TELEPROMPTER_SETTINGS.mirrored,
+	};
+}
+
+export function loadNotesTeleprompterSettings(
+	storage: ReadableStorage = localStorage,
+): NotesTeleprompterSettings {
+	try {
+		const stored = storage.getItem(NOTES_TELEPROMPTER_STORAGE_KEY);
+		return stored
+			? normalizeNotesTeleprompterSettings(JSON.parse(stored))
+			: { ...DEFAULT_NOTES_TELEPROMPTER_SETTINGS };
+	} catch {
+		return { ...DEFAULT_NOTES_TELEPROMPTER_SETTINGS };
+	}
+}
+
+export function saveNotesTeleprompterSettings(
+	settings: NotesTeleprompterSettings,
+	storage: WritableStorage = localStorage,
+): boolean {
+	try {
+		storage.setItem(
+			NOTES_TELEPROMPTER_STORAGE_KEY,
+			JSON.stringify(normalizeNotesTeleprompterSettings(settings)),
+		);
+		return true;
+	} catch {
+		return false;
+	}
+}
+
+export function loadInitialNotesContent(storage: ReadableStorage = localStorage): string {
+	let stored: string | null;
+	try {
+		stored = storage.getItem("notes");
+	} catch {
+		return "";
+	}
+
+	if (!stored) {
+		return "";
+	}
+
+	// Notes saved before Tiptap were plain text; wrap so StarterKit can parse them.
+	if (!stored.trim().startsWith("<")) {
+		const escaped = stored.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+		return `<p>${escaped.replace(/\n/g, "</p><p>")}</p>`;
+	}
+
+	return stored;
+}
+
+export function saveNotesContent(html: string, storage: WritableStorage = localStorage): boolean {
+	try {
+		storage.setItem("notes", html);
+		return true;
+	} catch {
+		return false;
+	}
+}
+
+export type TeleprompterFrame = {
+	elapsedMs: number;
+	nextTimestamp: number | null;
+};
+
+export function getTeleprompterFrame(
+	previousTimestamp: number | null,
+	currentTimestamp: number,
+): TeleprompterFrame {
+	if (!Number.isFinite(currentTimestamp)) {
+		return { elapsedMs: 0, nextTimestamp: null };
+	}
+
+	if (
+		previousTimestamp === null ||
+		!Number.isFinite(previousTimestamp) ||
+		currentTimestamp <= previousTimestamp
+	) {
+		return { elapsedMs: 0, nextTimestamp: currentTimestamp };
+	}
+
+	return {
+		elapsedMs: Math.min(currentTimestamp - previousTimestamp, MAX_TELEPROMPTER_FRAME_MS),
+		nextTimestamp: currentTimestamp,
+	};
+}
+
+export function getNextTeleprompterScrollTop(
+	currentScrollTop: number,
+	speed: number,
+	elapsedMs: number,
+	maxScrollTop: number,
+): number {
+	const safeCurrent = Number.isFinite(currentScrollTop) ? Math.max(0, currentScrollTop) : 0;
+	const safeMaximum = Number.isFinite(maxScrollTop) ? Math.max(0, maxScrollTop) : 0;
+	const safeElapsed = Number.isFinite(elapsedMs) ? Math.max(0, elapsedMs) : 0;
+	const distance = (clampTeleprompterSpeed(speed) * safeElapsed) / 1_000;
+
+	return Math.min(safeMaximum, safeCurrent + distance);
+}
+
+/**
+ * Playback tracks its own fractional position instead of reading `scrollTop` back every
+ * frame: at the slowest speed a frame advances ~0.17px, and an engine that snaps scroll
+ * offsets to whole pixels would round that away, stalling the teleprompter outright.
+ * The DOM still wins once it drifts beyond the tolerance, so scrolling by hand mid-playback
+ * moves the teleprompter rather than fighting it.
+ */
+export function resolveTeleprompterPosition(
+	trackedPosition: number,
+	actualScrollTop: number,
+): number {
+	if (!Number.isFinite(actualScrollTop)) {
+		return Number.isFinite(trackedPosition) ? Math.max(0, trackedPosition) : 0;
+	}
+
+	if (!Number.isFinite(trackedPosition)) {
+		return Math.max(0, actualScrollTop);
+	}
+
+	const drift = Math.abs(actualScrollTop - trackedPosition);
+	return Math.max(0, drift > TELEPROMPTER_SCROLL_TOLERANCE_PX ? actualScrollTop : trackedPosition);
+}
+
+/**
+ * Content that fits the window is never "at the end" — it has nowhere to scroll, so
+ * playback stays armed and starts moving as soon as the note grows past the viewport.
+ */
+export function isAtTeleprompterEnd(scrollTop: number, maxScrollTop: number): boolean {
+	if (!Number.isFinite(maxScrollTop) || maxScrollTop <= 0) {
+		return false;
+	}
+
+	const safeScrollTop = Number.isFinite(scrollTop) ? scrollTop : 0;
+	return safeScrollTop >= maxScrollTop - TELEPROMPTER_SCROLL_TOLERANCE_PX;
+}
+
+export function getMaxScrollTop(
+	element: Pick<HTMLElement, "scrollHeight" | "clientHeight">,
+): number {
+	return Math.max(0, element.scrollHeight - element.clientHeight);
+}
diff --git a/src/i18n/locales/ar/common.json b/src/i18n/locales/ar/common.json
index 3591a29ab..16b826989 100644
--- a/src/i18n/locales/ar/common.json
+++ b/src/i18n/locales/ar/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "ملء الشاشة",
 		"exitFullscreen": "خروج من ملء الشاشة"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} بكسل/ثانية",
+		"pixels": "{{value}} بكسل"
+	},
 	"locale": {
 		"name": "عربي",
 		"short": "AR"
diff --git a/src/i18n/locales/ar/launch.json b/src/i18n/locales/ar/launch.json
index 37b1a4fb5..08cb8a4e5 100644
--- a/src/i18n/locales/ar/launch.json
+++ b/src/i18n/locales/ar/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "قائمة نقطية",
 			"numberedList": "قائمة مرقمة",
 			"blockquote": "اقتباس",
-			"codeBlock": "كتلة تعليمات برمجية"
+			"codeBlock": "كتلة تعليمات برمجية",
+			"play": "تشغيل التمرير التلقائي",
+			"pause": "إيقاف التمرير مؤقتًا",
+			"speed": "سرعة التمرير",
+			"decreaseSpeed": "تقليل سرعة التمرير",
+			"increaseSpeed": "زيادة سرعة التمرير",
+			"fontSize": "حجم الخط",
+			"decreaseFontSize": "تصغير حجم الخط",
+			"increaseFontSize": "تكبير حجم الخط",
+			"mirror": "عكس أفقي"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/en/common.json b/src/i18n/locales/en/common.json
index f60a40267..6d77a0121 100644
--- a/src/i18n/locales/en/common.json
+++ b/src/i18n/locales/en/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "Fullscreen",
 		"exitFullscreen": "Exit Fullscreen"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} px/s",
+		"pixels": "{{value}} px"
+	},
 	"locale": {
 		"name": "English",
 		"short": "EN"
diff --git a/src/i18n/locales/en/launch.json b/src/i18n/locales/en/launch.json
index 95039a859..02b8ca626 100644
--- a/src/i18n/locales/en/launch.json
+++ b/src/i18n/locales/en/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "Bullet list",
 			"numberedList": "Numbered list",
 			"blockquote": "Blockquote",
-			"codeBlock": "Code block"
+			"codeBlock": "Code block",
+			"play": "Start auto-scroll",
+			"pause": "Pause auto-scroll",
+			"speed": "Scroll speed",
+			"decreaseSpeed": "Decrease scroll speed",
+			"increaseSpeed": "Increase scroll speed",
+			"fontSize": "Font size",
+			"decreaseFontSize": "Decrease font size",
+			"increaseFontSize": "Increase font size",
+			"mirror": "Mirror horizontally"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/es/common.json b/src/i18n/locales/es/common.json
index 48160a9cf..82da2527a 100644
--- a/src/i18n/locales/es/common.json
+++ b/src/i18n/locales/es/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "Pantalla completa",
 		"exitFullscreen": "Salir de pantalla completa"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} píxeles/s",
+		"pixels": "{{value}} píxeles"
+	},
 	"locale": {
 		"name": "Español",
 		"short": "ES"
diff --git a/src/i18n/locales/es/launch.json b/src/i18n/locales/es/launch.json
index a37123894..c5fb8d10e 100644
--- a/src/i18n/locales/es/launch.json
+++ b/src/i18n/locales/es/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "Lista con viñetas",
 			"numberedList": "Lista numerada",
 			"blockquote": "Cita",
-			"codeBlock": "Bloque de código"
+			"codeBlock": "Bloque de código",
+			"play": "Iniciar desplazamiento automático",
+			"pause": "Pausar desplazamiento automático",
+			"speed": "Velocidad de desplazamiento",
+			"decreaseSpeed": "Reducir velocidad de desplazamiento",
+			"increaseSpeed": "Aumentar velocidad de desplazamiento",
+			"fontSize": "Tamaño de fuente",
+			"decreaseFontSize": "Reducir tamaño de fuente",
+			"increaseFontSize": "Aumentar tamaño de fuente",
+			"mirror": "Reflejar horizontalmente"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/fr/common.json b/src/i18n/locales/fr/common.json
index f53ec4385..47955acd2 100644
--- a/src/i18n/locales/fr/common.json
+++ b/src/i18n/locales/fr/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "Plein écran",
 		"exitFullscreen": "Quitter le plein écran"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} pixels/s",
+		"pixels": "{{value}} pixels"
+	},
 	"locale": {
 		"name": "Français",
 		"short": "FR"
diff --git a/src/i18n/locales/fr/launch.json b/src/i18n/locales/fr/launch.json
index 929a8c8db..5c49eafd1 100644
--- a/src/i18n/locales/fr/launch.json
+++ b/src/i18n/locales/fr/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "Liste à puces",
 			"numberedList": "Liste numérotée",
 			"blockquote": "Citation",
-			"codeBlock": "Bloc de code"
+			"codeBlock": "Bloc de code",
+			"play": "Démarrer le défilement automatique",
+			"pause": "Mettre le défilement en pause",
+			"speed": "Vitesse de défilement",
+			"decreaseSpeed": "Réduire la vitesse de défilement",
+			"increaseSpeed": "Augmenter la vitesse de défilement",
+			"fontSize": "Taille de police",
+			"decreaseFontSize": "Réduire la taille de police",
+			"increaseFontSize": "Augmenter la taille de police",
+			"mirror": "Miroir horizontal"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/it/common.json b/src/i18n/locales/it/common.json
index c829a98a0..728b04e4f 100644
--- a/src/i18n/locales/it/common.json
+++ b/src/i18n/locales/it/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "Schermo intero",
 		"exitFullscreen": "Esci dallo schermo intero"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} pixel/s",
+		"pixels": "{{value}} pixel"
+	},
 	"locale": {
 		"name": "Italiano",
 		"short": "IT"
diff --git a/src/i18n/locales/it/launch.json b/src/i18n/locales/it/launch.json
index 89eb8c9e5..7136316a1 100644
--- a/src/i18n/locales/it/launch.json
+++ b/src/i18n/locales/it/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "Elenco puntato",
 			"numberedList": "Elenco numerato",
 			"blockquote": "Citazione",
-			"codeBlock": "Blocco di codice"
+			"codeBlock": "Blocco di codice",
+			"play": "Avvia scorrimento automatico",
+			"pause": "Metti in pausa lo scorrimento",
+			"speed": "Velocità di scorrimento",
+			"decreaseSpeed": "Riduci velocità di scorrimento",
+			"increaseSpeed": "Aumenta velocità di scorrimento",
+			"fontSize": "Dimensione carattere",
+			"decreaseFontSize": "Riduci dimensione carattere",
+			"increaseFontSize": "Aumenta dimensione carattere",
+			"mirror": "Specchia orizzontalmente"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/ja-JP/common.json b/src/i18n/locales/ja-JP/common.json
index 74bd986ac..53b684bb1 100644
--- a/src/i18n/locales/ja-JP/common.json
+++ b/src/i18n/locales/ja-JP/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "全画面表示",
 		"exitFullscreen": "全画面表示を終了"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} px/秒",
+		"pixels": "{{value}} px"
+	},
 	"locale": {
 		"name": "日本語",
 		"short": "JA"
diff --git a/src/i18n/locales/ja-JP/launch.json b/src/i18n/locales/ja-JP/launch.json
index 08d4b2349..bb564e44b 100644
--- a/src/i18n/locales/ja-JP/launch.json
+++ b/src/i18n/locales/ja-JP/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "箇条書きリスト",
 			"numberedList": "番号付きリスト",
 			"blockquote": "引用",
-			"codeBlock": "コードブロック"
+			"codeBlock": "コードブロック",
+			"play": "自動スクロールを開始",
+			"pause": "自動スクロールを一時停止",
+			"speed": "スクロール速度",
+			"decreaseSpeed": "スクロール速度を下げる",
+			"increaseSpeed": "スクロール速度を上げる",
+			"fontSize": "フォントサイズ",
+			"decreaseFontSize": "フォントサイズを小さくする",
+			"increaseFontSize": "フォントサイズを大きくする",
+			"mirror": "左右反転"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/ko-KR/common.json b/src/i18n/locales/ko-KR/common.json
index 8f8fb69bd..612f08bef 100644
--- a/src/i18n/locales/ko-KR/common.json
+++ b/src/i18n/locales/ko-KR/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "전체화면",
 		"exitFullscreen": "전체화면 종료"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} px/초",
+		"pixels": "{{value}} px"
+	},
 	"locale": {
 		"name": "한국어",
 		"short": "KO"
diff --git a/src/i18n/locales/ko-KR/launch.json b/src/i18n/locales/ko-KR/launch.json
index 00c0c3625..bd297c0c7 100644
--- a/src/i18n/locales/ko-KR/launch.json
+++ b/src/i18n/locales/ko-KR/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "글머리 기호 목록",
 			"numberedList": "번호 매기기 목록",
 			"blockquote": "인용문",
-			"codeBlock": "코드 블록"
+			"codeBlock": "코드 블록",
+			"play": "자동 스크롤 시작",
+			"pause": "자동 스크롤 일시 중지",
+			"speed": "스크롤 속도",
+			"decreaseSpeed": "스크롤 속도 낮추기",
+			"increaseSpeed": "스크롤 속도 높이기",
+			"fontSize": "글꼴 크기",
+			"decreaseFontSize": "글꼴 크기 줄이기",
+			"increaseFontSize": "글꼴 크기 늘리기",
+			"mirror": "좌우 반전"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/pt-BR/common.json b/src/i18n/locales/pt-BR/common.json
index bebd54d16..ee06d2391 100644
--- a/src/i18n/locales/pt-BR/common.json
+++ b/src/i18n/locales/pt-BR/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "Tela Cheia",
 		"exitFullscreen": "Sair da Tela Cheia"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} pixels/s",
+		"pixels": "{{value}} pixels"
+	},
 	"locale": {
 		"name": "Português Brasileiro",
 		"short": "PT-BR"
diff --git a/src/i18n/locales/pt-BR/launch.json b/src/i18n/locales/pt-BR/launch.json
index 97733fb6e..1470d4cce 100644
--- a/src/i18n/locales/pt-BR/launch.json
+++ b/src/i18n/locales/pt-BR/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "Lista com marcadores",
 			"numberedList": "Lista numerada",
 			"blockquote": "Citação",
-			"codeBlock": "Bloco de código"
+			"codeBlock": "Bloco de código",
+			"play": "Iniciar rolagem automática",
+			"pause": "Pausar rolagem automática",
+			"speed": "Velocidade de rolagem",
+			"decreaseSpeed": "Diminuir velocidade de rolagem",
+			"increaseSpeed": "Aumentar velocidade de rolagem",
+			"fontSize": "Tamanho da fonte",
+			"decreaseFontSize": "Diminuir tamanho da fonte",
+			"increaseFontSize": "Aumentar tamanho da fonte",
+			"mirror": "Espelhar horizontalmente"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/ru/common.json b/src/i18n/locales/ru/common.json
index e001a5f6b..6e2d97186 100644
--- a/src/i18n/locales/ru/common.json
+++ b/src/i18n/locales/ru/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "Полный экран",
 		"exitFullscreen": "Выход из полного экрана"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} пикс/с",
+		"pixels": "{{value}} пикс"
+	},
 	"locale": {
 		"name": "Русский",
 		"short": "RU"
diff --git a/src/i18n/locales/ru/launch.json b/src/i18n/locales/ru/launch.json
index d9cddeaf1..7836e4b87 100644
--- a/src/i18n/locales/ru/launch.json
+++ b/src/i18n/locales/ru/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "Маркированный список",
 			"numberedList": "Нумерованный список",
 			"blockquote": "Цитата",
-			"codeBlock": "Блок кода"
+			"codeBlock": "Блок кода",
+			"play": "Запустить автопрокрутку",
+			"pause": "Приостановить автопрокрутку",
+			"speed": "Скорость прокрутки",
+			"decreaseSpeed": "Уменьшить скорость прокрутки",
+			"increaseSpeed": "Увеличить скорость прокрутки",
+			"fontSize": "Размер шрифта",
+			"decreaseFontSize": "Уменьшить размер шрифта",
+			"increaseFontSize": "Увеличить размер шрифта",
+			"mirror": "Отразить по горизонтали"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/tr/common.json b/src/i18n/locales/tr/common.json
index 69face446..cdac32a81 100644
--- a/src/i18n/locales/tr/common.json
+++ b/src/i18n/locales/tr/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "Tam Ekran",
 		"exitFullscreen": "Tam Ekrandan Çık"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} piks/sn",
+		"pixels": "{{value}} piks"
+	},
 	"locale": {
 		"name": "Türkçe",
 		"short": "TR"
diff --git a/src/i18n/locales/tr/launch.json b/src/i18n/locales/tr/launch.json
index e1d6593a3..05e415afb 100644
--- a/src/i18n/locales/tr/launch.json
+++ b/src/i18n/locales/tr/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "Madde işaretli liste",
 			"numberedList": "Numaralı liste",
 			"blockquote": "Alıntı",
-			"codeBlock": "Kod bloğu"
+			"codeBlock": "Kod bloğu",
+			"play": "Otomatik kaydırmayı başlat",
+			"pause": "Otomatik kaydırmayı duraklat",
+			"speed": "Kaydırma hızı",
+			"decreaseSpeed": "Kaydırma hızını azalt",
+			"increaseSpeed": "Kaydırma hızını artır",
+			"fontSize": "Yazı tipi boyutu",
+			"decreaseFontSize": "Yazı tipi boyutunu küçült",
+			"increaseFontSize": "Yazı tipi boyutunu büyüt",
+			"mirror": "Yatay aynala"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/vi/common.json b/src/i18n/locales/vi/common.json
index 50c1f8150..f9f9fd067 100644
--- a/src/i18n/locales/vi/common.json
+++ b/src/i18n/locales/vi/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "Toàn màn hình",
 		"exitFullscreen": "Thoát toàn màn hình"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} px/giây",
+		"pixels": "{{value}} px"
+	},
 	"locale": {
 		"name": "Tiếng Việt",
 		"short": "VI"
diff --git a/src/i18n/locales/vi/launch.json b/src/i18n/locales/vi/launch.json
index 70bbdd42c..e1488e425 100644
--- a/src/i18n/locales/vi/launch.json
+++ b/src/i18n/locales/vi/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "Danh sách dấu đầu dòng",
 			"numberedList": "Danh sách đánh số",
 			"blockquote": "Trích dẫn",
-			"codeBlock": "Khối mã"
+			"codeBlock": "Khối mã",
+			"play": "Bắt đầu tự động cuộn",
+			"pause": "Tạm dừng tự động cuộn",
+			"speed": "Tốc độ cuộn",
+			"decreaseSpeed": "Giảm tốc độ cuộn",
+			"increaseSpeed": "Tăng tốc độ cuộn",
+			"fontSize": "Cỡ chữ",
+			"decreaseFontSize": "Giảm cỡ chữ",
+			"increaseFontSize": "Tăng cỡ chữ",
+			"mirror": "Lật ngang"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/zh-CN/common.json b/src/i18n/locales/zh-CN/common.json
index e1b8ffc50..1d72f32be 100644
--- a/src/i18n/locales/zh-CN/common.json
+++ b/src/i18n/locales/zh-CN/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "全屏",
 		"exitFullscreen": "退出全屏"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} 像素/秒",
+		"pixels": "{{value}} 像素"
+	},
 	"locale": {
 		"name": "简体中文",
 		"short": "简中"
diff --git a/src/i18n/locales/zh-CN/launch.json b/src/i18n/locales/zh-CN/launch.json
index 232c3568e..f67815fce 100644
--- a/src/i18n/locales/zh-CN/launch.json
+++ b/src/i18n/locales/zh-CN/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "无序列表",
 			"numberedList": "有序列表",
 			"blockquote": "引用",
-			"codeBlock": "代码块"
+			"codeBlock": "代码块",
+			"play": "开始自动滚动",
+			"pause": "暂停自动滚动",
+			"speed": "滚动速度",
+			"decreaseSpeed": "降低滚动速度",
+			"increaseSpeed": "提高滚动速度",
+			"fontSize": "字体大小",
+			"decreaseFontSize": "减小字体",
+			"increaseFontSize": "增大字体",
+			"mirror": "水平镜像"
 		}
 	},
 	"audio": {
diff --git a/src/i18n/locales/zh-TW/common.json b/src/i18n/locales/zh-TW/common.json
index 39e78cdda..92401c80a 100644
--- a/src/i18n/locales/zh-TW/common.json
+++ b/src/i18n/locales/zh-TW/common.json
@@ -43,6 +43,10 @@
 		"fullscreen": "全螢幕",
 		"exitFullscreen": "退出全螢幕"
 	},
+	"units": {
+		"pixelsPerSecond": "{{value}} 像素/秒",
+		"pixels": "{{value}} 像素"
+	},
 	"locale": {
 		"name": "繁體中文",
 		"short": "繁中"
diff --git a/src/i18n/locales/zh-TW/launch.json b/src/i18n/locales/zh-TW/launch.json
index 73d8a99c5..5e8fbf10d 100644
--- a/src/i18n/locales/zh-TW/launch.json
+++ b/src/i18n/locales/zh-TW/launch.json
@@ -20,7 +20,16 @@
 			"bulletList": "項目符號清單",
 			"numberedList": "編號清單",
 			"blockquote": "引言",
-			"codeBlock": "程式碼區塊"
+			"codeBlock": "程式碼區塊",
+			"play": "開始自動捲動",
+			"pause": "暫停自動捲動",
+			"speed": "捲動速度",
+			"decreaseSpeed": "降低捲動速度",
+			"increaseSpeed": "提高捲動速度",
+			"fontSize": "字體大小",
+			"decreaseFontSize": "縮小字體",
+			"increaseFontSize": "放大字體",
+			"mirror": "水平鏡像"
 		}
 	},
 	"audio": {