.question-panel{width:85vw;height:83vh;margin:6.5vh auto;border-radius:1vw;box-shadow:0 .75vh 2.5vh #0003;display:flex;flex-direction:column;align-items:center;font-family:Kufam,sans-serif}.question-title{margin-top:3vh;color:#1f3ca0;font-size:3rem;font-weight:500;text-align:center}.question-subtitle{margin-top:1vh;color:#1f3ca0;font-size:2rem;font-weight:400;text-align:center}.audio-container{margin-top:12vh;margin-bottom:17vh;display:flex;justify-content:center}.audio-container button{width:16vw;height:4vw;font-size:3vw;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .1s}.audio-container button:hover{background-color:#0056b3;transform:scale(1.05)}.button-row{display:flex;justify-content:center;width:100%;top:60%;left:50%;gap:3vw}.button-row button{width:10vw;height:10vw;padding:1rem 2rem;background-color:#8e9eb0;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s}.button-row button:hover{background-color:#0056b3;transform:scale(1.05);z-index:1}.modal-background{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2}.modal-box{background:#fff;padding:4vh;border-radius:12px;width:30vw;height:60vh;text-align:center;font-family:Kufam,sans-serif;font-size:3.5vw;color:#152d85;z-index:3;box-shadow:0 6px 14px #0003}.modal-box button{background:#fff;border-radius:12px;width:20vw;height:8vh;margin-top:8vh;text-align:center;font-family:Kufam,sans-serif;font-size:2vw;color:#152d85;box-shadow:0 6px 14px #0003}.modal-box button:hover{background-color:#0056b3;color:#fff;transform:scale(1.05)}.home-panel{width:85vw;height:85vh;margin:6.5vh auto;background:#fff;border-radius:20px;box-shadow:0 .75vh 2.5vh #0003;display:flex;align-items:center;justify-content:center;font-family:Kufam,sans-serif}.home-panel button{background:#fff;border-radius:12px;width:15vw;height:10vh;text-align:center;font-family:Kufam,sans-serif;font-size:2vw;color:#152d85;box-shadow:0 6px 14px #0003;transition:transform .15s ease}.home-panel button:hover{background-color:#0056b3;color:#fff;transform:scale(1.05)}.panel{width:90%;height:90%;margin:6.5vh auto;color:#1f3ca0;font-size:2rem;box-shadow:0 .75vh 2.5vh #0003;display:flex;flex-direction:column;align-items:center;padding-bottom:40px;font-family:Kufam,sans-serif}.btn{width:19vw;height:19vw;max-width:330px;max-height:330px;min-width:150px;min-height:150px;border-radius:50%;border:1vw solid #4a74d4;background:#1f3ca0;color:#fff;font-size:4vw;font-family:Kufam,sans-serif;display:flex;align-items:center;justify-content:center}.panel button{background:#fff;padding:1%;border-radius:12px;width:17%;height:4%;margin-top:3%;text-align:center;font-family:Kufam,sans-serif;font-size:2vw;color:#152d85;box-shadow:0 6px 14px #0003;transition:transform .15s ease}.panel button:hover{background-color:#0056b3;color:#fff;transform:scale(1.05)}.word-card-grid{align-items:center;justify-content:center;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.word-card{width:400px;margin:20px auto;padding:10px;border:2px solid #ddd;border-radius:10px;background:#f9f9f9;font-family:Kufam,sans-serif}.bar-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:10px;margin:5px 0}.bar-container{height:15px;background:#eee;border-radius:10px;overflow:hidden}.bar{height:100%;border-radius:10px}.correct1{background:#007bff}.correct2{background:#28a745}.incorrect{background:#dc3545}