Update css.py

css.py

@@ -4,6 +4,7 @@ import re
 import uuid
 import pandas as pd
 import time
+from zoneinfo import ZoneInfo
 from datetime import datetime  # 타임스탬프용
 
 # ────────────────── 말풍선 생성 함수
@@ -43,7 +44,11 @@ def render_message(
     fsz   = "13px"
 
     message = str(message).rstrip()
-    ts_text = datetime.now().strftime("%H:%M") if show_time else ""    
+    try:
+        tz = st.session_state.get("tz", "Asia/Seoul")   # 기본 KST
+        ts_text = datetime.now(ZoneInfo(tz)).strftime("%H:%M")
+    except Exception:
+        ts_text = datetime.now().strftime("%H:%M")      # 실패 시 안전 fallback  
 
     # 공통 풍선 래퍼
     # ✅ 카톡 스타일: 시간은 말풍선 '밖' (왼쪽: 봇=시각+버블, 오른쪽: 유저=버블+시각)
@@ -59,14 +64,14 @@ def render_message(
                 # 사용자: 시간(좌) + 버블
                 ts = (
                     f'''<span style="font-size:11px;color:#888;white-space:nowrap;'''
-                    f'''align-self:flex-end;margin:0 6px 2px 0;">{ts_text_local}</span>'''
+                    f'''align-self:flex-end;margin:0 2px 2px 0;">{ts_text_local}</span>'''
                 )
                 inner = ts + bubble
             else:
                 # 봇: 버블 + 시간(우)
                 ts = (
                     f'''<span style="font-size:11px;color:#888;white-space:nowrap;'''
-                    f'''align-self:flex-end;margin:0 0 2px 6px;">{ts_text_local}</span>'''
+                    f'''align-self:flex-end;margin:0 0 2px 2px;">{ts_text_local}</span>'''
                 )
                 inner = bubble + ts
         else:
@@ -75,7 +80,7 @@ def render_message(
         row_align = "flex-end" if sender == "user" else "flex-start"
         return (
             f'''<div style="display:flex;align-items:flex-end;justify-content:{row_align};'''
-            f'''gap:6px;margin:6px 0;">{inner}</div>'''
+            f'''gap:2px;margin:6px 0;">{inner}</div>'''
         )
 
     if not animated: