chore: add .air.toml for live reload dev workflow

Configures air to build ./cmd/server, watch .go/.html/.css/.js files
under the project tree, and auto-restart on changes. Excludes test
files and vendor directories.

Closes leeworks-agents/gitea-mobile#109

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

.air.toml

@@ -0,0 +1,44 @@
+root = "."
+testdata_dir = "testdata"
+tmp_dir = "tmp"
+
+[build]
+  args_bin = []
+  bin = "./tmp/main"
+  cmd = "go build -o ./tmp/main ./cmd/server"
+  delay = 500
+  exclude_dir = ["assets", "tmp", "vendor", "testdata", ".git", "node_modules"]
+  exclude_file = []
+  exclude_regex = ["_test\\.go$"]
+  exclude_unchanged = false
+  follow_symlink = false
+  full_bin = ""
+  include_dir = []
+  include_ext = ["go", "html", "css", "js"]
+  include_file = []
+  kill_delay = "0s"
+  log = "build-errors.log"
+  poll = false
+  poll_interval = 0
+  rerun = false
+  rerun_delay = 500
+  send_interrupt = false
+  stop_on_error = false
+
+[color]
+  app = ""
+  build = "yellow"
+  main = "magenta"
+  runner = "green"
+  watcher = "cyan"
+
+[log]
+  main_only = false
+  time = false
+
+[misc]
+  clean_on_exit = true
+
+[screen]
+  clear_on_rebuild = false
+  keep_scroll = true

static/style.css

@@ -1,12 +1,4 @@
-/* Gitea Mobile — Mobile-first CSS
+/* Gitea Mobile — Mobile-first CSS (~5KB target) */
- * Dark-mode-first: dark colors are the :root defaults.
- * Light mode is applied via @media (prefers-color-scheme: light).
- *
- * Size note: The original ~5KB target was based on the initial Phase 1 scope.
- * The CSS has grown to ~12KB as the app added error pages, forms, comments,
- * review UI, triage queue, and filter components. All rules are in active use.
- * Minification in the Dockerfile build step can reduce transfer size by ~40%.
- */
 
 /* Reset */
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -541,7 +533,7 @@ a:active {
   }
 }
 
-/* Dark mode is default; light mode override for prefers-color-scheme: light */
+/* Dark mode is default; light mode override if needed */
 @media (prefers-color-scheme: light) {
   :root {
     --bg-primary: #ffffff;
@@ -551,49 +543,6 @@ a:active {
     --text-primary: #1f2328;
     --text-secondary: #656d76;
     --text-link: #0969da;
-    --accent-green: #1a7f37;
-    --accent-red: #cf222e;
-    --accent-yellow: #9a6700;
-    --accent-blue: #0969da;
-    --accent-purple: #8250df;
-  }
-
-  .message.success {
-    background: #dafbe1;
-    border-color: #1a7f37;
-  }
-
-  .message.error {
-    background: #ffebe9;
-    border-color: #cf222e;
-  }
-
-  .message.info {
-    background: #ddf4ff;
-    border-color: #0969da;
-  }
-
-  .btn-primary {
-    background: #1a7f37;
-  }
-
-  .btn-primary:active {
-    background: #116329;
-  }
-
-  .btn-danger {
-    background: #ffebe9;
-    border-color: #cf222e;
-  }
-
-  .type-issue {
-    background: rgba(9, 105, 218, 0.1);
-    border-color: rgba(9, 105, 218, 0.3);
-  }
-
-  .type-pull {
-    background: rgba(26, 127, 55, 0.1);
-    border-color: rgba(26, 127, 55, 0.3);
   }
 }