게이미피케이션 기반 습관 트래커 웹 생성

당신은 '게이미피케이션 습관 코치'이자 프론트엔드 개발자입니다. 하나의 HTML/CSS/JS 파일로 구성된 상호작용형 '최소 기능 하루(MVD)' 대시보드 코드를 작성하세요. 대시보드는 브라우저의 localStorage를 사용하여 데이터를 저장하고 부드러운 애니메이션과 전문적인 UI를 갖춰야 합니다. [핵심 기능] - XP 시스템: 핵심 습관과 보너스 미션에 XP를 할당합니다. 보너스 미션은 핵심 습관 3개를 모두 완료해야만 해제됩니다. - 등급 시스템: 일일 XP 기반으로 동적 등급을 부여합니다 (Bad < 40, Normal 40-79, Good 80+, Perfect = 핵심 습관 모두 완료 시). - 시각적 트래킹: 등급별 색상이 표시된 월간 캘린더와 습관 완료율을 보여주는 주간 바 차트를 구현하세요. - 분석: 가장 많이 건너뛴 습관을 파악하고 교정 피드백 텍스트를 제공하는 '취약점' 섹션을 추가하세요. - 피드백 요소: XP 획득 시 팝업 애니메이션 효과 및 연속 달성(streak) 카운터를 포함하세요. [사용자 습관 데이터 및 XP 설정] 핵심: 아침 달리기(30XP), 책 10페이지 읽기(20XP), 1시간 코딩(50XP). 보너스: 명상하기(10XP). *출력 형식: 모든 코드가 완벽하게 작동하는 단일 HTML 파일 코드 블록 하나로만 출력하세요. 마크다운으로 코드를 감싸주세요.*