:root {
    --kta-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Apple SD Gothic Neo", "Helvetica Neue", "Pretendard", system-ui, sans-serif;
}

html[data-app-lang="ko"] {
    --kta-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Apple SD Gothic Neo", "Helvetica Neue", "Pretendard", system-ui, sans-serif;
}

html[data-app-lang="en"] {
    --kta-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
}

html[data-app-lang="ja"] {
    --kta-font-sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", system-ui, sans-serif;
}

html[data-app-lang="zh"] {
    --kta-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "PingFang TC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
}

body,
button,
input,
textarea,
select {
    font-family: var(--kta-font-sans) !important;
    letter-spacing: 0;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.invisible-on-load {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}