.et_pb_code_1{.vocab-container{font-family:'Baloo 2',cursive;margin:0;padding:0;background-color:#4285F4;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;overflow:hidden}.header{width:100%;display:flex;justify-content:center;margin-top:20px;z-index:1;position:relative}.score-group{display:flex;align-items:center;background-color:#1DD3BD;padding:10px 20px;border-radius:30px;color:#FFFFFF;font-weight:bold;box-shadow:0 4px 8px rgba(0,0,0,0.1);width:80%;max-width:760px;justify-content:space-between;transition:all 0.3s ease}.timer{display:flex;align-items:center}.score{margin:0;text-align:center;flex-grow:1;font-size:1.2em;color:#FFEB3B}.ratio{margin:0;text-align:right}.container{background-color:#FFFFFF;width:80%;padding-bottom:20px;padding-top:0px!important;border-radius:48px;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;align-items:center;margin-top:40px;z-index:0;position:relative;transition:all 0.3s ease}.tab{position:absolute;top:-15px;background-color:#F0F9FF;padding:10px 25px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.graded-practice{color:#05BD65;font-weight:bold;font-size:1.2em}.content{text-align:center;width:100%}.question-container{background-color:#F0F9FF;padding:40px 20px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:48px 48px 0 0;box-sizing:border-box}.question{font-size:1.5em;margin:0;text-align:center}.answer-input-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px}.answer-input-wrapper input{width:77%;padding:10px;font-size:1.2em;border:none;border-bottom:1px solid #607D8B;margin-bottom:20px;box-shadow:none;transition:all 0.3s ease;outline:none;background-color:transparent;text-align:center}.answer-input-wrapper input:focus{border-bottom-color:#05BD65;box-shadow:none}.actions{display:flex;justify-content:space-between;width:80%;margin-bottom:20px}.hint-wrapper{position:relative}.hint-content{display:none;position:absolute;bottom:25px;left:0;background-color:#fff;border:1px solid #ccc;padding:10px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:10;width:300px;white-space:normal}.hint-wrapper:hover .hint-content{display:block}.actions .hint{color:#607D8B;font-weight:bold;text-decoration:none;transition:color 0.3s ease}.actions .hint:hover{color:#05BD65}#check-button{padding:15px 30px;font-size:1.2em;color:#FFFFFF;background-color:#607D8B;border:none;border-radius:12px;cursor:not-allowed;transition:all 0.3s ease}#check-button:enabled{background-color:#05BD65;cursor:pointer}.message{font-size:1em;font-weight:bold;margin-top:10px}.message.success{color:#05BD65}.message.error{color:#FF0000}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}.shake{animation:shake 0.5s}}