.body-shape-result {
    text-align: center;
    padding: 30px;
    background: linear-gradient(135deg, var(--bs-primary-bg-subtle) 0%, var(--bs-info-bg-subtle) 100%);
    border-radius: 12px;
    margin: 20px 0;
}

.body-shape-svg {
    max-width: 200px;
    height: auto;
    margin: 20px auto;
    animation: fadeInScale 0.6s ease-out;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.measurement-input-group {
    position: relative;
}

.measurement-diagram {
    max-width: 250px;
    margin: 20px auto;
    opacity: 0.8;
}

.whr-indicator {
    padding: 15px;
    border-radius: 8px;
    margin-top: 15px;
}

.whr-excellent {
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    color: white;
}

.whr-good {
    background: linear-gradient(135deg, #66bb6a, #81c784);
    color: white;
}

.whr-average {
    background: linear-gradient(135deg, #ffa726, #ffb74d);
    color: white;
}

.whr-high {
    background: linear-gradient(135deg, #ef5350, #e57373);
    color: white;
}

[data-bs-theme="dark"] .body-shape-result {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.1) 0%, rgba(13, 202, 240, 0.1) 100%);
}