SayakoEnglish

## index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GRE 完璧単語マスター</title>
<style>
body { font-family: 'Helvetica Neue', Arial, sans-serif; background-color: #f6f7fb; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 20px; box-sizing: border-box; }
.quiz-container { background: white; padding: 30px; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); width: 100%; max-width: 480px; text-align: center; }
.card { background: #ffffff; border: 2px solid #e0e0e0; border-radius: 15px; padding: 35px 20px; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition: transform 0.2s; position: relative; margin-bottom: 15px; }
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>GRE 完璧単語マスター</title>
	<style>
	body { font-family: 'Helvetica Neue', Arial, sans-serif; background-color: #f6f7fb; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 20px; box-sizing: border-box; }
	.quiz-container { background: white; padding: 30px; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); width: 100%; max-width: 480px; text-align: center; }
	.card { background: #ffffff; border: 2px solid #e0e0e0; border-radius: 15px; padding: 35px 20px; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition: transform 0.2s; position: relative; margin-bottom: 15px; }