.time-left,.time-right{font-size:14px;color:#475569;font-weight:500;position:absolute;top:8px}.time-left{left:15px}.time-right{right:15px}.inner-box{border:1px solid #d1d5db;border-radius:10px;background:#fff;height:80px;margin-top:20px;position:relative}.answer_box{background-color:#fff;padding:20px;border-radius:10px;display:inline-block}.ans_main_wrap{display:none}a.start-test{padding:10px;background-color:#f2f9fd;color:#003693;position:absolute;font-size:14px;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:500}.audio-player{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:800px;margin:0 auto}.player-container{display:flex;align-items:center;gap:1rem}.play-button{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #0d6efd;color:#0d6efd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.play-button i{font-size:1.25rem;margin-left:2px}.play-button.playing i{margin-left:0}.time-display{font-size:.875rem;color:#6c757d;font-weight:500;min-width:45px;flex-shrink:0}.progress-container{flex-grow:1;position:relative;height:8px;background:#e9ecef;border-radius:10px;cursor:pointer;overflow:visible}.progress-bar-custom{height:100%;background:linear-gradient(90deg,#0d6efd,#0a58ca);border-radius:10px;position:relative;width:0%;transition:width .1s linear}.progress-handle{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#0d6efd;border:3px solid white;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:grab}.progress-handle:active{cursor:grabbing}.progress-container:hover .progress-handle{transform:translateY(-50%) scale(1.2)}.test-textarea{padding:20px;border-radius:12px;border:1px solid #d7d7d7;color:gray;font-size:15px;height:100%}.test-textarea:focus{border-color:#003693!important}.test-textarea:focus-visible{border-color:#003693!important;outline:none}.sumrize-written-btn{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.sumrize-btns{padding:5px 15px;color:#3d3d3d!important;background-color:#fff!important;border-radius:5px;border:1px solid #d7d7d7}.btn.redo-btn{background-color:#fff;border:1px solid #c5c5c5}.btn.redo-btn span{margin-right:5px}.checkbox-item label.correct{background-color:#22c55e;border-color:#22c55e;color:#fff}.checkbox-item label.incorrect{background-color:#ef4444;border-color:#ef4444;color:#fff}