feat: delivery status indicator, GIF picker CSS to TDS file (M-6, M-7)

- Message.tsx: show delivery status (sending/sent/failed) on own messages when
  no read receipts yet; hidden once server confirms (status null); TDS-styled
- GifPicker.tsx: move terminal CSS from runtime <style> tag into lotus-terminal.css.ts
  eliminating flash of unstyled content (M-6)
- lotus-terminal.css.ts: add [data-gif-terminal] selector rules for GIF picker

src/lotus-terminal.css.ts

@@ -626,3 +626,37 @@ globalStyle(`html[data-theme="light"] body.${lotusTerminalBodyClass} button[data
   boxShadow: '0 0 7px rgba(196,78,0,0.18)',
 });
 
+// ── GIF picker (terminal mode) ───────────────────────────────────────────────
+globalStyle(`body.${lotusTerminalBodyClass} [data-gif-terminal] input,` +
+  `body.${lotusTerminalBodyClass} [data-gif-terminal] form`, {
+  background: '#030c14 !important' as any,
+  color: '#e8edf5 !important' as any,
+  fontFamily: "'JetBrains Mono','Cascadia Code','Fira Code',monospace !important" as any,
+  border: '1px solid rgba(255,107,0,0.35) !important' as any,
+  borderRadius: '4px !important' as any,
+  fontSize: '12px !important' as any,
+  boxShadow: 'none !important' as any,
+});
+globalStyle(`body.${lotusTerminalBodyClass} [data-gif-terminal] input:focus`, {
+  borderColor: 'rgba(255,107,0,0.70) !important' as any,
+  boxShadow: '0 0 0 2px rgba(255,107,0,0.12) !important' as any,
+  outline: 'none !important' as any,
+});
+globalStyle(`body.${lotusTerminalBodyClass} [data-gif-terminal] input::placeholder`, {
+  color: 'rgba(255,107,0,0.40) !important' as any,
+});
+globalStyle(`body.${lotusTerminalBodyClass} [data-gif-terminal] svg,` +
+  `body.${lotusTerminalBodyClass} [data-gif-terminal] button[type="reset"]`, {
+  display: 'none !important' as any,
+});
+globalStyle(`body.${lotusTerminalBodyClass} [data-gif-terminal] ::-webkit-scrollbar`, {
+  width: '4px',
+});
+globalStyle(`body.${lotusTerminalBodyClass} [data-gif-terminal] ::-webkit-scrollbar-track`, {
+  background: '#030508',
+});
+globalStyle(`body.${lotusTerminalBodyClass} [data-gif-terminal] ::-webkit-scrollbar-thumb`, {
+  background: 'rgba(255,107,0,0.40)',
+  borderRadius: '2px',
+});
+