#fortune2026-wrap { max-width:640px; margin:20px auto; padding:20px; background:#111; color:#eee; border-radius:12px; font-family:-apple-system,BlinkMacSystemFont,"Pretendard",sans-serif; }

h2 { font-size:1.6rem; margin-bottom:16px; text-align:center; color:#4da6ff; }

.field { margin-bottom:16px; }
.field input, .field select { width:100%; padding:10px; border-radius:6px; border:1px solid #333; background:#1c1c1c; color:#fff; }

button { width:100%; padding:14px; border:none; border-radius:8px; background:#4da6ff; color:#000; font-weight:600; cursor:pointer; transition:0.3s; }
button:hover { background:#6fb9ff; }

.gender-options { display:flex; gap:16px; margin-top:6px; }
.birth-inputs { display:flex; gap:6px; }
.birth-inputs input { width:33%; }

.result-summary { margin-top:20px; padding:12px; background:#222; border-radius:8px; }
.saju-table { width:100%; border-collapse:collapse; margin-bottom:12px; }
.saju-table th, .saju-table td { padding:6px 8px; border:1px solid #333; text-align:left; }

.result-bars { margin-top:10px; }
.bar-bg { background:#333; border-radius:6px; overflow:hidden; height:14px; margin-bottom:6px; }
.bar-fill { height:100%; background:linear-gradient(90deg,#4da6ff,#6fb9ff); border-radius:6px; transition:width 0.6s ease; }

.saju-score-seo { 
    margin-top:20px; 
    padding:16px; 
    background:#1a1a1a; 
    border-radius:8px; 
    color:#ccc; 
    line-height:1.6; 
}
.saju-score-seo h2 { 
    color:#4da6ff; 
    font-size:1.4rem; 
    margin-bottom:12px; 
    text-align:left; 
}
.saju-score-seo ul { 
    list-style-type: disc; 
    padding-left:20px; 
}
.saju-score-seo li { 
    margin-bottom:8px; 
}