.app{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px}.dropdown-container{margin-bottom:20px}label{font-size:16px;margin-right:10px}select{padding:8px;font-size:16px;border-radius:4px}button{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}.question-container{font-family:Arial,sans-serif}.option-container label{display:flex;align-items:center;cursor:pointer}.option-container input[type=radio]{display:none}.option-container .option{margin-left:10px}.option-container input[type=radio]+.option{position:relative;padding-left:25px;cursor:pointer}.option-container input[type=radio]:checked+.option:before{background-color:#add8e6}.option-container input[type=radio]+.option:before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;border:2px solid #ccc;border-radius:50%}.toggle-btn{margin-top:10px}.right .option:before{background:yellowgreen}.wrong .option:before{background:green}.question-container{background-color:#f5f5f5;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.question{font-size:18px;margin-bottom:10px;color:#333}.option-container{margin-bottom:10px}.option{font-size:16px;color:#333}.meaning{margin-top:5px;font-size:14px;color:#555}.toggle-btn,.check-btn{background-color:#61b15a;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;margin-top:10px}.check-btn{background-color:#4287f5;margin-left:10px}.check-btn:hover,.toggle-btn:hover{opacity:.8}input[type=radio]{margin-right:5px}.answer-indicator{margin-top:10px;font-size:16px;font-weight:700}.correct{color:#61b15a}.incorrect{color:#f54242}body{font-family:Arial,Helvetica,sans-serif}
