📱 모바일 퍼스트 레이아웃  ·  🌙 다크 / 라이트 모드  ·  ⭐ 즐겨찾기 저장

vocalyric/
├── index.html   # 시맨틱 마크업 및 뷰 레이아웃
├── style.css    # Flex/Grid 반응형 디자인, 애니메이션
├── script.js    # 데이터(songs), DOM 로직, 검색/즐겨찾기/테마
└── README.md

{
  id: 7,
  title: "곡 제목",
  artist: "아티스트명",
  emoji: "🎵",
  lyrics: [
    {
      jp: "日本語の歌詞",          // 원문
      kana: "にほんごのかし",       // 히라가나
      kr: "한국어 번역",
      note: "단어: 설명 (선택)",   // 카드 하단 메모 (생략 가능)
      words: [                     // 툴팁 단어 (생략 가능)
        { text: "단어", tip: "단어: 뜻 설명" }
      ]
    }
  ]
}