@charset "UTF-8";

.message {
	line-height: 1.7;
	font-size: 1rem;
	animation: fadeIn 0.3s ease;
}

@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

/* 사용자 메시지 */
/* .user-msg {
} */

/* AI 메시지 (분석 보고서 형태 유지하되 내부는 Gemini 스타일) */
/* .ai-msg {
} */

/* 제목 (###) - 파란 밑줄 대신 Gemini 그라데이션 텍스트 */
.ai-msg h3 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 15px;
	border-bottom: none; /* 이전의 파란 밑줄 제거 */
	
	/* Gemini Gradient Text */
	background: linear-gradient(90deg, #4285F4, #9B72CB, #D96570);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}
.ai-msg h3:first-child { margin-top: 0; }

/* 본문 텍스트 */
.ai-msg p {
	margin-bottom: 10px;
	color: #333;
}

/* 강조 (**) */
.ai-msg strong {
	color: #1f1f1f;
	font-weight: 700;
}

/* 리스트 스타일 */
.ai-msg ul, .ai-msg ol {
	padding-left: 20px;
	margin: 15px 0;
	color: #444746;
}
.ai-msg li { margin-bottom: 8px; }

/* 코드 블록 (```) - Gemini Dark Theme */
.ai-msg pre {
	background-color: #1e1e1e; /* 짙은 회색 배경 */
	color: #e3e3e3;
	padding: 20px;
	border-radius: 16px; /* 둥근 모서리 */
	overflow-x: auto;
	font-family: 'Roboto Mono', monospace;
	font-size: 0.9rem;
	margin: 20px 0;
	border: 1px solid rgba(0,0,0,0.1);
}

/* 인라인 코드 (`) - Gemini Pill Shape */
.ai-msg code {
	font-family: 'Roboto Mono', monospace;
	background-color: #f0f4f9; /* 연한 회색/하늘색 */
	color: #b3261e; /* 붉은색 텍스트 */
	padding: 2px 6px;
	border-radius: 6px;
	font-size: 0.9em;
	font-weight: 500;
}

/* 코드 블록 내부의 코드는 스타일 초기화 */
.ai-msg pre code {
	background-color: transparent;
	color: inherit;
	padding: 0;
}

/* 커서 효과 */
.cursor::after {
	content: '●';
	color: #0b57d0;
	margin-left: 5px;
	animation: blink 1s infinite;
}
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }