.answer-option{color:#333;background-color:#f0f0f0;border-radius:5px;margin-bottom:12px;padding:15px;font-size:18px;font-weight:500;transition:background-color .2s ease-in-out}.answer-option:hover{background-color:#e2e8f0}.answer-wrong{color:#721c24;background-color:#ff0015}.answer-disabled{color:#000}.answer-correct{color:#0f5132;background-color:#00ff8c}.hint-box{background-color:#e8f5e9;border-radius:8px;margin-top:10px;padding:12px}.question-block{background-color:#fff;border:1px solid #dee2e6;border-radius:5px;margin-bottom:24px;padding:20px 15px;box-shadow:0 1px 3px #0000000d}.highlight-text{color:#0d6efd;font-weight:700}.highlight-title{color:#0f5132;font-size:20px;font-weight:700}.sp-bt{justify-content:space-between;display:flex}.box-btn{text-align:center}.answer{border:none;justify-content:space-between;width:100%;display:flex}.icon-arrow{object-fit:contain;width:50px;height:24px}.answer-wrapper{display:flex}.play-audio-answer{display:none}.answer-hints{background-color:#e6f4ea;border-left:4px solid #38a169;border-radius:6px;margin-top:10px;padding:10px}.fl-item{text-align:center;flex-direction:column;justify-content:center;place-items:center;width:100%;display:flex}.img-loudspeaker{width:100px}@media (max-width:480px){.img-loudspeaker{width:70px}}.img-loudspeaker:hover{cursor:pointer;filter:brightness(1.1);transition:transform .2s ease-in-out;transform:scale(1.1)}.btn-toggle-answer{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:15px;height:30px;font-size:.85rem;transition:background .2s}.btn-toggle-answer:hover{background-color:#e5e7eb}#n400-question{font-size:20px}.input-writing{resize:none;border:1px solid #d1d5db;border-radius:8px;align-content:center;width:100%;height:60px;padding:16px;font-size:1.1rem;overflow:hidden}@media (max-width:480px){.input-writing{width:100%}}.wp-action{justify-content:center;align-items:center;display:flex}.btn-submit{margin:0 10px;font-size:1.4rem;font-weight:700;box-shadow:0 4px 10px #0000001a}.toggle-icon{color:#000;cursor:pointer;font-size:2.5rem;transition:color .3s,transform .2s}.toggle-icon-btn{color:#fff;cursor:pointer;background-color:#000;border-radius:50%;padding:.5rem;font-size:1.8rem;transition:background-color .3s,transform .2s}.toggle-icon-btn:hover{background-color:#1e7e34;transform:scale(1.1)}.toggle-icon:active,.toggle-icon-btn:active{opacity:.8;transform:scale(.95)}.sp-bt{background-color:#f9f9f9;border-radius:8px}.icon-btn{background-color:#fff;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;transition:all .2s;display:inline-flex}.icon-btn:hover{color:#0d6efd;border-color:#0d6efd;transform:scale(1.15);box-shadow:0 0 6px #0003}.speak-btn:hover,.edit-btn:hover,.save-btn:hover{color:#0d6efd;border-color:#0d6efd}.hint-container{flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:10px;display:flex}.toggle-container{align-items:center;gap:10px;font-family:sans-serif;font-size:16px;display:flex}.switch{width:42px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#2f80ed}input:checked+.slider:before{transform:translate(18px)}.line{background:#ccc;width:100%;height:1px}.container-tips{margin-top:20px}.answer-tips{background-color:#badfff;border-radius:8px;padding:5px}.tag-key{font-weight:700}.category-item{padding:12px 18px;list-style:none}.category-item:nth-child(odd){background:#edf0f5}.category-item:nth-child(2n){background:#f5f4fa}.instruction-text{text-align:start}.icon-textarea{cursor:pointer;z-index:10;font-size:1.2rem;display:block;position:absolute;top:34%;left:15px;transform:translateY(-50%)}.another-way{justify-self:start;align-items:start!important}.another-section{justify-content:start;width:100%;display:flex}.pronunciation-title{text-align:start;background:#fff;padding:0 2px;font-style:italic;font-weight:700}.add-question-container{justify-content:space-between;display:flex}.add-btn{cursor:pointer;align-items:center;gap:5px;font-family:Inter;font-size:18px;font-weight:400;display:flex}.form-container{border-radius:12px;width:438px;margin:50px auto;padding:30px 20px;box-shadow:0 0 10px #0000001a}.form-control::placeholder{color:#d3d3db}.form-control{background-color:#faf9fc;border:none;border-radius:10px;padding:12px 16px}.btn-primary{background-color:#0047cc;border:none;border-radius:8px;font-family:Montserrat;font-size:18px;font-weight:700}.btn-primary:hover{background-color:#003bb3}.add-question-title{text-align:center;width:100%;font-family:Montserrat;font-size:24px;font-weight:600}.form-control{text-align:left}input::placeholder{text-align:left!important}.delete{cursor:pointer;display:block}#modalQuestionForm{width:100%}ul.dash-list{padding-left:1em;list-style-type:none}ul.dash-list li:before{content:"-";margin-right:.5em}.toggle-star-btn img{width:50px!important}.font-bold{margin:0;font-size:20px;font-weight:700!important}.font-sm{margin:0;font-size:20px;font-weight:400}.font-sm-italic{color:#333;margin:0;font-size:20px;font-style:italic;font-weight:400}.font-bold-italic{color:#333;margin:0;font-size:20px;font-style:italic;font-weight:700}.font-very-sm-italic{margin:0;font-size:18px;font-style:italic;font-weight:400}.translate-box,.tips-box{width:100%}.left-content{flex:1}.right-content{flex-shrink:0}.box-stick{z-index:100;background-color:#f5f4fa;padding:10px 0;position:sticky;top:0}.btn-home img{transition:opacity .15s}.btn-home img:hover{opacity:.75}.sub-title{color:#6b7280;margin:0;font-size:14px}.list-category{border:1px solid #dee2e6;border-radius:8px;margin-top:4px;overflow:hidden}.item-category{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:14px 16px;transition:background-color .15s;display:flex;color:inherit!important;text-decoration:none!important}.item-category:last-child{border-bottom:none}.item-category:nth-child(odd){background:#edf0f5}.item-category:nth-child(2n){background:#f5f4fa}.item-category:hover{background-color:#e2e8f0}.category-name{color:#1f2937;margin-bottom:2px;font-size:20px;font-weight:600}.category-desc{color:#6b7280;margin:0;font-size:16px}.process{color:#6b7280;padding:4px 0;font-size:16px}.answer-block{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.left-answer{text-align:left;flex:1}.action-btn{color:#1f2937;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.2rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.action-btn:hover{color:#111827;background:#d1d5db}.action-btn:active{transform:scale(.95)}.btn-previous{color:#374151;background:#f3f4f6}.btn-previous:hover{color:#111827;background:#e5e7eb}.wp-action .btn-submit{color:#fff;background:#1247bb;border:none;border-radius:50%;width:54px;height:54px;padding:0;font-size:1.2rem;box-shadow:0 4px 10px #00000026}.wp-action .btn-submit:hover:not(:disabled){color:#fff;background:#0d37a0}.wp-action .btn-submit:disabled{cursor:not-allowed;background:#6b7280}.completed-container{text-align:center;background:#fff;border-radius:16px;max-width:420px;margin:40px auto;padding:36px 24px;box-shadow:0 4px 20px #00000014}.completed-icon{justify-content:center;margin-bottom:16px;display:flex}.heading-module{color:#1f2937;margin:0;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700}.quiz-container{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:500px;margin:20px auto 0;padding:30px 20px;box-shadow:0 4px 20px #0000001a}.test-footer{opacity:.9;background:#f5f4fae5;justify-content:center;gap:16px;margin-top:auto;margin-bottom:70px;padding:20px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -10px 25px #00000005}.btn-round{background:#d0d0d0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.btn-round.active{background:#1247bb}.btn-round.active img{filter:brightness(0)saturate()invert()sepia(0%)saturate(5896%)hue-rotate(214deg)brightness(114%)contrast(103%)}.btn-round:disabled,.btn-round.disabled{pointer-events:none;opacity:.5;cursor:not-allowed;background-color:#d1d5db}.audio{cursor:pointer;background:#fff;border-radius:12px;justify-content:center;width:90px;margin:16px auto;padding:10px 20px;font-family:Inter,serif;display:flex;box-shadow:0 1px 4px #00000014}.audio:hover{opacity:.85}.audio-answer{cursor:pointer;justify-content:center;width:90px;margin:0;padding:10px 20px;font-family:Inter,serif;display:flex}.radio-options{text-align:left;width:100%}.radio-label{cursor:pointer;color:#374151;font-size:20px;font-weight:400;transition:color .15s}.radio-label.active{color:#1247bb;font-weight:600}.additional-field-container{position:relative}.additional-field{padding:10px}.icon-textarea-additional{cursor:pointer;z-index:10;width:25px;position:absolute;top:12px;left:10px}.warning-container{width:100%}.n400-shell{background-color:#f5f4fa;flex-direction:column;max-width:100%;min-height:100vh;padding:5px;display:flex}@media (min-width:768px){.n400-shell{max-width:980px;margin:0 auto;box-shadow:0 0 20px #0000001a}}@media (min-width:1024px){.n400-shell{max-width:980px}}