fix(web): review round 1: optimistic edits, friendly errors, preferences, Gelasio

- Tags and custom fields update the cached entry optimistically and build
  from the latest cache; one entry's PATCHes run in order (mutation scope).
- The review textarea follows server changes (Restore) unless edited.
- friendlyError() maps validation reasons and 413 to plain copy everywhere.
- Rating scale from me/preferences; /login and /register use auth/status;
  Attachments lists from the API.
- Gelasio vendored (official OFL variable TTFs); minors from the review.
- Docs: DESIGN (AA on orange, faint labels), DECISIONS, TODO, ARCHITECTURE.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

apps/web/src/theme.css

@@ -8,6 +8,22 @@
   font-display: swap;
 }
 
+/* Gelasio (OFL), official variable fonts from github.com/google/fonts ofl/gelasio, unmodified. */
+@font-face {
+  font-family: "Gelasio";
+  src: url("./fonts/gelasio-wght.ttf") format("truetype");
+  font-weight: 400 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Gelasio";
+  src: url("./fonts/gelasio-italic-wght.ttf") format("truetype");
+  font-weight: 400 700;
+  font-style: italic;
+  font-display: swap;
+}
+
 :root {
   /* DESIGN.md */
   --surface-0: #17152b;
@@ -62,7 +78,7 @@ body {
   line-height: 1.45;
   font-feature-settings: "cv11", "ss01";
   -webkit-font-smoothing: antialiased;
-  caret-color: var(--rating);
+  caret-color: var(--text);
 }
 ::selection { background: #6d5dfc80; color: #fff; }
 * { scrollbar-width: thin; scrollbar-color: var(--surface-3) transparent; }
@@ -274,6 +290,7 @@ svg.icon { width: 16px; height: 16px; flex: none; stroke: currentColor; fill: no
 .box .r > :last-child { text-align: right; }
 .box .r .x { opacity: 0; transition: opacity 0.15s; }
 .box .r:hover .x, .box .r .x:focus-visible { opacity: 1; }
+@media (hover: none) { .box .r .x { opacity: 1; } }
 .box .empty-line { color: var(--text-muted); font-size: 0.84rem; }
 .box form { display: grid; gap: 10px; margin-top: 8px; }
 .box form .two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }