/* 폰트 불러오기 (Wanted Sans) */
@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");

body {
    font-family: 'Wanted Sans', sans-serif;
}

/* 스크롤바 숨기기 (다이얼 느낌을 위해 필수) */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 다이얼 선택 강조 효과 */
.wheel-item.selected-item {
    background-color: #0F4C81;
    color: white;
    font-weight: 800;
    transform: scale(1.05);
}

/* 결과 텍스트 영역 */
.pro-report-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    padding: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #334155;
    min-height: 150px;
}

/* 애니메이션 */
.animate-fade-in-up {
    animation: fadeInUp 0.5s ease-out forwards;
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.loading-dots:after {
    content: ' .';
    animation: dots 1.5s steps(5, end) infinite;
}
@keyframes dots {
    0%, 20% { color: rgba(0,0,0,0); text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);}
    40% { color: #0F4C81; text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);}
    60% { text-shadow: .25em 0 0 #0F4C81, .5em 0 0 rgba(0,0,0,0);}
    80%, 100% { text-shadow: .25em 0 0 #0F4C81, .5em 0 0 #0F4C81;}
}