src/style.css

/* 1. 폰트 및 기본 배경 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap');

html, body, [data-testid="stAppViewContainer"] {
    background-color: #FFFFFF !important; 
    font-family: 'Noto Sans KR', sans-serif !important;
    color: #333333 !important; 
}

/* 2. 헤더 타이틀 컨테이너 */
.title-container {
    line-height: 1.2;
}
.main-title {
    font-size: 2.2rem !important; 
    font-weight: 700 !important;
    color: #FFFFFF !important; 
}
.sub-title {
    font-size: 1.0rem !important;
    color: #E0E0E0 !important;
}

/* 3. 입력창 컨테이너 */
[data-testid="stVerticalBlockBorderWrapper"] {
    background: #F8F9FA !important; 
    border: 1px solid #E0E0E0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 14px !important;
}

/* 4. 버튼 스타일 수정 (배경: 흰색 / 글자: 검정 / 테두리: KT 레드) */
div.stButton {
    text-align: center !important; 
    margin-top: 10px;
}

[data-testid="stButton"] > button {
    background: #FFFFFF !important;    /* 배경 흰색 */
    color: #000000 !important;         /* 글자 검정 */
    border: 2px solid #E3000B !important; /* 테두리 KT 레드 */
    border-radius: 8px !important;
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 600 !important; 
    font-size: 1.1rem !important; 
    padding: 10px 40px !important; 
    transition: all 0.2s ease-in-out !important;
    width: auto !important; 
    min-width: 200px;
}

/* 버튼 마우스 호버 시 스타일 */
[data-testid="stButton"] > button:hover {
    background: #E3000B !important;    /* 호버 시 배경 레드 */
    color: #FFFFFF !important;         /* 호버 시 글자 흰색 */
    box-shadow: 0 4px 12px rgba(227,0,11,0.2) !important;
}

/* 5. 텍스트 입력 영역 */
[data-testid="stTextArea"] textarea,
[data-testid="stTextInput"] input {
    background: #FFFFFF !important;
    border: 1px solid #D0D0D0 !important;
    color: #333333 !important; 
    border-radius: 8px !important;
}

/* 6. 탭(Tabs) 디자인 */
[data-testid="stTabs"] [data-baseweb="tab-list"] {
    background: #FFFFFF !important; border-bottom: 1px solid #E0E0E0 !important;
}
[data-testid="stTabs"] [aria-selected="true"] {
    color: #E3000B !important; border-bottom: 2px solid #E3000B !important;
}

/* 7. 글자 가독성 설정 */
p, .stMarkdown p { 
    color: #333333 !important; 
    word-break: keep-all; 
}