Fix: red headings, voice-edit badge, and voices persisting across refresh

- Persist voiceQuote + voiceDesignUsed in the saved persona record. Without them, a
reloaded persona always read as "dirty" so ▶ re-synthesized instead of replaying the
cached file — that's why "voices weren't saved on refresh." Now a saved voice reloads
as current and replays from IndexedDB; only real quote/voice edits mark it stale.
- Section headings: color !important so Gradio's text var can't blacken them (now red).
Verified red = rgb(216,39,26).
- Confirmed: editing the voice design (not just the quote) badges ▶; audio + voice-state
survive a page reload.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web/personaStore.js

@@ -42,6 +42,10 @@ export function savePersona(p) {
     personality: p.personality || '',
     vibe: p.vibe || '',
     seed: p.seed || '',
+    // What the cached voice file (IndexedDB) was made for — so after a refresh we know
+    // the audio is current (replay it) vs stale (re-make it), instead of always re-synthing.
+    voiceQuote: p.voiceQuote || '',
+    voiceDesignUsed: p.voiceDesignUsed || '',
     createdAt: now,
     updatedAt: now,
   }

web/shell/persona.css

@@ -68,7 +68,7 @@
 .persona-sec-title {
   display: flex; align-items: center; gap: 8px;
   font-family: var(--p-mono); font-size: 10px; font-weight: 500; letter-spacing: .2em;
-  text-transform: uppercase; color: var(--p-transmit);
+  text-transform: uppercase; color: var(--p-transmit) !important; /* beat Gradio's text var */
 }
 .persona-sec-title::before { content: ''; height: 2px; width: 18px; background: var(--p-ink); flex-shrink: 0; }
 .persona-voice-desc {