refactor: extract audiobook stylesheet

CHANGELOG.md

@@ -8,6 +8,8 @@ Follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) · versioned wi
 ## [Unreleased]
 
 ### Changed
+- **Audiobook/Reader stylesheet extraction.** Reader controls, Audiobook casting, page layout, character overlays,
+  and confidence/recast styles now live in `static/css/audiobook.css` with release cache busting.
 - **Rehearser stylesheet extraction.** The main Rehearser layout, cast, stage, training, library, and script-view
   rules now live in `static/css/rehearser.css`, loaded after the core stylesheet with release cache busting.
 - **Rehearser cast-renderer extraction.** The full cast-card renderer and delegated cast interactions now live in

TODO.md

@@ -143,7 +143,7 @@ architecture change: the larger Audiobook/Rehearser/style split.
 - [x] Split background-job history and retry-panel styles into `static/css/background-jobs.css`.
 - [x] Split Voice Design form and sample-grid styles into `static/css/voice-design.css`.
 - [x] Split `style.css` by feature; Rehearser rules now live in `static/css/rehearser.css` alongside the existing
-  diagnostics, background-job, and voice-design feature styles.
+  diagnostics, background-job, voice-design, and Audiobook/Reader feature styles.
 - [ ] Do not migrate to TypeScript or rewrite the frontend until behavior is covered by tests.
 
 ## P1 — Frontend performance and memory safety

VERSION

@@ -1 +1 @@
-1.24.45
+1.24.46

docs/ARCHITECTURE.md

@@ -43,6 +43,7 @@ Done incrementally as global-scope ordered files (no ES-module change needed)
 - ✅ `static/css/background-jobs.css` — isolated background-job history and retry-panel styles.
 - ✅ `static/css/voice-design.css` — isolated Voice Design form, samples, and preview-match styles.
 - ✅ `static/css/rehearser.css` — isolated Rehearser modal, cast, stage, training, bookshelf, and script-view styles.
+- ✅ `static/css/audiobook.css` — isolated Reader/Audiobook controls, casting feed, page layout, character overlays, and review styles.
 - ✅ `rehearser-train.js` — transcript normalization, LCS comparison, and word-level training feedback; microphone/state wiring remains in `rehearser.js`.
 - ✅ `rehearser-library.js` — SQLite persistence helpers and IndexedDB migration; import/export and auto-save remain
   in `rehearser.js` until their UI/event-handler dependencies are isolated.

static/index.html

@@ -10,7 +10,7 @@
   <meta name="format-detection" content="telephone=no">
   <meta name="color-scheme" content="light dark">
   <meta name="theme-color" content="#2563EB">
-  <meta name="app-version" content="1.24.45">
+  <meta name="app-version" content="1.24.46">
   <link rel="manifest" href="/manifest.webmanifest">
   <link rel="icon" href="/static/icon.svg" type="image/svg+xml">
   <link rel="apple-touch-icon" href="/static/icon.svg">
@@ -27,11 +27,12 @@
 
   <!-- ── Core styles (local — no CDN dependency for first paint) ────────── -->
   <link rel="stylesheet" href="/static/vendor/mdi/materialdesignicons.min.css">
-  <link rel="stylesheet" href="/static/style.css?v=1.24.45">
-  <link rel="stylesheet" href="/static/css/resource-diagnostics.css?v=1.24.45">
-  <link rel="stylesheet" href="/static/css/background-jobs.css?v=1.24.45">
-  <link rel="stylesheet" href="/static/css/voice-design.css?v=1.24.45">
-  <link rel="stylesheet" href="/static/css/rehearser.css?v=1.24.45">
+  <link rel="stylesheet" href="/static/style.css?v=1.24.46">
+  <link rel="stylesheet" href="/static/css/resource-diagnostics.css?v=1.24.46">
+  <link rel="stylesheet" href="/static/css/background-jobs.css?v=1.24.46">
+  <link rel="stylesheet" href="/static/css/voice-design.css?v=1.24.46">
+  <link rel="stylesheet" href="/static/css/rehearser.css?v=1.24.46">
+  <link rel="stylesheet" href="/static/css/audiobook.css?v=1.24.46">
 
 
   <!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── -->
@@ -396,7 +397,7 @@ window.toggleNavTree = function(treeId, chevronId) {
 </script>
 
 <!-- loader.js: fetches sections → loads JS modules → removes skeleton -->
-<script src="/static/loader.js?v=1.24.45"></script>
+<script src="/static/loader.js?v=1.24.46"></script>
 
 </body>
 </html>