/* myfitnesscheck.app — custom styles */

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: #fdf4ff;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f3f4f6; }
::-webkit-scrollbar-thumb { background: #a78bfa; border-radius: 3px; }

/* Radio card — checked indicator dot */
.radio-card input[type="radio"]:checked + .radio-dot {
    background-color: #7c3aed;
    border-color: #7c3aed;
}

/* line-clamp utility (for older browsers) */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Smooth page transitions */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
main, .page-content {
    animation: fadeIn 0.2s ease-out;
}