feat: add Tauri desktop chat app with React + TypeScript

tauri-app/src/index.css

@@ -0,0 +1,56 @@
+/* ── Reset & Base ── */
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+:root {
+  --bg:        #0c0c0e;
+  --bg2:       #141416;
+  --bg3:       #1c1c1f;
+  --bg4:       #242428;
+  --bg5:       #2c2c31;
+  --border:    #2a2a30;
+  --border2:   #38383f;
+  --text:      #e8e8ed;
+  --text2:     #8e8e99;
+  --text3:     #5a5a66;
+  --accent:    #5b6af0;
+  --accent2:   #4a58e0;
+  --accent-glow: rgba(91,106,240,0.15);
+  --user-bg:   #1a2040;
+  --user-border: #2a3560;
+  --asst-bg:   #141416;
+  --asst-border: #2a2a30;
+  --danger:    #f04040;
+  --success:   #30d158;
+  --warning:   #ffd60a;
+  --code-bg:   #0d0d10;
+  --radius-sm: 6px;
+  --radius:    10px;
+  --radius-lg: 14px;
+  --shadow:    0 2px 12px rgba(0,0,0,0.4);
+  --shadow-lg: 0 8px 32px rgba(0,0,0,0.6);
+  font-size: 15px;
+}
+
+html, body, #root {
+  height: 100%;
+  overflow: hidden;
+  background: var(--bg);
+  color: var(--text);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* ── Scrollbar ── */
+::-webkit-scrollbar { width: 5px; height: 5px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--bg5); border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: var(--border2); }
+
+/* ── Selection ── */
+::selection { background: var(--accent-glow); color: var(--text); }
+
+/* ── Focus ring ── */
+:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-sm); }
+
+/* ── Highlight.js theme override ── */
+.hljs { background: var(--code-bg) !important; }