.player-container{left:0;top:0;position:absolute;width:250px;padding:20px;font-family:Arial,sans-serif;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);background-color:rgba(255,255,255,20%)}.controls{display:flex;align-items:center;gap:15px;margin-bottom:10px}.progress-container{position:relative;width:100%;height:8px;background:#e0e0e0;border-radius:4px;cursor:pointer;margin:20px 0;touch-action:none}.progress-bar{position:relative;width:0%;height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:4px;transition:width 50ms linear;pointer-events:none}.progress-thumb{position:absolute;top:50%;right:-10px;transform:translate(0,-50%);width:20px;height:20px;background:#4caf50;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(76,175,80,.4);cursor:grab;pointer-events:none;transition:transform .15s ease,box-shadow .15s ease;z-index:2}.progress-container.dragging .progress-thumb,.progress-container:hover .progress-thumb{transform:translate(0,-50%) scale(1.2);box-shadow:0 4px 16px rgba(76,175,80,.6)}.progress-container.dragging{cursor:grabbing}.progress-container.dragging .progress-thumb{cursor:grabbing;background:#388e3c;box-shadow:0 4px 20px rgba(76,175,80,.8)}.progress-buffer{position:absolute;top:0;left:0;height:100%;background:rgba(76,175,80,.2);border-radius:4px;pointer-events:none;width:0%}.time-display{display:flex;justify-content:space-between;font-size:14px;color:#666;margin-top:8px}button{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:16px;transition:background .2s;min-width:100px}button:hover{background:#45a049}button:active{transform:scale(.95)}.status{font-size:14px;color:#888}.hidden{display:none}