feat: the redesigned Event Clock

The new reader app replaces the old UI: Checklist with a rail (focus
pills, Next to expire, today's dailies, pinned routines), Timeline in a
new and a classic look, Routines, Archive and a Settings area, in a
Structured (default) and a Relaxed interface. It follows the approved
Round 6 B and Round 7 mockups, corrected screen by screen with the owner.

Reader data moves to a v2 store (gacha-tracker:v2:*). Existing v1 data
is migrated on first load, a recovery copy is written first, and the v1
keys are never removed, so a rollback finds them unchanged. Redeem codes
for Genshin arrive as their own feed.

Also: live's urgency ramp, editable per theme; completion and
section-complete fireworks; a returning-user tour; the design mockups,
specs, plans, reviews and handoff record.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

test/appearance-ui.test.tsx

@@ -0,0 +1,26 @@
+import { expect, test } from "bun:test";
+import { renderToStaticMarkup as render } from "react-dom/server";
+import { AppearancePage } from "../src/client/components/redesign/AppearancePage.tsx";
+import { migrateLegacy } from "../src/client/state/reader/migration.ts";
+test("both interface choices, Custom schemes and routine disclosure are available together", () => {
+  const s = migrateLegacy(
+    {},
+    [],
+    "2026-10-16T12:00:00.000Z",
+    () => "account:test",
+  );
+  s.prefs.scheme = "custom";
+  const html = render(
+    <AppearancePage state={s} onAction={async () => ({ ok: true })} />,
+  );
+  for (const label of [
+    "Relaxed",
+    "Structured",
+    "Custom",
+    "Dark colours",
+    "Light colours",
+    "Always expanded",
+    "Separate panel",
+  ])
+    expect(html).toContain(label);
+});