/* BiRAG 보완 스타일 — Tailwind 가 못 잡는 디테일 */

html { color-scheme: dark; }
html.light { color-scheme: light; }

/* 라이트 모드 */
html.light body {
  background: #f7f8fc;
  color: #1a1d2c;
}
html.light aside { background: rgba(255,255,255,.85); border-color: #e6e8f0 !important; }
html.light .bg-ink-900\/40,
html.light .bg-ink-900\/60,
html.light .bg-ink-900\/70 { background: rgba(255,255,255,.65) !important; backdrop-filter: blur(10px); }
html.light .bg-ink-850,
html.light .bg-ink-850\/80,
html.light .bg-ink-850\/95 { background: #f1f3fa !important; }
html.light .bg-ink-800,
html.light .bg-ink-800\/60 { background: #eceffa !important; }
html.light .text-ink-100 { color: #1a1d2c !important; }
html.light .text-ink-200 { color: #2b3047 !important; }
html.light .text-ink-300 { color: #4a5070 !important; }
html.light .text-ink-400 { color: #6c7390 !important; }
html.light .text-ink-500 { color: #8c93b0 !important; }
html.light .border-ink-700 { border-color: #d6dae8 !important; }
html.light .border-ink-800,
html.light .border-ink-800\/80,
html.light .border-ink-800\/60 { border-color: #e6e8f0 !important; }
html.light .border-ink-850 { border-color: #eceffa !important; }
html.light .bg-black\/60 { background: #f1f3fa !important; }

/* 채팅 스크롤 영역의 부드러운 스크롤바 */
#chat-scroll::-webkit-scrollbar         { width: 8px; }
#chat-scroll::-webkit-scrollbar-thumb   { background: rgba(124,135,255,.25); border-radius: 8px; }
#chat-scroll::-webkit-scrollbar-thumb:hover { background: rgba(124,135,255,.4); }

/* prose (마크다운 출력) 다듬기 */
.prose-invert {
  --tw-prose-body:    #c1c6dc;
  --tw-prose-headings:#e5e8f3;
  --tw-prose-bold:    #ffffff;
  --tw-prose-links:   #7c87ff;
  --tw-prose-code:    #e5e8f3;
  --tw-prose-quotes:  #c1c6dc;
}
.prose pre  { background: #11131c; border: 1px solid #1d2132; border-radius: 12px; }
.prose code { background: rgba(124,135,255,.12); padding: 1px 6px; border-radius: 6px; font-weight: 500; }
.prose img  { border-radius: 12px; border: 1px solid #1d2132; }
.prose table{ font-size: 0.9em; }
.prose thead th { background: #11131c; }

/* 텍스트 잘림 */
.line-clamp-3 {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
  overflow: hidden;
}

/* 부드러운 페이드 인 */
[x-cloak] { display: none !important; }
section { animation: fadein .18s ease-out; }
@keyframes fadein { from { opacity:0; transform: translateY(4px);} to {opacity:1; transform:none;} }