agent: lumotia-rebrand — frontend strings (svelte + i18n + design-system)

Phase 8 of the rebrand cascade. Every rendered string is now Lumotia;
no Magnotia surface visible in the UI.

Sweep replaced \bmagnotia\b -> lumotia and \bMagnotia\b -> Lumotia
across all .svelte / .ts / .js / .css / .html / .json (excluding
package-lock.json which regenerates, target/, build/, node_modules/).

Surfaces touched:
- src/app.css — design-token comment header and .magnotia-rh-* CSS
  resize-handle class selectors (also the consuming elements in
  components/ResizeHandles.svelte and src/routes/*/+layout.svelte).
- src/lib/i18n/locales/{en,de,es}.json — brand name in translations.
- src/lib/i18n/index.ts — header comment.
- src/lib/Sidebar.svelte and most pages under src/lib/pages/ +
  src/lib/components/ — title bars, document titles, default
  filenames (lumotia-YYYY-MM-DD.* etc), toast strings, error
  messages, dialog headers.
- src/routes/+layout.svelte, +page.svelte, viewer/, float/, preview/.
- src/app.html page <title>.
- src/lib/utils/settingsMigrations.ts — fallback toast copy.
- src/design-system/{colors_and_type.css,SKILL.md,README.md,
  ui_kits/{Sidebar.jsx,index.html}} — design-tokens, doc strings,
  preview wordmark in the kit.
- package.json — name + description.

NOT touched (deferred / immutable):
- package-lock.json — regenerates on next npm install.
- The two migration-call sites in stores reference the legacy magnotia
  keys deliberately; restored after the sweep clobbered them.
- docs/, README.md, HANDOVER.md — Phase 9 scope.

npm run check: 0 errors / 0 warnings (3958 files).
cargo test --workspace: 339 pass / 0 fail.

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

src/app.css

@@ -48,7 +48,7 @@
 
 @import "tailwindcss";
 
-/* === Magnotia Design Tokens === */
+/* === Lumotia Design Tokens === */
 @theme {
   /* Surfaces — warm layered depth */
   --color-bg: #0f0e0c;
@@ -131,9 +131,9 @@
   --duration-decorative: 300ms;
 
   /* Window resize hit zones — consumed by ResizeHandles.svelte. One source
-     of truth so every Magnotia window feels identical. */
-  --magnotia-resize-edge: 12px;
-  --magnotia-resize-corner: 20px;
+     of truth so every Lumotia window feels identical. */
+  --lumotia-resize-edge: 12px;
+  --lumotia-resize-corner: 20px;
 }
 
 /* === Button Component Classes === */
@@ -507,7 +507,7 @@ textarea, input, [data-no-transition] {
    parse it as a per-component virtual CSS module, which triggers an
    "Invalid declaration" error on plain CSS inputs in some Tailwind v4
    + Svelte 5 combinations. */
-.magnotia-rh {
+.lumotia-rh {
   position: fixed;
   z-index: 2147483646;
   background: transparent;
@@ -517,67 +517,67 @@ textarea, input, [data-no-transition] {
   -webkit-user-select: none;
 }
 
-.magnotia-rh-nw,
-.magnotia-rh-ne,
-.magnotia-rh-sw,
-.magnotia-rh-se {
+.lumotia-rh-nw,
+.lumotia-rh-ne,
+.lumotia-rh-sw,
+.lumotia-rh-se {
   z-index: 2147483647;
 }
 
-.magnotia-rh-n {
+.lumotia-rh-n {
   top: 0;
-  left: var(--magnotia-resize-corner);
-  right: var(--magnotia-resize-corner);
-  height: var(--magnotia-resize-edge);
+  left: var(--lumotia-resize-corner);
+  right: var(--lumotia-resize-corner);
+  height: var(--lumotia-resize-edge);
   cursor: n-resize;
 }
-.magnotia-rh-s {
+.lumotia-rh-s {
   bottom: 0;
-  left: var(--magnotia-resize-corner);
-  right: var(--magnotia-resize-corner);
-  height: var(--magnotia-resize-edge);
+  left: var(--lumotia-resize-corner);
+  right: var(--lumotia-resize-corner);
+  height: var(--lumotia-resize-edge);
   cursor: s-resize;
 }
-.magnotia-rh-w {
-  top: var(--magnotia-resize-corner);
-  bottom: var(--magnotia-resize-corner);
+.lumotia-rh-w {
+  top: var(--lumotia-resize-corner);
+  bottom: var(--lumotia-resize-corner);
   left: 0;
-  width: var(--magnotia-resize-edge);
+  width: var(--lumotia-resize-edge);
   cursor: w-resize;
 }
-.magnotia-rh-e {
-  top: var(--magnotia-resize-corner);
-  bottom: var(--magnotia-resize-corner);
+.lumotia-rh-e {
+  top: var(--lumotia-resize-corner);
+  bottom: var(--lumotia-resize-corner);
   right: 0;
-  width: var(--magnotia-resize-edge);
+  width: var(--lumotia-resize-edge);
   cursor: e-resize;
 }
 
-.magnotia-rh-nw {
+.lumotia-rh-nw {
   top: 0;
   left: 0;
-  width: var(--magnotia-resize-corner);
-  height: var(--magnotia-resize-corner);
+  width: var(--lumotia-resize-corner);
+  height: var(--lumotia-resize-corner);
   cursor: nw-resize;
 }
-.magnotia-rh-ne {
+.lumotia-rh-ne {
   top: 0;
   right: 0;
-  width: var(--magnotia-resize-corner);
-  height: var(--magnotia-resize-corner);
+  width: var(--lumotia-resize-corner);
+  height: var(--lumotia-resize-corner);
   cursor: ne-resize;
 }
-.magnotia-rh-sw {
+.lumotia-rh-sw {
   bottom: 0;
   left: 0;
-  width: var(--magnotia-resize-corner);
-  height: var(--magnotia-resize-corner);
+  width: var(--lumotia-resize-corner);
+  height: var(--lumotia-resize-corner);
   cursor: sw-resize;
 }
-.magnotia-rh-se {
+.lumotia-rh-se {
   bottom: 0;
   right: 0;
-  width: var(--magnotia-resize-corner);
-  height: var(--magnotia-resize-corner);
+  width: var(--lumotia-resize-corner);
+  height: var(--lumotia-resize-corner);
   cursor: se-resize;
 }